.nav{height:var(--sf-nav-height);background:var(--sf-surface);border-bottom:1px solid var(--sf-border-dim);font-family:var(--sf-mono);align-items:center;gap:24px;padding:0 20px;font-size:13px;display:flex}.nav__logo{color:var(--sf-accent);margin-right:auto;font-size:16px;font-weight:700;text-decoration:none}.nav__link{color:var(--sf-muted);text-decoration:none;transition:color .15s}.nav__link:hover{color:#bbb}.nav__link--active{color:var(--sf-accent)}.nav__user{color:var(--sf-muted);font-size:11px}.nav__logout{color:var(--sf-accent);border:1px solid var(--sf-accent);font-size:12px;font-family:var(--sf-mono);cursor:pointer;background:0 0;padding:4px 10px}.nav__logout:hover{background:var(--sf-accent);color:var(--sf-bg)}.nav__mute{color:var(--sf-good);border:1px solid var(--sf-good);font-size:11px;font-family:var(--sf-mono);cursor:pointer;background:0 0;padding:3px 8px;transition:all .15s}.nav__mute:hover{background:var(--sf-good);color:var(--sf-bg)}.nav__mute--off{color:var(--sf-dim);border-color:var(--sf-dim)}.nav__mute--off:hover{background:var(--sf-dim);color:var(--sf-bg)}.root-layout__body{height:calc(100vh - var(--sf-nav-height));background:var(--sf-bg);color:var(--sf-text);font-family:var(--sf-mono);overflow:auto}.level-card{aspect-ratio:4/3;background:var(--sf-surface);border:2px solid var(--sf-accent);cursor:pointer;font-family:var(--sf-mono);text-align:center;box-shadow:0 0 8px var(--sf-accent-glow-soft);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:12px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.level-card:hover,.level-card:focus-visible{border-color:var(--sf-accent-bright);box-shadow:0 0 16px var(--sf-accent-glow);outline:none}.level-card__number{color:var(--sf-accent);font-size:11px;position:absolute;top:6px;left:8px}.level-card__title{color:var(--sf-text);font-size:11px;line-height:1.4}.level-card__subtitle{color:var(--sf-subtle);margin-top:4px;font-size:9px}.home{background:var(--sf-bg);width:100%;min-height:100%;font-family:var(--sf-mono);flex-direction:column;align-items:center;padding:40px 20px;display:flex}.home__title{color:var(--sf-accent);letter-spacing:4px;margin:0;font-size:36px}.home__subtitle{color:var(--sf-muted);letter-spacing:2px;margin:12px 0 32px;font-size:14px}.home__grid{grid-template-columns:repeat(4,170px);gap:16px;max-width:740px;display:grid}:root{--sf-bg:#0a0a0a;--sf-surface:#111;--sf-border:#333;--sf-border-dim:#222;--sf-rule:#1a1a1a;--sf-accent:#ff9d00;--sf-accent-bright:#ffb940;--sf-accent-glow:#ff9d0066;--sf-accent-glow-soft:#ff9d0033;--sf-text:#fff;--sf-muted:#888;--sf-subtle:#999;--sf-faint:#666;--sf-dim:#555;--sf-good:#0c8;--sf-bad:#f44;--sf-mono:"Courier New", monospace;--sf-nav-height:44px}.sf-button{font-size:16px;font-family:var(--sf-mono);color:var(--sf-bg);background:var(--sf-accent);cursor:pointer;border:none;padding:12px 32px;transition:background .15s}.sf-button:hover:not(:disabled){background:var(--sf-accent-bright)}.sf-button:disabled{opacity:.6;cursor:default}.sf-button--ghost{color:var(--sf-accent);border:1px solid var(--sf-accent);background:0 0}.sf-button--ghost:hover:not(:disabled){background:var(--sf-accent);color:var(--sf-bg)}