.hl-game{--game-accent: #8fc86a;--game-accent-dim: rgba(143, 200, 106, .12);--game-accent-line: rgba(143, 200, 106, .45);--hl-lcd: #1d2118;min-height:100vh;position:relative;display:flex;flex-direction:column;background:var(--ops-bg);color:var(--ops-text);font-family:var(--ops-body)}.hl-nav{position:relative;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.7rem 2rem;background:var(--ops-bg-raised);border-bottom:1px solid var(--ops-line-strong);box-shadow:inset 0 -1px 0 var(--ops-line),0 3px #0a0c0740}.hl-nav-brand{justify-self:start;display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--ops-text-dim);font-family:var(--ops-display);font-size:1.25rem;letter-spacing:.05em;text-transform:uppercase;transition:color .15s ease}.hl-nav-brand:hover{color:var(--ops-text)}.hl-brand-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--ops-surface-hover);border:1px solid var(--ops-line-strong);box-shadow:var(--bevel-up),2px 2px 0 var(--ops-line-strong);transition:transform .1s var(--ease-snap),box-shadow .1s var(--ease-snap)}.hl-nav-brand:hover .hl-brand-icon{transform:translate(1px,1px);box-shadow:var(--bevel-up),1px 1px 0 var(--ops-line-strong)}.hl-brand-icon svg{width:16px;height:16px}.hl-nav-title{display:flex;flex-direction:column;align-items:center;line-height:1}.hl-nav-game{font-family:var(--ops-display);font-size:2.1rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ops-text);text-shadow:2px 2px 0 var(--ops-line-strong)}.hl-nav-game em{font-style:normal;color:var(--game-accent)}.hl-nav-label{margin-top:.15rem;font-family:var(--ops-mono);font-size:1rem;letter-spacing:.16em;text-transform:uppercase}.hl-nav-stats{justify-self:end;display:flex;align-items:center}.hl-lcd{display:flex;background:var(--hl-lcd);border:1px solid var(--ops-line-strong);box-shadow:var(--bevel-down)}.hl-stat{display:flex;flex-direction:column;align-items:center;min-width:64px;padding:.3rem .8rem .25rem}.hl-stat+.hl-stat{border-left:1px solid rgba(228,234,218,.08)}.hl-stat-label{font-family:var(--ops-mono);font-size:.9rem;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--ops-text-faint)}.hl-stat-value{font-family:var(--ops-display);font-size:1.9rem;line-height:1;color:var(--game-accent);font-variant-numeric:tabular-nums}.hl-stat:first-child .hl-stat-value{animation:hlTick .35s var(--ease-out)}.hl-stat:last-child .hl-stat-value{color:var(--ops-gold)}@keyframes hlTick{0%{transform:translateY(-40%);opacity:0}to{transform:none;opacity:1}}.hl-loading{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;min-height:60vh;font-family:var(--ops-mono);font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ops-text-faint)}.hl-loading-spinner{width:36px;height:36px;border:3px solid var(--ops-line);border-top-color:var(--game-accent);animation:hlSpin .8s steps(8) infinite}@keyframes hlSpin{to{transform:rotate(360deg)}}.hl-main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;max-width:1120px;margin:0 auto;padding:1.5rem 1.5rem 3rem;width:100%}.hl-duel{--hl-lcd: #1d2118;width:100%}.hl-ladder{list-style:none;display:flex;gap:4px;width:100%;margin-bottom:1.4rem}.hl-rung{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.3rem .6rem;background:var(--ops-bg-raised);border:1px solid var(--ops-line-strong);box-shadow:var(--bevel-down);transition:background .3s ease,border-color .3s ease}.hl-rung-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--ops-mono);font-size:.95rem;line-height:1.1;letter-spacing:.1em;text-transform:uppercase;color:var(--ops-text-faint)}.hl-rung-pips{flex:none;display:flex;gap:3px}.hl-rung-pips i{width:7px;height:7px;background:#0a0c0766;box-shadow:inset 1px 1px #0a0c0780}.hl-rung-pips i.is-lit{background:var(--rung);box-shadow:1px 1px 0 var(--ops-line-strong)}.hl-rung.is-done .hl-rung-name{color:var(--ops-text-dim)}.hl-rung.is-done .hl-rung-pips i.is-lit{opacity:.6}.hl-rung.is-on{background:color-mix(in srgb,var(--rung) 16%,var(--ops-surface));border-color:var(--rung);box-shadow:var(--bevel-up),2px 2px 0 var(--ops-line-strong)}.hl-rung.is-on .hl-rung-name{color:var(--rung)}.hl-statbar{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}.hl-statbar:before,.hl-statbar:after{content:"";flex:1;height:0;border-top:1px solid var(--ops-line-strong);border-bottom:1px solid var(--ops-line)}.hl-statbar-plate{display:flex;flex-direction:column;align-items:center;padding:.55rem 2rem .6rem;background:var(--ops-surface);border:1px solid var(--ops-line-strong);box-shadow:var(--bevel-up),4px 4px 0 var(--ops-line-strong);animation:hlStatIn .35s var(--ease-out)}@keyframes hlStatIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.hl-statbar-kicker{font-family:var(--ops-mono);font-size:.95rem;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:var(--ops-text-faint)}.hl-statbar-kicker:before{content:"";display:inline-block;width:7px;height:7px;margin-right:.5em;background:var(--game-accent);box-shadow:2px 2px #0a0c078c}.hl-statbar-name{display:inline-flex;align-items:center;gap:.6rem;margin-top:.15rem;font-family:var(--ops-display);font-size:2.5rem;line-height:1;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--ops-text);text-shadow:2px 2px 0 var(--ops-line-strong)}.hl-stat-icon{flex:none;width:32px;height:32px;object-fit:contain}.hl-stat-icon--glyph{background:var(--game-accent);-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.hl-stat-icon--hltv_rating{width:72px}.hl-arena{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,236px) minmax(0,1fr);gap:1.75rem;align-items:stretch;width:100%}.hl-card{position:relative;display:flex;flex-direction:column;min-width:0;background:linear-gradient(180deg,var(--ops-surface) 0%,var(--ops-bg-raised) 100%);border:1px solid var(--ops-line-strong);box-shadow:var(--bevel-up),5px 5px 0 var(--ops-line-strong);transition:box-shadow .25s ease,border-color .25s ease}.hl-card--left{animation:hlSlideIn .45s var(--ease-out)}.hl-card--right{animation:hlDealIn .45s var(--ease-out)}@keyframes hlSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes hlDealIn{0%{opacity:0;transform:translateY(-18px) rotate(1.5deg)}to{opacity:1;transform:none}}.hl-card[data-tinted]{background:linear-gradient(180deg,color-mix(in srgb,var(--team-tint) 46%,var(--ops-surface)),color-mix(in srgb,var(--team-tint) 24%,var(--ops-surface)) 55%,color-mix(in srgb,var(--team-tint) 8%,var(--ops-bg-raised)))}.hl-card.is-correct{border-color:var(--ops-green);box-shadow:var(--bevel-up),5px 5px 0 var(--ops-green)}.hl-card.is-wrong{border-color:var(--ops-red);box-shadow:var(--bevel-up),5px 5px 0 var(--ops-red)}.hl-card-portrait{position:relative;aspect-ratio:5 / 4;overflow:hidden;background:radial-gradient(55% 65% at 50% 38%,rgba(228,234,218,.14) 0%,transparent 100%)}.hl-card-portrait:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 72%,rgba(10,12,7,.35) 100%),repeating-linear-gradient(180deg,rgba(10,12,7,.1) 0 1px,transparent 1px 3px)}.hl-card-avatar{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;object-position:bottom center}.hl-card-mark{position:absolute;inset:6% 12% 10%;z-index:0;pointer-events:none}.hl-card-mark img{width:100%;height:100%;object-fit:contain;opacity:.12;filter:brightness(0) invert(1)}.hl-card[data-tinted] .hl-card-mark img{opacity:.2;filter:brightness(0)}.hl-card-flag{position:absolute;top:.75rem;left:.75rem;z-index:3;width:34px;height:auto;border:1px solid var(--ops-line-strong);box-shadow:2px 2px 0 var(--ops-line-strong)}.hl-card-plate{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.65rem 1rem .5rem;border-top:1px solid var(--ops-line-strong);background:#0a0c0733;text-align:center}.hl-card-team{display:inline-flex;align-items:center;gap:.4rem;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--ops-mono);font-size:1.05rem;line-height:1.1;letter-spacing:.12em;text-transform:uppercase;color:var(--ops-text-dim)}.hl-crest{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:2px;border:1px solid var(--ops-line-strong)}.hl-crest--light{background:var(--ops-line-strong)}.hl-crest--dark{background:var(--ops-text)}.hl-crest img{width:100%;height:100%;object-fit:contain}.hl-card-name{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--ops-display);font-size:2.7rem;font-weight:400;line-height:1;letter-spacing:.03em;color:var(--ops-text);text-shadow:2px 2px 0 var(--ops-line-strong)}.hl-card-readout{display:flex;flex-direction:column;align-items:center;margin:.35rem 1rem 1rem;padding:.45rem .8rem .4rem;background:var(--hl-lcd);border:1px solid var(--ops-line-strong);box-shadow:var(--bevel-down)}.hl-readout-label{font-family:var(--ops-mono);font-size:.95rem;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--ops-text-faint)}.hl-card-stat-value,.hl-card-stat-mystery{font-family:var(--ops-display);font-size:3.2rem;line-height:1.05;font-variant-numeric:tabular-nums}.hl-card-stat-value{color:var(--ops-text)}.hl-card-stat-mystery{letter-spacing:.18em;color:var(--game-accent);animation:mysteryBlink 1.2s steps(2) infinite}@keyframes mysteryBlink{50%{opacity:.35}}.hl-card.is-correct .hl-card-stat-value{color:var(--ops-green)}.hl-card.is-wrong .hl-card-stat-value{color:var(--ops-red)}.hl-versus{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;min-width:0}.hl-vs-badge{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--ops-line-strong);border:2px solid var(--game-accent);box-shadow:4px 4px #0a0c0773;transform:rotate(-6deg);font-family:var(--ops-display);font-size:2.2rem;line-height:1;color:var(--game-accent)}.hl-question{font-family:var(--ops-body);font-size:1rem;text-align:center;color:var(--ops-text-dim);line-height:1.45}.hl-question strong{font-family:var(--ops-display);font-size:1.3rem;font-weight:400;letter-spacing:.03em;color:var(--ops-text)}.hl-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%}.hl-btn{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.55rem .8rem;border:1px solid var(--ops-line-strong);box-shadow:var(--bevel-up),3px 3px 0 var(--ops-line-strong);color:var(--ops-accent-ink);font-family:var(--ops-display);font-size:1.9rem;line-height:1;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .1s var(--ease-snap),box-shadow .1s var(--ease-snap),filter .15s ease}.hl-btn span{text-align:left}.hl-btn svg{width:20px;height:20px;fill:currentColor}.hl-btn kbd{padding:.05rem .4rem;background:#0a0c0733;border:1px solid rgba(10,12,7,.45);border-bottom-width:2px;font-family:var(--ops-mono);font-size:1rem;line-height:1.1;color:var(--ops-accent-ink)}.hl-btn-higher{background:var(--ops-green)}.hl-btn-lower{background:var(--ops-red)}.hl-btn:hover:not(:disabled){filter:brightness(1.1);transform:translate(1px,1px);box-shadow:var(--bevel-up),2px 2px 0 var(--ops-line-strong)}.hl-btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:var(--bevel-down),0 0 0 var(--ops-line-strong)}.hl-btn:disabled{opacity:.5;cursor:not-allowed}.hl-result-stamp{padding:.1rem 1.1rem .15rem;border:2px solid var(--ops-line-strong);outline:2px solid currentColor;outline-offset:3px;box-shadow:var(--bevel-up),4px 4px 0 var(--ops-line-strong);font-family:var(--ops-display);font-size:2.6rem;line-height:1.1;letter-spacing:.1em;text-transform:uppercase;color:var(--ops-accent-ink);transform:rotate(-6deg);animation:hlStamp .3s var(--ease-snap)}.hl-result-stamp.correct{background:var(--ops-green);outline-color:var(--ops-green)}.hl-result-stamp.wrong{background:var(--ops-red);outline-color:var(--ops-red)}@keyframes hlStamp{0%{opacity:0;transform:scale(1.8) rotate(-14deg)}to{opacity:1;transform:scale(1) rotate(-6deg)}}.hl-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0a0c07c7;animation:hlOverlayIn .25s ease}@keyframes hlOverlayIn{0%{opacity:0}to{opacity:1}}.hl-overlay-content{position:relative;width:min(420px,100%);max-height:100%;overflow-y:auto;background:var(--ops-surface);border:1px solid var(--ops-line-strong);box-shadow:var(--bevel-up),6px 6px 0 var(--ops-line-strong);animation:hlOverlayContentIn .35s var(--ease-out)}@keyframes hlOverlayContentIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hl-overlay-bar{display:flex;align-items:center;justify-content:space-between;padding:.2rem .3rem .2rem .75rem;background:var(--ops-red);border-bottom:1px solid var(--ops-line-strong);font-family:var(--ops-display);font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ops-accent-ink)}.hl-overlay-bar-x{display:flex;align-items:center;justify-content:center;width:22px;height:20px;background:var(--ops-surface-hover);border:1px solid var(--ops-line-strong);box-shadow:var(--bevel-up);font-family:var(--ops-body);font-size:.7rem;color:var(--ops-text)}.hl-overlay-body{padding:1.5rem 1.75rem;text-align:center}.hl-overlay-content h2{font-family:var(--ops-display);font-size:3rem;font-weight:400;line-height:1;letter-spacing:.05em;text-transform:uppercase;text-shadow:3px 3px 0 var(--ops-line-strong);margin-bottom:1.1rem}.hl-final-score{position:relative;display:flex;flex-direction:column;align-items:center;padding:.8rem 1rem .9rem;margin-bottom:.9rem;background:var(--hl-lcd);border:1px solid var(--ops-line-strong);box-shadow:var(--bevel-down)}.hl-final-label{font-family:var(--ops-mono);font-size:1rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ops-text-faint)}.hl-final-value{font-family:var(--ops-display);font-size:5rem;line-height:.95;color:var(--game-accent);font-variant-numeric:tabular-nums}.hl-final-difficulty{font-family:var(--ops-mono);font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase}.hl-new-record{position:absolute;top:-.7rem;right:-.8rem;padding:.05rem .6rem .1rem;background:var(--ops-gold);border:1px solid var(--ops-line-strong);box-shadow:var(--bevel-up),3px 3px 0 var(--ops-line-strong);font-family:var(--ops-display);font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ops-accent-ink);transform:rotate(6deg);animation:hlRecord .4s .3s var(--ease-snap) both}@keyframes hlRecord{0%{opacity:0;transform:scale(1.8) rotate(16deg)}to{opacity:1;transform:scale(1) rotate(6deg)}}.hl-final-duel{display:flex;flex-direction:column;gap:.2rem;margin-bottom:1.1rem;padding:.55rem .9rem .6rem;background:var(--ops-bg-raised);border:1px solid var(--ops-line);text-align:left}.hl-final-duel-stat{font-family:var(--ops-mono);font-size:.95rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ops-text-faint)}.hl-final-duel-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.hl-final-duel-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600;color:var(--ops-text)}.hl-final-duel-row b{font-family:var(--ops-display);font-size:1.6rem;font-weight:400;line-height:1;color:var(--ops-text)}.hl-final-duel-row b.is-miss{color:var(--ops-red)}.hl-overlay-content .overlay-signin-notice{font-family:var(--ops-mono);font-size:1.05rem!important;letter-spacing:.04em;color:var(--ops-text-dim)!important;margin-bottom:.7rem}.hl-overlay-content .overlay-signin-notice a{color:var(--game-accent)}.hl-overlay-btn{width:100%;font-size:1.6rem}.hl-overlay-btn.ops-btn--primary,.hl-overlay-btn.ops-btn--primary:hover{background:var(--game-accent)}.hl-overlay-btn kbd{padding:0 .35rem;background:#0a0c072e;border:1px solid rgba(10,12,7,.4);font-family:var(--ops-mono);font-size:.95rem;letter-spacing:.05em}.hl-overlay-link{display:inline-block;margin-top:1rem;font-family:var(--ops-mono);font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ops-text-faint);text-decoration:none;transition:color .15s ease}.hl-overlay-link:hover{color:var(--ops-text)}@media(max-width:960px){.hl-arena{grid-template-columns:1fr 1fr;gap:1rem .9rem}.hl-versus{grid-column:1 / -1;order:3;gap:.8rem}.hl-vs-badge{display:none}.hl-buttons{flex-direction:row;max-width:480px}.hl-btn{flex:1}.hl-card-name{font-size:2rem}.hl-card-stat-value,.hl-card-stat-mystery{font-size:2.4rem}.hl-rung:not(.is-on) .hl-rung-name{display:none}.hl-rung:not(.is-on){justify-content:center}.hl-rung.is-on{flex-grow:3.5}}@media(max-width:768px){.hl-nav{grid-template-columns:auto 1fr auto;gap:.6rem;padding:.55rem .8rem}.hl-nav-brand>span:last-child{display:none}.hl-nav-title{align-items:flex-start}.hl-nav-game{font-size:1.5rem}.hl-nav-label{font-size:.9rem}.hl-nav-stats .ops-versus-link{font-size:.95rem}.hl-stat{min-width:44px;padding:.2rem .45rem}.hl-stat-value{font-size:1.5rem}.hl-main{padding:1rem .9rem 2.5rem}.hl-ladder{margin-bottom:1rem}.hl-rung{padding:.25rem .35rem}.hl-rung-pips{gap:2px}.hl-rung-pips i{width:5px;height:5px}.hl-statbar{gap:.6rem;margin-bottom:1rem}.hl-statbar-plate{padding:.45rem 1rem .5rem}.hl-statbar-name{font-size:1.8rem}.hl-stat-icon{width:24px;height:24px}.hl-stat-icon--hltv_rating{width:54px}.hl-card{box-shadow:var(--bevel-up),3px 3px 0 var(--ops-line-strong)}.hl-card.is-correct{box-shadow:var(--bevel-up),3px 3px 0 var(--ops-green)}.hl-card.is-wrong{box-shadow:var(--bevel-up),3px 3px 0 var(--ops-red)}.hl-card-portrait{aspect-ratio:1}.hl-card-flag{top:.45rem;left:.45rem;width:26px}.hl-card-plate{padding:.45rem .5rem .35rem}.hl-card-team{font-size:.9rem}.hl-crest{width:18px;height:18px}.hl-card-name{font-size:1.65rem}.hl-card-readout{margin:.25rem .5rem .6rem;padding:.35rem .4rem .3rem}.hl-readout-label{display:none}.hl-card-stat-value,.hl-card-stat-mystery{font-size:2rem}.hl-question{font-size:.92rem}.hl-question strong{font-size:1.1rem}.hl-btn{font-size:1.6rem;padding:.6rem .7rem}.hl-btn kbd{display:none}.hl-btn span{text-align:center}.hl-result-stamp{font-size:2rem}}@media(max-width:420px){.hl-nav-game em,.hl-nav-game{font-size:1.3rem}.hl-nav-title{min-width:0}.hl-nav-label{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.06em}.hl-rung.is-on{flex-grow:5}.hl-rung.is-on .hl-rung-name{letter-spacing:.04em}.hl-nav-stats .ops-versus-link{margin-right:.4rem;padding:.3rem .45rem;font-size:.9rem}.hl-statbar:before,.hl-statbar:after{display:none}.hl-statbar{justify-content:center}}@media(max-width:420px){:lang(ru) .hl-nav-stats .ops-versus-link{max-width:6.2rem;white-space:normal;text-align:center;line-height:1.05}:lang(ru) .hl-stat{min-width:0;padding:.2rem .35rem}:lang(ru) .hl-stat-label{letter-spacing:.02em}}@media(max-width:640px){.hl-nav{display:flex;flex-wrap:wrap;row-gap:.45rem}.hl-nav-title{flex:1 1 auto}.hl-nav-stats{margin-left:auto;gap:.4rem}.hl-nav-stats .ops-versus-link{margin-right:0}}