:root,[data-theme=dark]{color-scheme:dark;--bg: #0f1419;--fg: #e7ecf1;--muted: #8b98a5;--accent: #1d9bf0;--surface: #1a2332;--border: #2f3b4a;--wall: #101820;--floor: #5c86a8;--player: #f7c948;--rival: #6ec1ff;--goal: #ff6b6b;--success: #3dd68c;--danger: #f87171;font-family:system-ui,-apple-system,sans-serif}[data-theme=light]{color-scheme:light;--bg: #f4f7fb;--fg: #0f1419;--muted: #536471;--accent: #1d9bf0;--surface: #ffffff;--border: #cfd9e3;--wall: #8ea4b8;--floor: #f7fbff}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;min-height:100dvh;overflow-x:hidden;background:var(--bg);color:var(--fg)}a{color:var(--accent)}button{font:inherit;cursor:pointer;touch-action:manipulation}.shell{height:100dvh;display:flex;flex-direction:column;gap:.25rem;padding:max(.55rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.55rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));overflow:hidden;overscroll-behavior:none}.shell__bar{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.35rem}.shell__bar h1{margin:0;min-width:0;font-size:clamp(1.05rem,2.6vw,1.3rem);font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell__tools{display:flex;align-items:center;justify-content:flex-end;gap:.15rem}.theme-toggle,.shell__pause{border:0;background:transparent;color:var(--fg);width:2.75rem;height:2.75rem;min-width:2.75rem;min-height:2.75rem;padding:0;display:grid;place-items:center;flex:none}.theme-toggle svg,.shell__pause svg{width:1.35rem;height:1.35rem;display:block}.shell__link{border:0;background:transparent;color:var(--muted);min-height:2.75rem;padding:0 .35rem;font-size:.85rem;text-decoration:underline;text-underline-offset:.18em;white-space:nowrap}.shell__link[aria-expanded=true]{color:var(--fg)}.shell__note{position:absolute;top:calc(100% + .2rem);left:0;z-index:3;width:max-content;max-width:min(22rem,100%);border:1px solid var(--border);background:var(--surface);padding:.55rem .7rem}.shell__note--end{left:auto;right:0}.shell__note[hidden]{display:none}.shell__note p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.4}.shell__note p+p{margin-top:.35rem}.shell__note .shell__setting:first-child{margin-top:0}.shell__back,.shell__options button{border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:0;min-height:2.75rem;min-width:2.75rem;padding:.3rem .75rem}.shell__panel{border:1px solid var(--border);background:var(--surface);border-radius:0;padding:.4rem .75rem}.shell__panel summary{cursor:pointer;font-weight:650}.shell__panel p{margin:.45rem 0 .3rem;color:var(--muted);font-size:.92rem;line-height:1.45}.shell__setting{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.55rem}.shell__options{display:flex;flex-wrap:wrap;gap:.35rem}.shell__options button.is-on{background:var(--accent);color:#fff;border-color:var(--accent)}.shell__stage{position:relative;flex:1;min-height:0;min-width:0}.shell__game{height:100%;min-height:0;min-width:0}.shell__mask{position:absolute;top:0;right:0;bottom:0;left:0}.shell__mask[hidden]{display:none}.hub{max-width:32rem;margin:0 auto;padding:max(1.25rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.hub__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.hub h1{margin:0;font-size:1.5rem;font-weight:650}.hub__list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.hub__card{width:100%;display:flex;align-items:center;gap:.9rem;text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:0;padding:.9rem 1rem;min-height:4.5rem}.hub__mark{width:2.75rem;height:2.75rem;flex:none;display:block}.hub__mark svg{width:100%;height:100%;display:block}.hub__name{display:block;font-size:1.15rem;font-weight:650}.hub__meta{display:block;margin-top:.3rem;color:var(--muted);font-size:.9rem}