*{margin:0;padding:0;box-sizing:border-box}:root{--amber:#ffb000;--amber-hot:#ffd166;--cyan:#20f4ff;--teal:#3cffc4;--green:#50dc78;--red:#ff3f3f;--ink:#07090d;--panel:rgba(8,12,17,.84)}body,html{min-height:100%;background:var(--ink);color:#fff;font-family:Rajdhani,Segoe UI,system-ui,sans-serif}body{overflow:hidden;height:100vh}#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}#fx-layer{position:fixed;inset:0;z-index:80;pointer-events:none;overflow:hidden}#loading-screen,#no-data-screen{position:fixed;inset:0;background:rgba(7,9,13,.96);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;text-align:center;padding:40px}#loading-screen h2,#no-data-screen h2{color:var(--amber-hot);font-size:1.7rem;margin-bottom:12px;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 28px rgba(255,176,0,.5)}#loading-screen p,#no-data-screen p{color:rgba(255,255,255,.58);font-size:.9rem;letter-spacing:.06em;max-width:480px;line-height:1.7}.spinner{width:46px;height:46px;border-left:3px solid rgba(255,176,0,.16);border-bottom:3px solid rgba(255,176,0,.16);border-top:3px solid rgba(255,176,0,.16);border-top-color:var(--amber);border-right:3px solid rgba(255,176,0,.16);border-right-color:var(--cyan);border-radius:50%;animation:spin .75s linear infinite;margin-bottom:22px;box-shadow:0 0 30px rgba(255,176,0,.16)}@keyframes spin{to{transform:rotate(1turn)}}#ui{position:fixed;inset:0;z-index:10;flex-direction:column;align-items:stretch}#header{text-align:center;padding:16px 24px 12px;flex-shrink:0;z-index:20;position:relative;background:linear-gradient(180deg,rgba(7,9,13,.96),rgba(7,9,13,.64) 72%,transparent);border-bottom:1px solid rgba(255,176,0,.12)}#back-btn{position:absolute;left:22px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 15px;border:1px solid rgba(32,244,255,.32);background:rgba(8,12,17,.72);color:rgba(32,244,255,.88);font-family:inherit;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:border-color .18s,color .18s,background .18s,box-shadow .18s;-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%)}#back-btn:hover{border-color:rgba(255,176,0,.72);color:var(--amber-hot);background:rgba(16,18,20,.9);box-shadow:0 0 24px rgba(255,176,0,.16)}#back-btn .back-arrow{font-size:.95rem;line-height:1}#header h1{font-size:clamp(2.2rem,4.7vw,4rem);font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#fff;text-shadow:0 0 26px rgba(255,176,0,.7),0 4px 0 rgba(0,0,0,.6);line-height:.95;margin-bottom:12px}#score-display{display:flex;justify-content:center}.score-pill{min-width:124px;padding:8px 24px 9px;border:1px solid rgba(255,176,0,.56);background:rgba(8,12,17,.82);text-align:center;transition:transform .2s,border-color .2s,box-shadow .2s;-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%);box-shadow:0 0 28px rgba(255,176,0,.1)}.score-pill span{display:block;color:rgba(255,255,255,.52);font-size:.58rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.score-pill strong{display:block;margin-top:2px;color:var(--amber-hot);font-size:2rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:.9}.score-pill.score-bump{transform:translateY(-2px) scale(1.07);border-color:rgba(80,220,120,.72);box-shadow:0 0 28px rgba(80,220,120,.26)}.score-pill.score-reset{transform:translateY(-2px) scale(1.07);border-color:rgba(255,63,63,.72);box-shadow:0 0 28px rgba(255,63,63,.26)}#game-area{flex:1 1;display:flex;align-items:center;justify-content:center;gap:18px;padding:0 28px 28px;min-height:0;position:relative}#game-area:before{content:"";position:absolute;left:50%;top:5%;bottom:7%;width:1px;background:linear-gradient(180deg,transparent,rgba(32,244,255,.32),transparent);opacity:.65}.card{flex:1 1;max-width:440px;min-width:250px;pointer-events:all;cursor:pointer;z-index:20;filter:drop-shadow(0 24px 48px rgba(0,0,0,.38))}.card-inner{background:linear-gradient(160deg,rgba(12,18,24,.92),rgba(5,8,12,.88));border:1px solid rgba(32,244,255,.28);padding:26px 22px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;position:relative;overflow:hidden;min-height:438px;-webkit-clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.card-inner:before{inset:0;background:radial-gradient(circle at 50% 22%,rgba(32,244,255,.14),transparent 34%),linear-gradient(135deg,rgba(255,176,0,.1),transparent 44%),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 6px);opacity:.82}.card-inner:after,.card-inner:before{content:"";position:absolute;pointer-events:none}.card-inner:after{inset:10px;border:1px solid rgba(255,255,255,.08);-webkit-clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.card:hover .card-inner{transform:translateY(-6px);border-color:rgba(255,176,0,.72);box-shadow:0 14px 56px rgba(255,176,0,.16),0 0 0 1px rgba(255,176,0,.14)}.card.correct .card-inner{border-color:rgba(80,220,120,.8);box-shadow:0 0 54px rgba(80,220,120,.34);animation:correct-pulse .48s ease}.card.wrong .card-inner{border-color:rgba(255,63,63,.82);box-shadow:0 0 54px rgba(255,63,63,.34);animation:wrong-shake .42s ease}@keyframes correct-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes wrong-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-9px)}75%{transform:translateX(9px)}}@keyframes pair-pop{0%{opacity:0;transform:translateY(18px) scale(.97);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes slide-in-right{0%{transform:translateX(64px);opacity:0}to{transform:none;opacity:1}}.card.pair-enter .card-inner{animation:pair-pop .32s ease-out both}.card.slide-in .card-inner{animation:slide-in-right .35s ease-out}.card.answered{pointer-events:none;cursor:default}.card.answered .choose-hint{display:none}.player-avatar-wrap{position:relative;margin-bottom:16px;z-index:2}.player-image-placeholder{width:124px;height:124px;background:linear-gradient(145deg,rgba(32,244,255,.24),rgba(255,255,255,.05));border:3px solid rgba(32,244,255,.58);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:rgba(32,244,255,.78);background-size:cover;background-position:top;background-repeat:no-repeat;overflow:hidden;flex-shrink:0;-webkit-clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);box-shadow:0 0 32px rgba(32,244,255,.18)}.player-flag-badge{position:absolute;bottom:5px;right:3px;width:34px;height:24px;overflow:hidden;border:2px solid rgba(7,9,13,.9);box-shadow:0 2px 10px rgba(0,0,0,.55)}.player-flag-badge img{width:100%;height:100%;object-fit:cover;display:block}.player-ign{position:relative;z-index:2;font-size:clamp(1.5rem,2.7vw,2.15rem);font-weight:700;color:#fff;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-shadow:0 0 22px rgba(32,244,255,.32)}.player-country{display:none}.stat-section{position:relative;z-index:2;margin-top:16px;width:100%}.stat-label-text{display:inline-flex;padding:4px 8px 3px;border:1px solid rgba(32,244,255,.28);background:rgba(32,244,255,.08);font-size:.64rem;text-transform:uppercase;letter-spacing:.22em;color:var(--cyan);margin-bottom:8px;font-weight:700}.stat-value{font-size:clamp(3rem,5vw,4.35rem);font-weight:700;color:var(--amber-hot);line-height:.95;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-shadow:0 0 34px rgba(255,176,0,.64);letter-spacing:.06em;transition:transform .24s}.stat-value.hidden{color:var(--cyan);opacity:.95;letter-spacing:.12em;text-shadow:0 0 34px rgba(32,244,255,.55)}.stat-value.revealed{animation:value-reveal .42s cubic-bezier(.2,.9,.2,1.2)}@keyframes value-reveal{0%{transform:scale(.72);opacity:0;filter:blur(8px)}70%{transform:scale(1.1);opacity:1;filter:blur(0)}to{transform:scale(1)}}.stat-unit{font-size:.82rem;color:rgba(255,255,255,.34);margin-top:4px}.achievement-badge{margin-top:14px;padding:7px 12px 6px;background:rgba(255,176,0,.08);border:1px solid rgba(255,176,0,.26);color:var(--amber-hot);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:.66rem;letter-spacing:.1em;-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.achievement-badge,.choose-hint{position:relative;z-index:2;font-weight:700;text-transform:uppercase}.choose-hint{margin-top:auto;padding-top:18px;font-size:.68rem;color:var(--cyan);letter-spacing:.22em;opacity:.58;transition:opacity .2s,color .2s}.card:hover .choose-hint{opacity:1;color:var(--amber-hot)}#vs-section{flex:0 0 auto;width:230px;justify-content:center;gap:16px;z-index:20;padding:0 8px}#vs-badge-wrap,#vs-section{display:flex;flex-direction:column;align-items:center}#vs-badge{width:118px;height:118px;background:linear-gradient(148deg,var(--amber-hot),var(--amber) 58%,#9b4b00);-webkit-clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%);clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%);display:grid;place-items:center;animation:vs-glow 2.4s ease-in-out infinite}@keyframes vs-glow{0%,to{filter:drop-shadow(0 0 18px rgba(255,176,0,.58))}50%{filter:drop-shadow(0 0 38px rgba(255,176,0,.9))}}#vs-badge span{font-size:2.65rem;font-weight:700;color:#100900;letter-spacing:.05em;line-height:1}#vs-question{text-align:center;padding:12px 10px;background:rgba(8,12,17,.62);border:1px solid rgba(255,255,255,.08);width:100%;-webkit-clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}.vs-who{font-size:.68rem;letter-spacing:.18em;color:rgba(255,255,255,.64)}.vs-higher,.vs-who{font-weight:700;text-transform:uppercase}.vs-higher{font-size:clamp(1.5rem,2.8vw,2.25rem);color:var(--cyan);letter-spacing:.1em;text-shadow:0 0 24px rgba(32,244,255,.58);line-height:1.1}.vs-stat{font-size:.86rem;letter-spacing:.08em}#combo-pop,.vs-stat{font-weight:700;color:var(--amber-hot);text-transform:uppercase}#combo-pop{position:fixed;top:50%;left:50%;transform:translate(-50%,-10px) scale(.92);z-index:35;padding:8px 14px;background:rgba(255,176,0,.16);border:1px solid rgba(255,176,0,.46);font-size:.78rem;letter-spacing:.14em;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}#combo-pop.show{opacity:1;transform:translate(-50%) scale(1)}#combo-pop.reset{background:rgba(255,63,63,.16);border-color:rgba(255,63,63,.46);color:#ff9898}#result-banner{position:fixed;bottom:26px;left:50%;transform:translate(-50%,12px) scale(.96);padding:13px 24px 12px;font-size:.96rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:0;transition:opacity .22s,transform .22s;z-index:30;pointer-events:none;-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%)}#result-banner.show{opacity:1;transform:translate(-50%) scale(1)}#result-banner.correct-banner{background:rgba(80,220,120,.14);border:1px solid rgba(80,220,120,.48);color:var(--green);box-shadow:0 0 28px rgba(80,220,120,.18)}#result-banner.wrong-banner{background:rgba(255,63,63,.14);border:1px solid rgba(255,63,63,.48);color:var(--red);box-shadow:0 0 28px rgba(255,63,63,.18)}.score-floater{position:fixed;z-index:90;pointer-events:none;color:var(--green);font-weight:900;font-size:clamp(3rem,6vw,5.6rem);line-height:1;padding:10px 18px 14px;background:rgba(80,220,120,.14);border:1px solid rgba(80,220,120,.46);box-shadow:0 0 52px rgba(80,220,120,.3);text-shadow:0 0 24px rgba(80,220,120,.72);animation:float-score 1.05s cubic-bezier(.18,.9,.22,1) forwards;-webkit-clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}.score-floater.miss{color:var(--red);background:rgba(255,63,63,.14);border-color:rgba(255,63,63,.46);box-shadow:0 0 52px rgba(255,63,63,.3);text-shadow:0 0 18px rgba(255,63,63,.45)}@keyframes float-score{0%{opacity:0;transform:translate(-50%,18px) scale(.38) rotate(-4deg)}18%{opacity:1;transform:translate(-50%,-4px) scale(1.22) rotate(2deg)}42%{opacity:1;transform:translate(-50%,-12px) scale(1)}to{opacity:0;transform:translate(-50%,-86px) scale(1.18)}}.spark{position:fixed;width:8px;height:8px;background:var(--amber);box-shadow:0 0 18px currentColor;animation:spark-flight .78s ease-out forwards}@keyframes spark-flight{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(220deg) scale(.15)}}@media (max-width:940px){#ui,body{overflow:auto;min-height:100vh}#ui{position:relative}#header{display:flex;flex-direction:column;align-items:center;gap:8px}#back-btn{position:relative;left:auto;top:auto;transform:none;align-self:flex-start}#game-area{flex-direction:column;align-items:center;padding:14px 16px 112px;gap:14px;flex:none}#game-area:before{display:none}.card{max-width:440px;width:100%;min-width:0}.card-inner{min-height:390px;padding:22px 18px 18px}.player-image-placeholder{width:106px;height:106px}#vs-section{width:100%;max-width:440px;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px;padding:0}#vs-badge-wrap{display:none}#result-banner{width:calc(100vw - 32px);max-width:440px;text-align:center;font-size:.82rem}}