/* Studenti pobeđuju: printed notices, red ink and warm paper.
   Presentation only. Native layout, meter scales and touch targets stay intact. */
:root{--pv-paper:#f6efda;--pv-red:#bd2b39;--pv-ink:#151820;--pv-panel:#20252e;--ink:#151820;--ink2:#20252e;--line:#101319;--paper:#f6efda;--muted:#c9c6be;--hcg:#bd2b39;--hcg2:#e9c4c6;--org:#bd2b39;--cya:#8ab4af;--yel:#f6efda;--vio:#303640;--vio2:#242a34;--vio3:#181d25;--hot:#bd2b39;--dots:none;--dotsk:none;--display:var(--pv-font-display);--body:var(--pv-font-ui)}
html,body{background:var(--pv-ink)}
h1,h2,h3,.nameplate,.pv-button-name{font-style:normal!important;text-shadow:none!important;-webkit-text-stroke:0!important}
#title h2,#select h2,#stagepick h2,.panel h2{transform:none!important;font-weight:700}
.btn,.btn.hot,.btn.ghost{background:var(--pv-paper);color:var(--pv-ink);border-radius:3px;clip-path:none;transform:none;filter:none;box-shadow:inset 0 0 0 2px var(--pv-ink),3px 3px 0 var(--pv-ink);font-family:var(--pv-font-display);font-style:normal;font-weight:700;text-shadow:none;transition:background .14s,color .14s,box-shadow .14s}
.btn:before,.btn:after{content:none!important}
.btn.hot{background:var(--pv-red);color:var(--pv-paper);box-shadow:inset 0 0 0 2px var(--pv-paper),3px 3px 0 var(--pv-ink)}
#title .btn.hot .pv-button-name,#title .btn.hot small{color:var(--pv-paper)!important}
.btn.ghost{background:var(--pv-panel);color:var(--pv-paper);box-shadow:inset 0 0 0 1px #f6efda99,3px 3px 0 var(--pv-ink)}
.btn small,.btn:hover small,.btn:focus-visible small{color:inherit;opacity:.78}
.btn:hover,.btn:focus-visible,.btn.ghost:hover,.btn.ghost:focus-visible{background:#e5ddc7;color:var(--pv-ink);transform:none;filter:none;box-shadow:inset 0 0 0 2px var(--pv-red),3px 3px 0 var(--pv-ink)}
.btn.hot:hover,.btn.hot:focus-visible{background:#a41f2e;color:var(--pv-paper);transform:none;filter:none;box-shadow:inset 0 0 0 2px var(--pv-paper),3px 3px 0 var(--pv-ink)}
.btn:active,.btn.hot:active{transform:none;box-shadow:inset 0 0 0 2px var(--pv-ink),1px 1px 0 var(--pv-ink)}
.btn:focus-visible,button:focus-visible{outline:3px solid var(--pv-paper);outline-offset:4px}
.pv-context-links button,.pv-pause-links button{transform:none;background:var(--pv-panel);color:var(--pv-paper);border:1px solid #f6efda99;border-radius:3px;font-style:normal;box-shadow:2px 2px 0 var(--pv-ink)}
.pv-context-links button:hover,.pv-pause-links button:hover{background:var(--pv-red)}
.panel,.sel-mid>div,.tour-mid>div{background:#1b2029ed!important;border-radius:3px!important;box-shadow:inset 0 0 0 1px #f6efda4d,4px 4px 0 #10131980!important}
.sel-mid .nameplate{color:var(--pv-paper)!important;text-shadow:none;-webkit-text-stroke:0;font-style:normal}
.sel-mid .nameplate small{color:#d2ccc0;font-style:normal}
.moves .mvtag,.label{color:#e2b2b7}.moves b{color:var(--pv-paper)}
.card{clip-path:none!important;border-radius:3px!important;background:var(--pv-panel);box-shadow:none;transform:none!important}
.card:after{border-radius:3px;box-shadow:inset 0 0 0 2px #f6efda80}
.card.c1:after{box-shadow:inset 0 0 0 4px var(--pv-red)}.card.c2:after{box-shadow:inset 0 0 0 4px var(--pv-paper)}.card.c1.c2:after{box-shadow:inset 0 0 0 3px var(--pv-paper),inset 0 0 0 6px var(--pv-red)}
.card .nm{background:#151820e8;color:var(--pv-paper);text-shadow:none;font-style:normal;-webkit-text-stroke:0}
#stagegrid .sg-dyn{background:#1b2029e8;border-radius:3px;box-shadow:inset 0 0 0 2px #f6efda99;animation:none}
#stagegrid .sg-dyn:before,#stagegrid .sg-dyn:after{content:none!important}
.stagecard{clip-path:none!important;transform:none!important;border-radius:2px;box-shadow:inset 0 0 0 1px #f6efda66;filter:none!important}
.stagecard:hover,.stagecard:focus-visible,.stagecard[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--pv-red)}
.stagecard b{font-style:normal;font-weight:700;text-shadow:0 2px 3px #101319}
#scrbg{background-image:linear-gradient(90deg,rgba(21,24,32,.68),rgba(21,24,32,.26)),url('assets/stages/serbia_pano.png')!important}
#scrbg:after{background:linear-gradient(0deg,#151820 0%,transparent 80%)!important}
#app:has(#title:not([hidden])) #scrbg{background-image:linear-gradient(90deg,rgba(21,24,32,.55),rgba(21,24,32,.18)),url('../assets/cover-art-mali-v7.png')!important}
#title .logo,#title .lead,#ver{font-style:normal;text-shadow:none}
#diff,#teamSize{transform:none!important}
#diff button,#teamSize button{transform:none!important;border-radius:2px;box-shadow:inset 0 0 0 1px #f6efda66;background:var(--pv-panel);color:var(--pv-paper);font-style:normal;filter:none!important}
#diff button.on,#diff button[aria-pressed=true],#teamSize button.on,#teamSize button[aria-pressed=true]{background:var(--pv-red)!important;color:var(--pv-paper)!important;box-shadow:inset 0 0 0 1px var(--pv-paper)}
#hud .pl .nm,#hud .pl .nm>*{transform:none!important;font-style:normal;text-shadow:none;-webkit-text-stroke:0}
#hud .pl .nm{background:#151820eb;border-radius:2px;box-shadow:inset 0 0 0 1px #f6efda80}
#hud .pl .nm span{color:var(--pv-paper)!important}#hud .pl .nm small{color:#d2ccc0;font-style:normal}
#hud .hp{transform:none!important;border-radius:3px!important;background:linear-gradient(#11151d,#303946);box-shadow:inset 0 2px 3px #0009,0 0 0 2px var(--pv-paper),0 0 0 3px var(--pv-ink),0 4px 0 #10131980!important}
#hud .hp:before{content:""!important;position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),#10131955 calc(20% - 1px) 20%)}
#hud .hp:after{content:""!important;position:absolute;left:0;right:0;top:0;height:45%;z-index:3;pointer-events:none;background:linear-gradient(#ffffff66,#ffffff00);box-shadow:inset 0 1px 0 #fff9}
#h1 .hp .val{background:linear-gradient(#ffb0a4 0%,#ed5263 22%,#bd2b39 58%,#7e1626 100%)!important}#h2 .hp .val{background:linear-gradient(#fffef5 0%,#f6efda 24%,#dfc88f 62%,#a67d43 100%)!important}
#hud .hp .lag{background:linear-gradient(#fff0c1,#ff9f7e 50%,#e4514d)!important}#hud .hp .und{background:linear-gradient(#89949e,#3c4855)!important;filter:none}
#hud .pl .hp.low .val{background:linear-gradient(#ffd0a6,#ff524b 45%,#a60f27)!important}
#hud .hp.hit:after{animation:pv-hp-impact .26s ease-out}
@keyframes pv-hp-impact{from{background-color:#fff;opacity:.85}to{background-color:transparent;opacity:.25}}
#hud .sup,#hud .pl.r .sup{transform:none!important;border-radius:3px!important;background:linear-gradient(#10151d,#293641);box-shadow:inset 0 1px 2px #0009,0 0 0 2px var(--pv-paper),0 0 0 3px var(--pv-ink)!important}
#hud .sup i,#hud .pl.r .sup i{background:linear-gradient(#c3eee2,#66bdb2 48%,#367c7d);animation:none}
#hud .pl .sup.full,#hud .pl.r .sup.full{box-shadow:inset 0 1px 0 #fff,0 0 0 2px #fff6bd,0 0 0 3px var(--pv-ink),0 0 12px #ffda67,0 0 24px #3cdccb99!important;animation:pv-super-ready 1.2s ease-in-out infinite}
#hud .pl .sup.full i,#hud .pl.r .sup.full i{background:linear-gradient(105deg,#49cbbb 0%,#fff2a2 24%,#fffef3 45%,#ffd85c 66%,#49cbbb 100%);background-size:220% 100%;animation:pv-super-sweep 1.1s linear infinite}
@keyframes pv-super-sweep{to{background-position:-220% 0}}
@keyframes pv-super-ready{0%,100%{filter:brightness(1) drop-shadow(0 0 2px #ffe6a0)}50%{filter:brightness(1.2) drop-shadow(0 0 6px #fff4ad)}}
#hud .sup:after{background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 2px),var(--pv-ink) calc(25% - 2px) 25%)}
#hud .sup:before{transform:none;font-family:var(--pv-font-ui);font-size:14px;font-style:normal;font-weight:800;color:var(--pv-paper);text-shadow:none;-webkit-text-stroke:0}
#hud .sup.full:before{color:#fff3a5;text-shadow:0 0 6px #ffcf58,0 1px 0 var(--pv-ink)}
#hud .timer{background:#151820f2;border-radius:3px;box-shadow:inset 0 0 0 2px var(--pv-paper),3px 3px 0 var(--pv-ink);font-family:var(--pv-font-display);font-style:normal;text-shadow:none}
#hud .timer:before,#hud .timer:after{content:none!important}
#hud .timer.inf{font-size:clamp(36px,4.6vw,52px)!important;color:var(--pv-paper)!important}
#hud .timer.low{color:#f57c83}
html.phone #hud .timer.inf{font-size:30px!important}
#hud .timer small{transform:translateX(-50%);background:var(--pv-paper);color:var(--pv-ink);box-shadow:none;font-style:normal}
#hud .pips b{border-radius:1px;background:var(--pv-panel);box-shadow:inset 0 0 0 1px var(--pv-paper)}#hud .pips b.w{background:var(--pv-paper);box-shadow:inset 0 0 0 2px var(--pv-red)}
#pauseBtn,#muteBtn{transform:none!important;background:#151820ed;border-radius:2px;box-shadow:inset 0 0 0 1px #f6efda99;font-style:normal}
#pauseBtn:hover,#muteBtn:hover{background:var(--pv-red);color:var(--pv-paper)}
#hud .hitc{transform:none}.hitc:before{clip-path:none!important;background:#151820e8!important;border-left:4px solid var(--pv-red)}
#hud .hitc b{background:none;color:var(--pv-paper);-webkit-text-stroke:0;filter:none;font-style:normal}
#hud .hitc span{color:var(--pv-paper);text-shadow:none;font-style:normal}
#hud .cbx .cbi,.chip{transform:none!important;border-radius:2px;background:#151820dd;box-shadow:inset 0 0 0 1px #f6efda55}
#hud .chip.on{background:var(--pv-paper);color:var(--pv-ink);box-shadow:inset 0 0 0 1px var(--pv-red)}
#hud .hint{color:var(--pv-paper)}#hud .hint kbd{background:#151820e8;border:1px solid #f6efda55;border-radius:2px}
.pv-music-credit,.pv-music-credit a{color:#ded6c5}
input[type=range]{accent-color:var(--pv-red)!important}
#bOpts{background:var(--pv-panel);color:var(--pv-paper);box-shadow:inset 0 0 0 1px #f6efda99;border-radius:3px;filter:none;transform:none}
html.phone #tbtns button{border-radius:5px!important;filter:none!important;animation:none!important}
html.phone #tbtns button.ready{outline:2px solid var(--pv-red);outline-offset:1px}
html.phone #tbtns button[data-b=super].ready{outline:2px solid #fff3a5;outline-offset:2px;filter:drop-shadow(0 0 7px #ffe57c)!important}
html.phone #stick{clip-path:none!important;border-radius:9px!important;filter:none!important;box-shadow:none!important}
@media(prefers-reduced-motion:reduce){.btn,.card{transition:none}}
@media(prefers-reduced-motion:reduce){#hud .pl .sup.full,#hud .pl.r .sup.full,#hud .pl .sup.full i,#hud .pl.r .sup.full i,#hud .hp.hit:after{animation:none!important}}
