.chrome-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.chrome-shell.fixed{height:100vh;height:100dvh;overflow:hidden}.chrome-body{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:1180px;margin:0 auto}.chrome-stage{min-width:0;min-height:0}.chrome-header{display:flex;align-items:center;gap:14px;width:100%;max-width:1180px;margin:0 auto;padding:12px 20px;min-width:0}.chrome-header>*{min-width:0}.chrome-wordmark{display:inline-flex;align-items:center;gap:9px;flex:none;font-weight:800;font-size:19px;letter-spacing:-.01em;color:var(--ink);text-decoration:none}.chrome-wordmark .mark{color:var(--accent);flex:none;transition:transform .12s ease-out}.chrome-wordmark:hover .mark{transform:translateY(-1.5px)}.chrome-where{display:flex;align-items:baseline;gap:8px;min-width:0;padding-left:14px;border-left:1px solid color-mix(in srgb,var(--dim) 28%,transparent);font-size:15px;overflow:hidden}.chrome-where a{color:var(--ink);font-weight:700;text-decoration:none;white-space:nowrap}.chrome-where a:hover{color:var(--game, var(--accent))}.chrome-mode{color:var(--dim);white-space:nowrap}.chrome-trailing{margin-left:auto;display:flex;align-items:center;gap:12px;flex:none}.chrome-footer{width:100%;max-width:1180px;margin:0 auto;padding:14px 20px;border-top:1px solid color-mix(in srgb,var(--dim) 16%,transparent);font-size:13px;color:var(--dim);display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}.chrome-nav{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.chrome-nav a{color:var(--dim);text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--dim) 40%,transparent)}.chrome-nav a:hover{color:var(--accent)}.chrome-tagline{margin:0 0 0 auto}.chrome-tagline span{color:color-mix(in srgb,var(--dim) 80%,var(--ink))}.chrome-shell.fixed .chrome-footer{flex-wrap:nowrap;padding:10px 20px;overflow:hidden}.chrome-shell.fixed .chrome-tagline{display:none}.chrome-rail{min-width:0;padding:4px 20px 28px;display:grid;gap:22px;align-content:start}.chrome-shell.fixed .chrome-rail{display:none}@media(min-width:1024px){.chrome-body{grid-template-columns:minmax(0,1fr) 320px;gap:8px}.chrome-body:not(:has(.chrome-rail)){grid-template-columns:minmax(0,1fr);max-width:780px}.chrome-shell.fixed .chrome-rail{display:grid;overflow-y:auto;padding:8px 20px 20px 8px;border-left:1px solid color-mix(in srgb,var(--dim) 14%,transparent)}}.rail-section{display:grid;gap:8px}.rail-section h2{margin:0;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--dim)}.rail-game{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:11px;background:var(--card, var(--surface));color:var(--ink);text-decoration:none;box-shadow:inset 2px 0 color-mix(in srgb,var(--game) 55%,transparent)}.rail-game:hover{background:color-mix(in srgb,var(--game) 12%,var(--card, var(--surface)))}.rail-game img{border-radius:7px;flex:none}.rail-game-text{display:grid;min-width:0}.rail-game-name{font-weight:700;font-size:14px}.rail-game-note{font-size:12px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-game-note.done{color:var(--accent)}.rail-game-note.part{color:color-mix(in srgb,var(--accent) 70%,var(--dim))}.rail-mode{display:grid;gap:1px;padding:8px 10px;border-radius:11px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:700;background:var(--card, var(--surface))}.rail-mode:hover{background:color-mix(in srgb,var(--game) 12%,var(--card, var(--surface)))}.rail-mode.here{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--game) 60%,transparent)}.rail-mode-note{font-size:12px;font-weight:500;color:var(--dim)}.rail-chips{display:flex;flex-wrap:wrap;gap:6px}.rail-chip{min-width:34px;padding:5px 9px;border-radius:999px;background:var(--surface);color:var(--dim);font-size:12px;font-weight:700;text-align:center;text-decoration:none}.rail-chip:hover{color:var(--ink)}.rail-chip.here{background:color-mix(in srgb,var(--game) 24%,var(--surface));color:var(--ink)}.rail-board{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-size:13px;font-variant-numeric:tabular-nums}.rail-board li{display:flex;gap:9px;align-items:baseline;padding:4px 8px;border-radius:7px}.rail-board li.you{background:color-mix(in srgb,var(--accent) 16%,transparent)}.rail-board .rank{color:var(--dim);min-width:2ch;text-align:right}.rail-board .who{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-board .score{color:var(--accent);font-weight:700}.rail-board-wait,.rail-board-empty{color:var(--dim);justify-content:center}.rail-more{font-size:12px;color:var(--dim);text-decoration:none}.rail-more:hover{color:var(--accent)}.rail-you{display:grid;gap:3px;font-size:13px;color:var(--dim)}.rail-you b{color:var(--ink);font-variant-numeric:tabular-nums}.rail-you-wait{color:color-mix(in srgb,var(--dim) 60%,transparent)}@media(prefers-reduced-motion:reduce){.chrome-wordmark .mark{transition:none}}.chrome-status{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 9px;margin:0 0 18px;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.45;background:var(--card);border:1px solid rgba(255,255,255,.06);color:var(--dim)}.chrome-status[hidden]{display:none}.chrome-status b{color:var(--ink);font-weight:600}.chrome-status-detail{color:var(--dim)}.chrome-status-dot{width:7px;height:7px;border-radius:50%;flex:none;align-self:center;background:var(--dim)}.chrome-status[data-kind=unreachable] .chrome-status-dot{background:var(--accent)}