*{margin:0;padding:0;box-sizing:border-box}:root{--gold:#e8b84b;--cyan:#00dff0;--green:#50dc78;--red:#dc5050;--orange:#d4651c;--navy:#0b0f18}body,html{height:100%;overflow:hidden;background:#07090d;color:#fff;font-family:Rajdhani,system-ui,sans-serif}#bg{position:fixed;inset:0;pointer-events:none;z-index:0;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%),linear-gradient(250deg,rgba(32,244,255,.09),transparent 38%),repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 5px);background-size:64px 64px,64px 64px,auto,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:36px;height:36px;border-radius:50%;border:3px solid rgba(232,184,75,.18);border-top:3px solid var(--gold);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;align-items:stretch}#header{text-align:center;padding:16px 24px 12px;background:linear-gradient(180deg,rgba(7,9,13,.97),rgba(7,9,13,.72) 72%,transparent);flex-shrink:0;z-index:20;position:relative}#back-btn{position:absolute;left:18px;top:22px;display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border:1px solid rgba(0,223,240,.28);border-radius:5px;color:rgba(0,223,240,.7);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(0,223,240,.65);color:var(--cyan)}#header h1{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 40px rgba(232,184,75,.5),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:8px 24px;border:1px solid rgba(0,223,240,.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:3px;color:#fff;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(80,220,120,.65);box-shadow:0 0 22px rgba(80,220,120,.2)}.score-pill.score-reset{transform:translateY(-2px) scale(1.07);border-color:rgba(220,80,80,.65);box-shadow:0 0 22px rgba(220,80,80,.2)}#question-area{flex-shrink:0;text-align:center;padding:0 20px 10px}#question-text{font-size:clamp(1rem,2vw,1.35rem);letter-spacing:.08em;color:#fff}#event-badge,#question-text{font-weight:700;text-transform:uppercase}#event-badge{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:4px 12px;border:1px solid rgba(0,223,240,.2);border-radius:4px;background:rgba(0,223,240,.06);font-size:.65rem;letter-spacing:.18em;color:rgba(0,223,240,.65)}#cards-area{flex:1 1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px 16px 4px}#cards-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px;width:100%;max-width:900px}.pcard{background:rgba(5,12,27,.92);border:2px solid rgba(0,130,190,.2);border-radius:14px;padding:16px 10px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pcard:before{content:"";position:absolute;inset:0;border-radius:14px;background:linear-gradient(160deg,rgba(0,175,230,.04),transparent 60%);pointer-events:none}.pcard:hover:not(.answered){transform:translateY(-4px);border-color:rgba(0,210,240,.45);box-shadow:0 8px 32px rgba(0,180,220,.15)}.pcard.answered{cursor:default}.pcard.correct{border-color:rgba(80,220,120,.8);box-shadow:0 0 36px rgba(80,220,120,.3);animation:correctPop .4s ease}.pcard.wrong{border-color:rgba(220,80,80,.8);box-shadow:0 0 24px rgba(220,80,80,.2)}.pcard.dim{opacity:.55}@keyframes correctPop{0%,to{transform:scale(1)}40%{transform:scale(1.04)}}@keyframes wrongShake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.pcard-avatar{width:68px;height:68px;border-radius:50%;flex-shrink:0;background:linear-gradient(145deg,rgba(0,150,200,.25),rgba(0,60,120,.15));border:2px solid rgba(0,170,215,.4);background-size:cover;background-position:center 15%;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:rgba(0,210,240,.6);margin-bottom:10px;overflow:hidden}.pcard.correct .pcard-avatar{border-color:var(--green)}.pcard.wrong .pcard-avatar{border-color:var(--red)}.pcard-ign{font-size:clamp(.85rem,1.4vw,1.1rem);font-weight:700;color:#fff;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-bottom:5px}.pcard-meta{display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:10px}.pcard-flag{height:11px;border-radius:1px}.pcard-team-logo{width:16px;height:16px;object-fit:contain;flex-shrink:0}.pcard-team{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.38);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.pcard-rating{font-size:clamp(1.3rem,2.2vw,1.8rem);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1;letter-spacing:.04em}.pcard-rating.hidden{color:rgba(255,255,255,.18);letter-spacing:.18em}.pcard-rating.revealed{animation:ratingReveal .38s cubic-bezier(.2,.9,.2,1.2)}@keyframes ratingReveal{0%{transform:scale(.6);opacity:0;filter:blur(6px)}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1;filter:none}}.pcard.correct .pcard-rating{color:var(--green);text-shadow:0 0 18px rgba(80,220,120,.6)}.pcard.wrong .pcard-rating{color:var(--red)}.pcard.dim .pcard-rating{color:rgba(255,255,255,.45)}.pcard-hint{margin-top:8px;font-size:.55rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);opacity:.4;transition:opacity .2s}.pcard:hover:not(.answered) .pcard-hint{opacity:.9}.pcard.answered .pcard-hint{display:none}#bottom-bar{flex-shrink:0;padding:10px 20px 16px;display:flex;align-items:center;justify-content:center;min-height:60px}#next-btn{padding:11px 36px;border-radius:7px;border:none;background:var(--cyan);color:#020d1a;font-family:inherit;font-size:.82rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .18s;display:none}#next-btn.show{display:block;animation:fadeUp .3s ease}#next-btn:hover{background:#28ecff}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.floater{position:fixed;z-index:90;pointer-events:none;font-weight:900;font-size:clamp(2.4rem,5vw,4.5rem);line-height:1;padding:8px 16px 12px;border-radius:8px;animation:floatUp 1s cubic-bezier(.18,.9,.22,1) forwards}.floater.hit{color:var(--green);background:rgba(80,220,120,.1);border:1px solid rgba(80,220,120,.4);text-shadow:0 0 20px rgba(80,220,120,.7)}.floater.miss{color:var(--red);background:rgba(220,80,80,.1);border:1px solid rgba(220,80,80,.4)}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,10px) scale(.4)}18%{opacity:1;transform:translate(-50%,-6px) scale(1.2)}to{opacity:0;transform:translate(-50%,-70px) scale(1.1)}}#toast{position:fixed;top:72px;left:50%;transform:translateX(-50%);background:rgba(230,230,230,.95);color:#111;padding:9px 20px;border-radius:6px;font-size:.78rem;font-weight:700;z-index:200;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap}#toast.show{opacity:1}@media (max-width:680px){body,html{overflow:auto}#game{position:relative;min-height:100vh}#cards-area{flex:none;padding:8px 12px 0}#cards-grid{grid-template-columns:repeat(2,1fr)}.pcard:last-child{grid-column:1/-1;max-width:calc(50% - 5px);margin:0 auto}}