:root{
  --ponor:#05080D;--magla:#0A1624;--ti:#9AA6B2;--ti-senka:#2A323C;--ti-anod:#4A6FD8;
  --raiden:#3DB8FF;--jezgro:#E8F7FF;--bakar:#C9733A;--oksid:#5A2E17;--bakar-t:#E0925A;
  --ink:#E6EEF7;--ink2:#A9B6C4;--line:#1E2A3A;--plate:#0B121B;
  --up:#16C784;--dn:#EA3943; /* tiker i tabela (DIZAJN odluka 2) */
  --rast:#2FD6B0;--pad:#8C7CFF;--pad-t:#A99CFF; /* samo heatmap L5 */
  --f-d:"Geologica",system-ui,sans-serif;--f-m:"Martian Mono",ui-monospace,Consolas,monospace;
  --menu:56px;--bt:96px;--bb:96px;--m:80px;--shrp:40;--smt:72px;
  --cut:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
  color-scheme:dark;
}
@media (max-width:760px){:root{--menu:60px;--bt:56px;--bb:48px;--m:16px;--smt:76px}}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--ponor);overflow-x:clip;scrollbar-color:#2A323C var(--ponor);-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--menu) + var(--bnr,0px))}
body{margin:0;background:var(--ponor);color:var(--ink);font:400 17px/1.55 var(--f-d);overflow-x:clip;-webkit-font-smoothing:antialiased;caret-color:var(--raiden)}
::selection{background:var(--raiden);color:var(--ponor)}
a{color:inherit}
:focus-visible{outline:2px solid var(--raiden);outline-offset:3px}
/* clip-path (zaseceni ugao) odseca outline: ta dugmad dobijaju unutrasnji prsten, koji clip-path ne dira */
.inc:focus-visible,.btn:focus-visible,.t-btns button:focus-visible,.hm-t:focus-visible,.tb-more button:focus-visible,.cry-msg button:focus-visible,.banner button:focus-visible,.anim:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--raiden),inset 0 0 0 4px var(--ponor)}
.inc:focus-visible,.btn-p:focus-visible{background:#fff}
h1,h2,h3{margin:0;font-variation-settings:"SHRP" var(--shrp);text-wrap:balance;transition:font-variation-settings .6s}
p,ul,ol,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
button{font:inherit;color:inherit}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.num{font-variant-numeric:tabular-nums}
.skip{position:fixed;left:12px;top:-60px;z-index:60;background:var(--ink);color:var(--ponor);padding:10px 14px;text-decoration:none;font-weight:600}
.skip:focus{top:8px}

/* ---------- meni ---------- */
/* meni je potpuno neproziran: na 94% je svetao tekst (naslov tabele) prosijavao kroz njega pri skrolu */
.top{position:fixed;left:0;right:0;top:0;height:var(--menu);z-index:40;display:flex;align-items:center;gap:22px;padding:0 var(--m);background:var(--ponor);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;font-weight:650;font-size:17px;letter-spacing:-.01em;flex:none}
.mark{width:24px;height:27px;flex:none}
.pips{display:flex;align-items:center;gap:3px;flex:none}
.pip{width:10px;height:11px;flex:none}
.pip path{fill:none;stroke:#3A4656;stroke-width:1.5;transition:fill .4s,stroke .4s}
.pip.on path{fill:var(--raiden);stroke:var(--raiden)}
.pip.cut path{fill:none;stroke:var(--bakar)}
.pips-t{margin-left:8px;font-size:14px;font-weight:500;color:var(--ink2);white-space:nowrap}
.nav{margin-left:auto}
.nav a{font-size:15px;color:var(--ink2);text-decoration:none;padding:8px 2px}
.nav a:hover{color:var(--ink)}
.lang{display:flex;align-items:center;flex:none}
.lang a{display:grid;place-items:center;min-width:30px;min-height:44px;font-size:14px;font-weight:500;color:var(--ink2);text-decoration:none}
.lang i{font-style:normal;font-size:14px;color:#4A5566}
.lang a[aria-current]{color:var(--ink)}
.lang a:hover{color:var(--raiden)}
.inc{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;background:var(--ink);color:var(--ponor);font-weight:600;font-size:15px;text-decoration:none;clip-path:var(--cut);flex:none;white-space:nowrap}
.inc:hover{background:#fff}
@media (max-width:760px){
  .top{gap:10px}
  .brand-t,.pips-t{position:absolute;width:1px;height:1px;clip-path:inset(50%);white-space:nowrap}
  .nav{display:none}
  .lang{margin-left:auto}
  /* ponytail: sirina menija na 390 je puna (16..374 px); mete rastu samo u visinu (44), sirina ostaje >= 24 (WCAG 2.5.8) */
  .lang a{min-width:24px;font-size:13px}
  .lang i{font-size:12px}
  .inc{font-size:13px;padding:0 10px;min-height:44px}
  .pip{width:8px;height:9px}
}

/* ---------- scena, lanci, tiker ---------- */
#gl,#lanci{position:fixed;left:0;top:0;width:100%;height:100%;display:none;pointer-events:none}
#gl{z-index:0}
#lanci{z-index:1}
.gl #gl,.gl #lanci{display:block}
.tick-list .coin{display:flex;align-items:center;gap:8px;white-space:nowrap}
.coin b{font-weight:650;font-size:14px}
.coin .px,.coin .ch{font-family:var(--f-m);font-stretch:87.5%;font-size:13px;font-variant-numeric:tabular-nums}
.coin .ch{display:inline-flex;align-items:center;gap:3px}
.coin.up .ch{color:var(--up)}
.coin.dn .ch{color:var(--dn)}
/* promena koja se zaokruzi na 0,00% je neutralna: bez trougla, bez boje smera */
.coin.nu .ch,.tl.nu .ch,.tb .ch.nu,.hm-lab.nu .ch,.hm-t.nu .ch,.tt-d.nu{color:var(--ink2)}
.tri{width:9px;height:9px;fill:currentColor;flex:none}
.tick-note{font-size:13px;color:var(--ink2);white-space:nowrap}
/* iznad main-a (z 3) da natpisi cena primaju hover; sloj je pointer-events:none, a natpisi su samo u trakama lanaca, van teksta */
.gl .tick{position:fixed;left:0;top:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:clip}
.gl .tick-list{position:absolute;width:1px;height:1px;clip-path:inset(50%)}
.gl .tick-note{position:absolute;left:var(--m);top:calc(var(--menu) + var(--bt) * .82);transform:translateY(-50%);background:rgba(5,8,13,.86);padding:3px 8px;z-index:1}
.tick-live{display:none}
.gl .tick-live{display:block}
.tl{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;padding:3px 8px;background:rgba(5,8,13,.78);white-space:nowrap;will-change:transform;transition:opacity .3s;pointer-events:auto;cursor:default}
.tl:hover{box-shadow:inset 0 0 0 1px #3A4656}
.tl b{font-weight:650;font-size:14px}
.tl .px,.tl .ch{font-family:var(--f-m);font-stretch:87.5%;font-size:13px;font-variant-numeric:tabular-nums}
.tl .ch{display:inline-flex;align-items:center;gap:3px}
.tl.up .ch{color:var(--up)}
.tl.dn .ch{color:var(--dn)}
.halt .tl{opacity:.5}
/* na dodiru natpis cene ne hvata tap namenjen tekstu ispod njega */
@media (hover:none){.tl{pointer-events:none}}
@media (max-width:760px){.tl .px{display:none}.tl{padding:2px 6px}.tl b{font-size:12px}.tl .ch{font-size:12px}.gl .tick-note{font-size:12px;padding:2px 6px}.tn-l{display:none}}
@media (min-width:761px){.tn-s{display:none}}
/* drugi WebGL kontekst nije napravljen ili je izgubljen: iste cene staticno u gornjoj traci */
.gl.nochain #lanci,.gl.nochain .tick-live{display:none}
.gl.nochain .tick-list{left:var(--m);right:var(--m);top:calc(var(--menu) + 6px);width:auto;height:auto;max-height:calc(var(--bt) * .56);clip-path:none;display:flex;flex-wrap:wrap;align-items:center;gap:2px 22px;padding:3px 8px;overflow:hidden;background:rgba(5,8,13,.86)}
@media (max-width:760px){.gl.nochain .tick-list{flex-wrap:nowrap}.gl.nochain .coin .px{display:none}.gl.nochain .coin b,.gl.nochain .coin .ch{font-size:12px}}
.chain-s{display:none}

/* ---------- raspored taktova ---------- */
main{position:relative;z-index:3}
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;max-width:1280px;margin:0 auto;width:100%}
.takt{position:relative;min-height:120svh;display:grid;align-content:center;padding:calc(var(--menu) + var(--bt) + 24px) var(--m) calc(var(--bb) + 24px)}
.t5{display:block;min-height:0;padding:0}
.sub{position:relative;min-height:80svh;display:grid;align-content:center;padding:calc(var(--menu) + var(--bt) + 24px) var(--m) calc(var(--bb) + 24px)}
.t5a{align-content:end;padding-bottom:24px}
.t1{padding-top:0;padding-bottom:0;align-content:start}
.t1 .g12{min-height:100svh;align-items:center;padding:calc(var(--menu) + var(--bt)) 0 var(--bb)}
.hero{grid-column:1/span 5}
h1{font-size:clamp(44px,6.6vw,96px);line-height:.96;letter-spacing:-.025em;font-weight:760}
.lede{margin-top:24px;font-size:20px;line-height:1.5;color:var(--ink2);max-width:30ch}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;font-weight:600;font-size:16px;text-decoration:none;clip-path:var(--cut)}
.btn-p{background:var(--ink);color:var(--ponor)}
.btn-p:hover{background:#fff}
/* sporedni CTA (incident, PRODUCT princip 3): puna ploca i jasan obod, da ne lici na onemoguceno dugme */
.btn-g{color:var(--ink);background:var(--plate);box-shadow:inset 0 0 0 1.5px #7C8894}
.btn-g:hover{box-shadow:inset 0 0 0 1.5px var(--raiden);color:#fff}
h2{font-size:clamp(30px,3.9vw,56px);line-height:1.05;letter-spacing:-.02em;font-weight:700}
.txt p{margin-top:18px;font-size:17px;line-height:1.55;color:var(--ink2);max-width:46ch}
.t2 .txt{grid-column:1/span 5;align-self:center}
.t2 .blk{grid-column:9/span 4;align-self:center}
.t2 .row{grid-template-columns:1fr;gap:2px}
.t3 .col{grid-column:1/span 6}
.t3 .blk{margin-top:28px}
.t4 .col{grid-column:8/span 5}
.t4 .blk{margin-top:28px}
.t5a .col{grid-column:1/span 4}
.t5b .col{grid-column:1/span 5}

/* ---------- ploca bloka ---------- */
/* sve ploce (blok, poruka ulaza, plocice trzista, citanje T6, podnozje) nose isti token --plate #0B121B */
.blk{position:relative;background:rgba(11,18,27,.95);padding:22px 24px 24px;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);box-shadow:inset 0 1px 0 #2A323C,inset 0 0 0 1px #151E2A}
.blk-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.blk-h h3{font-size:20px;font-weight:650;letter-spacing:-.01em}
.st{font-size:14px;font-weight:500;color:var(--ink2)}
.st span,.cmp span,.spoj span{display:none}
.blk[data-state="pending"] .st [data-s="pending"],.blk[data-state="locked"] .st [data-s="locked"],.blk[data-state="broken"] .st [data-s="broken"],.blk[data-state="unlinked"] .st [data-s="unlinked"]{display:inline}
.blk[data-state="locked"] .st{color:var(--raiden)}
.blk[data-state="broken"] .st,.blk[data-state="unlinked"] .st{color:var(--bakar-t)}
.blk dl{margin-top:16px;display:grid;gap:10px}
.row{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;align-items:baseline}
.row dt{font-size:14px;font-weight:500;color:var(--ink2);line-height:1.4}
.row dd{font-size:16px;line-height:1.45}
.hx{font-family:var(--f-m);font-stretch:75%;font-variation-settings:"wdth" 75;overflow-wrap:anywhere;font-size:13px;line-height:1.5;color:var(--ink2);font-variant-numeric:tabular-nums;letter-spacing:0}
.hx span{display:block}
.blk[data-state="locked"] .own{color:var(--ink)}
.blk[data-state="broken"] .own,.blk[data-state="unlinked"] .prev{color:var(--bakar-t)}
.hx.nonce span{display:inline}
.nonce .nr{color:var(--ink2);font-family:var(--f-d);font-size:13px}
mark{background:var(--bakar);color:var(--ponor);padding:0 2px}
[data-chain="wait"] [data-c="wait"],[data-chain="ok"] [data-c="ok"],[data-chain="cut"] [data-c="bad"],[data-chain="wait"] [data-j="wait"],[data-chain="ok"] [data-j="ok"],[data-chain="cut"] [data-j="cut"]{display:inline}
[data-chain="ok"] .cmp{color:var(--raiden)}
[data-chain="cut"] .cmp,[data-chain="cut"] .spoj{color:var(--bakar-t)}
.spoj{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:14px;color:var(--ink2)}
.tamper{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);display:grid;gap:12px}
.t-wait{font-size:14px;color:var(--ink2)}
.blk[data-power="1"] .t-wait{display:none}
.t-btns{display:flex;gap:10px;flex-wrap:wrap}
.t-btns button{min-height:48px;padding:0 18px;font-weight:600;font-size:15px;background:transparent;border:0;cursor:pointer;box-shadow:inset 0 0 0 1px #3A4656;clip-path:var(--cut)}
.t-btns [data-tamper]:not(:disabled):hover{box-shadow:inset 0 0 0 1px var(--bakar);color:var(--bakar-t)}
.t-btns [data-restore]:not(:disabled):hover{box-shadow:inset 0 0 0 1px var(--raiden)}
.t-btns button:disabled{opacity:.42;cursor:not-allowed}
.note{font-size:14px;line-height:1.45;color:var(--ink2)}

/* ---------- portali ---------- */
.portals{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.portals a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0;border-top:1px solid var(--line);text-decoration:none}
.hxi{width:30px;height:33px;margin-top:2px}
.hxi .o{fill:none;stroke:#4A5566;stroke-width:1.5}
.hxi .w{fill:var(--raiden);opacity:.35;transition:opacity .25s}
.p-n{display:block;font-weight:620;font-size:17px;line-height:1.3;transition:color .2s}
.p-l{display:block;margin-top:3px;font-size:14px;line-height:1.4;color:var(--ink2)}
.portals a:hover .p-n,.portals a:focus-visible .p-n{color:var(--raiden)}
.portals a:hover .w,.portals a:focus-visible .w{opacity:1}

/* ---------- heatmap L5: legenda, natpisi klastera, plocice, oblacic ---------- */
.hm-p{margin-top:16px;font-size:17px;line-height:1.55;color:var(--ink2);max-width:40ch}
.hm-leg{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:14px;line-height:1.45;color:var(--ink2)}
.lg{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:500}
.lg svg{width:13px;height:15px;flex:none}
.hm-note{margin-top:8px;font-size:13px;line-height:1.45;color:var(--ink2)}
.hm-labs{position:fixed;left:0;top:0;width:100%;height:100%;z-index:2;pointer-events:none;display:none;opacity:0;transition:opacity .35s}
.gl .hm-labs{display:block}
.hm-labs.on{opacity:1}
.hm-lab{position:absolute;left:0;top:0;display:flex;align-items:center;gap:6px;padding:3px 8px;background:rgba(5,8,13,.8);white-space:nowrap;will-change:transform}
.hm-lab b,.hm-t b{font-weight:650;font-size:14px}
.hm-lab .ch,.hm-t .ch{display:inline-flex;align-items:center;gap:3px;font-family:var(--f-m);font-stretch:87.5%;font-size:13px;font-variant-numeric:tabular-nums}
.hm-lab.up .ch,.hm-t.up .ch,.tt-d.up{color:var(--rast)}
.hm-lab.dn .ch,.hm-t.dn .ch,.tt-d.dn{color:var(--pad-t)}
.hm-grid{display:none;margin-top:14px;grid-template-columns:1fr 1fr;gap:6px}
.hm-t{width:100%;min-height:44px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 10px;padding:7px 10px 8px;background:rgba(11,18,27,.94);border:0;cursor:pointer;text-align:left;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);box-shadow:inset 0 0 0 1px #1E2A3A}
.hm-t .ch{justify-self:end}
.hm-t .bar{grid-column:1/-1;height:3px;background:#1E2A3A}
.hm-t .bar i{display:block;height:100%;background:var(--ti)}
.hm-t:hover,.hm-t[aria-pressed="true"]{box-shadow:inset 0 0 0 1px var(--raiden)}
.hm-tip{position:fixed;left:0;top:0;z-index:39;min-width:208px;padding:12px 14px 13px;background:#0B121B;box-shadow:inset 0 0 0 1px #2A323C;clip-path:var(--cut);pointer-events:none}
.hm-tip[hidden]{display:none}
.tt-n{font-weight:650;font-size:15px}
.hm-tip dl{margin-top:8px;display:grid;gap:5px}
.hm-tip dl div{display:flex;justify-content:space-between;align-items:baseline;gap:18px}
.hm-tip dt{font-size:13px;color:var(--ink2)}
.hm-tip dd{display:inline-flex;align-items:center;gap:3px;font-family:var(--f-m);font-stretch:87.5%;font-size:13px;font-variant-numeric:tabular-nums}

/* ---------- tabela top 50 ---------- */
.mkt{position:relative;padding:8px var(--m) 96px}
.mkt-in{max-width:960px;margin:0 auto}
.tb{width:100%;margin-top:14px;border-collapse:collapse}
.tb caption{caption-side:top;text-align:left;padding-bottom:14px;font-size:14px;line-height:1.45;color:var(--ink2)}
.tb th,.tb td{height:52px;padding:0 10px;border-bottom:1px solid var(--ti-senka);text-align:right;white-space:nowrap;font-weight:400}
.tb thead th{height:40px;font-size:13px;font-weight:500;color:var(--ink2)}
.tb .cn{text-align:left}
.tb .num{font-family:var(--f-m);font-stretch:87.5%;font-size:14px;font-variant-numeric:tabular-nums}
.tb .rk{width:44px;color:var(--ink2);font-size:13px}
.cn .nm{font-weight:600;font-size:15px}
.cn .sy{margin-left:8px;font-size:13px;color:var(--ink2)}
.tb .ch span{display:inline-flex;align-items:center;gap:3px}
.tb .ch.up{color:var(--up)}
.tb .ch.dn{color:var(--dn)}
.spk{display:block;width:96px;height:28px;margin-left:auto;overflow:visible}
.spk polyline{fill:none;stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.spk.up polyline{stroke:var(--up)}
.spk.dn polyline{stroke:var(--dn)}
.spk.nu polyline{stroke:var(--ink2)}
.cs{display:none}
.tb tbody tr{background:linear-gradient(90deg,transparent,var(--raiden) 40%,var(--jezgro) 50%,var(--raiden) 60%,transparent) no-repeat;background-size:28% 1px;background-position:-60% 100%}
.tb tbody tr:hover{animation:rowp .8s cubic-bezier(.16,1,.3,1) 1 both}
@keyframes rowp{from{background-position:-60% 100%}to{background-position:160% 100%}}
.tb tr[hidden]{display:none}
.tb-more{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:20px}
.tb-more button{min-height:48px;padding:0 20px;font-weight:600;font-size:15px;background:transparent;border:0;cursor:pointer;box-shadow:inset 0 0 0 1px #3A4656;clip-path:var(--cut)}
.tb-more button:hover{box-shadow:inset 0 0 0 1px var(--raiden)}
.tb-more a{color:var(--raiden);font-size:15px;text-underline-offset:3px}
[aria-expanded="true"] .m-o,[aria-expanded="false"] .m-c{display:none}

/* ---------- ulaz u kristal (T6: kupola, rez, Udar u rez), najnoviji tekstovi, podnozje ---------- */
.t6in{min-height:110svh;align-content:center}
/* poruka stoji preko kristala i bakarnog reza (ne preko celija), pa ima svoju plocu kao blokovi */
.cry-msg{display:none;grid-column:4/span 6;justify-items:center;gap:16px;text-align:center;padding:22px 24px 24px;background:rgba(11,18,27,.95);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);box-shadow:inset 0 1px 0 #3A2416,inset 0 0 0 1px #24160E}
[data-chain="cut"] .cry-msg{display:grid}
.cry-msg p{font-size:18px;line-height:1.5;font-weight:500;color:var(--bakar-t);max-width:40ch}
.cry-msg button{min-height:48px;padding:0 20px;font-weight:600;font-size:15px;background:rgba(5,8,13,.6);border:0;cursor:pointer;box-shadow:inset 0 0 0 1px var(--bakar);clip-path:var(--cut)}
.cry-msg button:hover{box-shadow:inset 0 0 0 1px var(--raiden)}
.poster-cry{display:none}
.t6{min-height:0;align-content:start;padding-bottom:96px}
.takt.t6{padding-top:24px}/* u T6 lanci su van kadra: zona od menija do dna (SHAPE 4), pa bez rezerve za traku */
#najnovije,#trziste,#h-mkt{scroll-margin-top:var(--smt)}
.arts{margin-top:32px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.a-big{grid-column:1/span 6}
.a-list{grid-column:8/span 5;display:grid;gap:0}
.art{padding:18px 0 20px;border-top:1px solid var(--line)}
.art h3{font-size:20px;font-weight:620;line-height:1.3;letter-spacing:-.01em}
.a-big h3{font-size:clamp(24px,2.4vw,34px);line-height:1.15}
.art h3 a{text-decoration:none}
.art h3 a:hover{color:var(--raiden)}
.meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:14px;font-weight:500;color:var(--ink2)}
.meta a{text-decoration:none;color:var(--ink2)}
.meta a:hover{color:var(--raiden)}
.a-big p.ex{margin-top:14px;color:var(--ink2);max-width:52ch}
.foot{position:relative;z-index:3;background:#0B121B;border-top:1px solid var(--line);padding:32px var(--m) 40px;font-size:15px;color:var(--ink2)}
.foot .in{max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}
.foot a{color:var(--ink);text-decoration:none}
.foot a:hover{color:var(--raiden)}
.foot .sp{flex-basis:100%;font-size:14px}
/* citanje u T6 (A P1, PRODUCT princip 2): clanci i tabela na punoj ploci; kupola i kristal ostaju sa strane */
.gl .t6 .g12,.gl .mkt-in{background:var(--plate);box-shadow:inset 0 1px 0 #2A323C,inset 0 0 0 1px #151E2A}
.gl .t6 .g12{padding:32px 40px 40px}
.gl .mkt-in{padding:28px 32px 32px}

/* ---------- pauza animacije (WCAG 2.2.2): lanci, udari u mirovanju i uvodni udar ---------- */
.anim{display:none}
.gl .anim{position:fixed;left:var(--m);bottom:calc(var(--bb) * .5 - 20px);z-index:5;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 12px;border:0;background:var(--plate);color:var(--ink2);font-size:14px;font-weight:500;cursor:pointer;box-shadow:inset 0 0 0 1px #2A323C;clip-path:var(--cut)}
.anim:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--raiden)}
.anim svg{width:12px;height:12px;fill:currentColor;flex:none}
.anim[aria-pressed="true"] .a-pa,.anim[aria-pressed="false"] .a-pl{display:none}
.gl .anim.gone{visibility:hidden}

/* ---------- T2: linija-oznaka "ovaj otisak je ovaj obod" (SHAPE 4, samo 1440) ---------- */
.mk{position:fixed;left:0;top:0;width:100%;height:100%;z-index:2;pointer-events:none;display:none;opacity:0;transition:opacity .4s}
.gl .mk{display:block}
.mk.on{opacity:1}
.mk line{stroke:var(--raiden);stroke-width:1.25;stroke-dasharray:3 4}
.mk polygon{fill:rgba(61,184,255,.18);stroke:var(--raiden);stroke-width:1.5}
.nib{color:var(--raiden)}

/* ---------- poster sloja u praznoj koloni (reduce i bez WebGL-a, siroko) ---------- */
.lpost{display:none}

/* ---------- baner kvara ---------- */
.banner{position:fixed;left:0;right:0;top:var(--menu);z-index:38;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;padding:10px var(--m);background:#150C07;border-bottom:1px solid var(--oksid);color:var(--bakar-t);font-weight:500;font-size:15px}
.banner[hidden]{display:none}
.banner button{min-height:40px;padding:0 16px;background:transparent;border:0;box-shadow:inset 0 0 0 1px var(--bakar);color:var(--ink);font-weight:600;cursor:pointer;clip-path:var(--cut)}

/* ---------- telefon ---------- */
@media (max-width:760px){
  .g12,.arts{display:block}
  .takt{padding:calc(var(--menu) + var(--bt) + 20px) var(--m) calc(var(--bb) + 24px)}
  .t1{padding-top:0;padding-bottom:0}
  .t1 .g12{display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 64px}
  .lede{font-size:17px;margin-top:16px}
  .acts{flex-direction:column;margin-top:22px;gap:8px}
  .acts .btn{width:100%}
  .txt p{font-size:16px;margin-top:12px}
  .t2 .blk,.t3 .blk,.t4 .blk{margin-top:22px}
  .blk{padding:18px 16px 20px}
  .row{grid-template-columns:1fr;gap:2px}
  .hx{font-size:12px}
  .t-btns button{flex:1 1 100%}
  .portals{grid-template-columns:1fr}
  .portals a{min-height:48px;align-items:center;padding:10px 0}
  .p-l{display:none}
  .a-list{margin-top:8px}
  .banner{font-size:14px}
  .sub{min-height:100svh;padding:calc(var(--menu) + var(--bt) + 20px) var(--m) calc(var(--bb) + 24px)}
  .t5a{padding-bottom:calc(var(--bb) + 16px)}
  .gl .hm-grid{display:grid}
  .gl .hm-p{display:none}
  .hm-leg{margin-top:12px;font-size:13px;gap:4px 12px}
  .hm-note{margin-top:4px}
  .mkt{padding-bottom:64px}
  .tb,.tb tbody,.tb caption{display:block}
  .tb thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .tb thead th{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap}
  .tb tbody tr{display:grid;grid-template-columns:24px 64px minmax(0,1fr) auto;grid-template-areas:"rk cn cn pr" ". sp ch cap";align-items:center;column-gap:10px;row-gap:6px;padding:11px 0 12px;border-bottom:1px solid var(--ti-senka)}
  .tb th,.tb td{height:auto;padding:0;border:0}
  .tb .rk{grid-area:rk;width:auto;text-align:left}
  .tb .cn{grid-area:cn;overflow:hidden;text-overflow:ellipsis}
  .tb .pr{grid-area:pr}
  .tb .sp{grid-area:sp}
  .tb .ch{grid-area:ch;text-align:left}
  .tb .cap{grid-area:cap}
  .tb .num{font-size:13px}
  .cn .nm{font-size:14px}
  .spk{width:64px;height:24px;margin:0}
  .cf{display:none}
  .cs{display:inline}
  .gl .t6 .g12,.gl .mkt-in{padding:20px 16px 24px}
  .gl .anim{min-height:44px;min-width:44px;padding:0;justify-content:center;bottom:2px}
  .anim-t{position:absolute;width:1px;height:1px;clip-path:inset(50%);white-space:nowrap}
}

/* ---------- poster (bez WebGL-a i reduced-motion): sve u toku ---------- */
.poster{display:none}
.still .poster{display:block;width:100%;height:auto;grid-column:7/span 6}
.still .tick{position:relative;z-index:3;margin-top:var(--menu);padding:12px var(--m);background:#0B121B;border-bottom:1px solid var(--line)}
.still .tick .in{max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}
.still .tick-list{display:flex;flex-wrap:wrap;gap:6px 20px}
.still .takt{min-height:0;padding:48px var(--m)}
.still .t5{padding:0}
.still .sub{min-height:0;padding:48px var(--m)}
.still .t5a .col{grid-column:1/-1}
.still .hm-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:900px}
@media (max-width:760px){.still .hm-grid{grid-template-columns:1fr 1fr}}
.still .t1 .g12{min-height:0;padding:24px 0}
.still .t6{padding-bottom:64px}
/* staticni kadar otvorenog kristala i staticna traka lanca sa istim HTML cenama */
.still .t6in{min-height:0;padding:40px var(--m) 8px}
.still .t6in .g12>*{grid-column:1/-1}
.still .poster-cry{display:block;width:min(100%,520px);height:auto;margin:0 auto}
.still .cry-msg{margin-top:20px}
.still .chain-s{display:block;flex:0 0 100%;width:100%;height:22px;margin-bottom:4px}
[data-chain="cut"] #posterCry .pc-b line{stroke:var(--bakar)}
[data-chain="cut"] #posterCry .pc-c{opacity:.3}
@media (max-width:760px){.still .t1 .g12{padding:8px 0}.still .poster{order:-1;margin-bottom:20px}}
@media (min-width:761px){
  .still .lpost{display:block;width:100%;height:auto;align-self:center}
  .still .t3 .lpost{grid-column:8/span 5}
  .still .t4 .lpost{grid-column:1/span 6;grid-row:1}
  .still .t5b .lpost{grid-column:7/span 6}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}