:root{--bg: #14121a;--panel: #1d1a24;--panel-line: #2e2938;--line: #3a3445;--text: #edeaf2;--muted: #a39db0;--gold: #e8b04b;--teal: #4fc1b0;--red: #e5533d;--blue: #5ba8f5;--pixel: "Pixelify Sans", ui-monospace, monospace;--sans: "DM Sans", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans)}body{min-height:100dvh;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.hub{max-width:720px;margin:0 auto;min-height:100dvh;padding:max(40px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:32px}.masthead{display:flex;flex-direction:column;gap:12px}.studio{margin:0;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.masthead h1{margin:0;font-family:var(--pixel);font-weight:700;font-size:clamp(28px,7vw,44px);line-height:1.1;text-wrap:balance}.lede{margin:0;max-width:52ch;color:var(--muted);font-size:16px;line-height:1.55}.games{display:flex;flex-direction:column;gap:16px}.game{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:start;padding:20px;border-radius:18px;background:var(--panel);border:1px solid var(--panel-line)}.game.featured{border-color:#e8b04b73}.game-art{width:120px;height:120px;border-radius:14px;background:#0b0a0f;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px var(--panel-line)}.game-art svg{position:absolute;display:block}.game-body{display:flex;flex-direction:column;gap:12px;min-width:0}.game-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.game h2{margin:0;font-family:var(--pixel);font-weight:700;font-size:26px}.tag{padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--muted);border:1px solid var(--line)}.tag.live{color:var(--bg);background:var(--teal);border-color:var(--teal)}.game-pitch{margin:0;color:#d3cfdb;font-size:15px;line-height:1.5;max-width:56ch}.today{margin:0;font-size:14px;font-weight:500;color:var(--gold)}.today.done{color:var(--teal)}.today.fallen{color:var(--red)}.mine{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:320px}.mine div{display:flex;flex-direction:column;gap:2px}.mine dt{font-size:12px;color:var(--muted)}.mine dd{margin:0;font-family:var(--pixel);font-size:20px;font-variant-numeric:tabular-nums}.btn{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--text);font:600 15px var(--sans);text-decoration:none}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--gold);border-color:var(--gold);color:var(--bg)}.btn.primary:hover{background:#f3cb7a}.btn:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.foot{margin-top:auto;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px}.foot p{margin:0}.countdown{font-variant-numeric:tabular-nums}.back{display:inline-flex;align-items:center;gap:6px;min-height:32px;color:var(--muted);font-size:13px;font-weight:500;text-decoration:none}.back:before{content:"‹";font-size:18px;line-height:1}.back:hover{color:var(--text)}.back:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}.scene{position:relative;width:100%;max-width:100%;aspect-ratio:16 / 7;border-radius:18px;overflow:hidden;background:#0b0a0f;box-shadow:inset 0 0 0 1px var(--panel-line)}.scene svg{position:absolute;display:block}.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature{padding:16px;border-radius:14px;background:var(--panel);border:1px solid var(--panel-line)}.feature h3{margin:0 0 6px;font-size:16px}.feature p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}@media (max-width: 520px){.game{grid-template-columns:minmax(0,1fr)}.game-art{width:100%;height:132px}.features{grid-template-columns:minmax(0,1fr)}}