*{margin:0;padding:0;box-sizing:border-box}:root{--amber:#ffb000;--amber-hot:#ffd166;--cyan:#20f4ff;--green:#3cffc4;--red:#ff3f3f;--ink:#07090d}body,html{height:100%;overflow:hidden;background:var(--ink);color:#fff;font-family:Rajdhani,system-ui,sans-serif}#bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 12%,rgba(255,176,0,.16),transparent 34%),radial-gradient(circle at 82% 78%,rgba(32,244,255,.1),transparent 36%),linear-gradient(180deg,#080a0e,#07090d 72%,#050608)}#bg:before{background:url(/assets/images/cs2-simple-tactical-bg.png) 50%/cover no-repeat;filter:saturate(.82) brightness(.62);opacity:.46}#bg:after,#bg:before{content:"";position:absolute;inset:0}#bg:after{background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 0),linear-gradient(0deg,rgba(255,255,255,.025) 1px,transparent 0),radial-gradient(circle at 50% 42%,rgba(32,244,255,.08),transparent 30%),linear-gradient(110deg,rgba(255,176,0,.12),transparent 34%),repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 5px);background-size:64px 64px,64px 64px,auto,auto,auto;mix-blend-mode:screen;opacity:.72}#loading{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(255,176,0,.18);border-top:3px solid var(--amber);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}#loading p{color:rgba(255,255,255,.4);font-size:.9rem;letter-spacing:.1em}#game{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column}#header{text-align:center;padding:16px 24px 12px;flex-shrink:0;z-index:20;position:relative;background:linear-gradient(180deg,rgba(7,9,13,.97),rgba(7,9,13,.72) 72%,transparent)}#back-btn{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border:1px solid rgba(255,176,0,.35);border-radius:4px;color:rgba(255,176,0,.75);font-family:inherit;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:all .18s}#back-btn:hover{border-color:rgba(255,176,0,.7);color:var(--amber)}#header h1{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--amber-hot);text-shadow:0 0 40px rgba(255,176,0,.45),0 2px 0 rgba(0,0,0,.6);line-height:1;margin-bottom:10px}#score-display{display:flex;justify-content:center}.score-pill{min-width:110px;padding:7px 24px;border:1px solid rgba(255,176,0,.5);background:rgba(0,8,20,.82);text-align:center;-webkit-clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:transform .2s,border-color .2s,box-shadow .2s}.score-pill span{display:block;color:rgba(255,255,255,.45);font-size:.57rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.score-pill strong{display:block;margin-top:2px;color:var(--amber-hot);font-size:1.8rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.score-pill.score-bump{transform:translateY(-2px) scale(1.07);border-color:rgba(60,255,196,.65);box-shadow:0 0 22px rgba(60,255,196,.2)}.score-pill.score-reset{transform:translateY(-2px) scale(1.07);border-color:rgba(255,63,63,.65);box-shadow:0 0 22px rgba(255,63,63,.2)}#top-section{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:0 20px 4px}#roster-label{font-size:clamp(1rem,1.8vw,1.4rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;line-height:1.1}#team-line{display:flex;align-items:center;gap:10px;justify-content:center}#team-logo{width:28px;height:28px;object-fit:contain;flex-shrink:0}#team-event-text{font-size:clamp(.78rem,1.3vw,1rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#team-event-text .t-name{color:var(--amber-hot)}#team-event-text .t-in{color:rgba(255,255,255,.35);margin:0 4px}#team-event-text .t-event{color:rgba(32,244,255,.7)}#bottom-bar{flex-shrink:0;justify-content:center;padding:8px 24px 14px;gap:12px;background:linear-gradient(0deg,rgba(7,9,13,.9),transparent)}#bottom-bar,#lives-wrap{display:flex;align-items:center}#lives-wrap{flex-direction:column}#lives-label{font-size:.55rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:5px}#lives{display:flex;gap:5px;justify-content:center}.life-dot{width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);transition:all .3s}.life-dot.lost{background:var(--red);border-color:var(--red);box-shadow:0 0 8px rgba(255,63,63,.5)}#main{flex:1 1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:0 20px}#roster-section{flex-shrink:0;width:100%;max-width:900px}#roster-slots{gap:8px}#roster-slots,.roster-slot{display:flex;justify-content:center}.roster-slot{flex:1 1;max-width:180px;min-width:100px;background:rgba(5,10,20,.7);border:2px solid rgba(32,244,255,.15);border-radius:10px;flex-direction:column;align-items:center;padding:10px 8px;min-height:78px;transition:all .3s}.roster-slot.filled{border-color:rgba(60,255,196,.55);background:rgba(60,255,196,.06)}.slot-q{font-size:1.4rem;font-weight:700;color:rgba(255,255,255,.12)}.slot-flag{height:12px;border-radius:1px;margin-bottom:4px}.slot-ign{font-size:.9rem;font-weight:700;letter-spacing:.04em;color:var(--green);line-height:1}.slot-ign,.slot-team{text-transform:uppercase}.slot-team{font-size:.55rem;color:rgba(255,255,255,.3);letter-spacing:.1em;margin-top:3px}@keyframes slotFill{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}.roster-slot.filled{animation:slotFill .35s cubic-bezier(.2,.9,.2,1.2)}#buttons-section{flex-shrink:0;display:flex;justify-content:center;width:100%}#player-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:7px;gap:7px;width:100%;max-width:860px}.player-btn{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:rgba(10,15,26,.8);color:#fff;font-family:inherit;font-size:1.1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:border-color .18s,background .18s;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player-btn:hover:not(:disabled){border-color:rgba(255,176,0,.45);background:rgba(255,176,0,.07)}.btn-flag{height:11px;border-radius:1px;flex-shrink:0}.player-btn.found{border-color:rgba(60,255,196,.7);background:rgba(60,255,196,.1);color:var(--green);cursor:default}.player-btn.wrong{border-color:rgba(255,63,63,.3);background:rgba(255,63,63,.06);color:rgba(255,255,255,.28);cursor:default}.player-btn.wrong-flash{border-color:rgba(255,63,63,.8);background:rgba(255,63,63,.18);animation:wrongShake .35s ease}@keyframes wrongShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes foundPop{0%{transform:scale(.9)}60%{transform:scale(1.05)}to{transform:scale(1)}}.player-btn.found{animation:foundPop .3s ease}.floater{position:fixed;z-index:90;pointer-events:none;font-weight:900;font-size:2.4rem;padding:6px 14px;border-radius:7px;animation:floatUp .9s cubic-bezier(.18,.9,.22,1) forwards}.floater.hit{color:var(--green);background:rgba(60,255,196,.1);border:1px solid rgba(60,255,196,.4);text-shadow:0 0 16px rgba(60,255,196,.7)}.floater.miss{color:var(--red);background:rgba(255,63,63,.1);border:1px solid rgba(255,63,63,.4)}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,8px) scale(.5)}18%{opacity:1;transform:translate(-50%,-4px) scale(1.15)}to{opacity:0;transform:translate(-50%,-60px) scale(1.05)}}#end-overlay{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.78);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}#end-overlay.hidden{display:none}#end-card{background:rgba(10,14,24,.97);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px 24px;width:min(480px,calc(100vw - 32px))}#result-msg{font-size:1.3rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:center;margin-bottom:18px}#result-msg.won{color:var(--green)}#result-msg.lost{color:rgba(255,255,255,.6)}.reveal-title{font-size:.6rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:10px;text-align:center}.reveal-players{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.reveal-player{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:7px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.reveal-player.found{border-color:rgba(60,255,196,.35);color:var(--green)}.reveal-player.missed{border-color:rgba(255,63,63,.25);color:rgba(255,100,100,.8)}.reveal-player img{height:13px;border-radius:1px}#end-actions{display:flex;flex-direction:column;gap:8px}.ebtn{width:100%;padding:12px;border-radius:7px;font-family:inherit;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:none;transition:all .18s;text-align:center;text-decoration:none;display:block}.ebtn.primary{background:var(--amber);color:#0a0800}.ebtn.primary:hover{background:var(--amber-hot)}.ebtn.secondary{background:transparent;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.6)}.ebtn.secondary:hover{border-color:rgba(255,255,255,.4);color:#fff}@media (max-width:680px){body,html{overflow:auto}#game{position:relative;min-height:100vh}#player-grid{grid-template-columns:repeat(2,1fr)}#buttons-section{flex:none;padding-bottom:24px}#roster-slots{flex-wrap:wrap}.roster-slot{min-width:90px}}