:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}:focus:not(:focus-visible){outline:none}.skeleton{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:skeleton-shimmer 1.25s ease-in-out infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.skeleton-grid{display:grid;gap:var(--space-4)}.skeleton-line{height:12px;border-radius:4px;background:var(--surface-2)}.fx-off .skeleton:after{display:none}@media(prefers-reduced-motion:reduce){.skeleton:after{animation:none}}[data-error],.state-error{color:var(--live);font-family:var(--f-mono);font-size:12px;letter-spacing:.06em}[data-ok],.state-ok{color:var(--accent);font-family:var(--f-mono);font-size:12px;letter-spacing:.06em}.state-loading{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.state-empty{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;color:var(--text-muted);padding:20px 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:150px;padding:36px 24px;border:1px dashed var(--border);border-radius:14px;background:repeating-linear-gradient(45deg,transparent,transparent 12px,rgba(255,255,255,.014) 12px,rgba(255,255,255,.014) 24px)}.empty-state__tag{font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.empty-state__text{font-size:13px;color:var(--text-muted);max-width:32ch;line-height:1.5}.fx-controls{position:fixed;bottom:24px;left:24px;z-index:35;display:flex;gap:8px}.fx-controls button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-2);font-size:16px;transition:border-color .2s,color .2s}.fx-controls button:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:900px){.fx-controls{bottom:14px;left:14px}.fx-controls button{width:44px;height:44px}}.nav__link--more{display:none}@media(max-width:900px){.nav__link--more{display:block}}body:before{background-size:180px 180px}.fx-off #bg-particles{display:none!important}.fx-off body:before{display:none!important}.fx-off .reveal{opacity:1!important;transform:none!important}.fx-off .status-bar__dot--live,.fx-off .nav__live-dot,.fx-off .btn__dot,.fx-off .live-ticker__dot{animation:none!important}.fx-off *,.fx-off *:before,.fx-off *:after{animation-duration:1ms!important;animation-delay:0s!important;transition-duration:1ms!important;backdrop-filter:none!important}.fx-off .status-bar__marquee-inner{animation:marquee 40s linear infinite!important}@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}.status-bar__marquee-inner,.status-bar__dot--live,.nav__live-dot,.btn__dot,.live-ticker__dot{animation:none!important}}.memo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}@media(max-width:640px){.memo-grid{grid-template-columns:repeat(3,1fr)}}.memo-tile{min-height:86px;padding:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-2);font-family:var(--f-ui);font-size:13px;line-height:1.3;cursor:pointer;transition:border-color .2s,background .2s,transform .15s;display:flex;align-items:center;justify-content:center;text-align:center}.memo-tile:not(:disabled):hover{border-color:var(--accent);transform:translateY(-2px)}.memo-tile:not(.memo-tile--up){font-size:26px;color:var(--text-muted)}.memo-tile--up{color:var(--text);border-color:var(--accent);background:#53fc180f}.memo-tile--matched{border-color:var(--accent);background:#53fc1824}.hang-word{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.hang-letter{min-width:28px;padding:8px 4px;text-align:center;font-family:var(--f-mono);font-size:22px;font-weight:700;color:var(--text);border-bottom:2px solid var(--border)}.hang-letter--space{border-bottom:none;min-width:14px}.hang-word--lost .hang-letter{color:var(--live)}.hang-keys{display:flex;flex-wrap:wrap;gap:6px;max-width:560px}.hang-key{width:40px;height:40px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--f-mono);font-size:14px;cursor:pointer;transition:border-color .15s,background .15s}.hang-key:not(:disabled):hover{border-color:var(--accent)}.hang-key--hit{border-color:var(--accent);background:#53fc1824}.hang-key--miss{border-color:var(--live);opacity:.5}.rxn-pad{width:100%;min-height:240px;margin-top:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);font-family:var(--f-display);font-size:clamp(18px,3vw,28px);letter-spacing:.04em;cursor:pointer;transition:background .1s,border-color .1s}.rxn-pad--waiting{background:#ff40401f;border-color:var(--live)}.rxn-pad--go{background:#53fc1840;border-color:var(--accent)}.draft-banner{display:inline-block;width:fit-content;margin-bottom:10px;padding:6px 12px;background:#ffb02024;border:1px dashed #ffb020;border-radius:var(--radius-sm, 6px);color:#ffb020;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.comments__intro{margin:-6px 0 18px;color:var(--text-dim, #9a9aa0);font-size:15px}.img-field{display:flex;gap:8px;align-items:stretch}.img-field__pick{flex-shrink:0;cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap}.img-field .inp{flex:1;min-width:0}.input{width:100%}.comments__form{padding:24px;gap:16px}.comments__form .label{margin-bottom:8px}.comments__form textarea.input{min-height:120px}.hero__stream-embed{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius, 10px);overflow:hidden}.hero__stream-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.post-hero__overlay{padding:56px var(--gutter)}.event-phase{display:inline-block;width:fit-content;margin-top:18px;padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius-sm, 6px);background:var(--surface);color:var(--text-muted);font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.event-phase--live{border-color:var(--live, #ff4040);color:var(--live, #ff4040)}.match-card__head--live{background:var(--surface-2)}.match-card__status--live{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#ff2d4a1f;border:1px solid rgba(255,45,74,.4);border-radius:999px;white-space:nowrap}.match-card--live{border-color:#ff2d4a73;box-shadow:0 0 28px #ff2d4a17}.hero__grid{align-items:center}@media(max-width:900px){.nav{transform:none;will-change:auto;backdrop-filter:none;background:#0a0a0bf7}}body.nav-open:after{z-index:30}.nav__link--menu-only{display:none}@media(max-width:900px){.nav__link--menu-only{display:block;color:var(--accent)}}.live-banner{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:12px 18px;background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius, 10px);font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;transition:box-shadow .2s,background .2s}.live-banner:hover{background:var(--surface-2);box-shadow:0 0 24px var(--accent-glow)}.live-banner__tag{color:var(--accent);text-transform:uppercase}.live-banner__label{color:var(--text-2);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-banner__cta{margin-left:auto;color:var(--accent);white-space:nowrap}@media(max-width:700px){.live-banner{flex-wrap:wrap}.live-banner__cta{margin-left:0}}@media(min-width:721px){.hero__stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(min-width:701px){.event-info-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}