:root{--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--hud-band: 120px;--p0: #5ee6a8;--p1: #ff8fa3;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0b1026;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#e8edfb}#stage{display:block;width:100%;height:100%;touch-action:none}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column}#topbar{height:var(--hud-band);padding:calc(var(--safe-top) + 12px) 18px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.score{display:flex;flex-direction:column;align-items:center;min-width:56px;font:600 10px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.14em;color:#7c8bb0}.score b{font:700 30px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;text-shadow:0 2px 8px rgba(0,0,0,.6)}.score span{text-shadow:0 1px 5px rgba(0,0,0,.7)}.score[data-player="0"] b{color:var(--p0)}.score[data-player="1"] b{color:var(--p1)}.middle{display:flex;align-items:center;gap:6px}.wind{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#141c3d;font:600 15px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#b9c6e6}.chip{pointer-events:auto;min-width:38px;height:34px;padding:0 8px;border:1px solid #26315c;border-radius:999px;background:#141c3d;color:#b9c6e6;font:600 13px/1 ui-sans-serif,system-ui,sans-serif;touch-action:none}#assist{font-size:17px;letter-spacing:.12em}.chip:active{background:#1e2a55}.chip[data-off=true]{color:#5b688c;opacity:.6}.wind span{display:inline-block;font-size:18px;transition:transform .25s ease}#diag{margin:6px 18px 0;padding:8px 10px;border-radius:8px;background:#141c3dcc;font:500 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#9fb2e0;white-space:pre-wrap;pointer-events:auto;user-select:text;-webkit-user-select:text}#diag[hidden]{display:none}#banner{margin:auto;padding:14px 26px;border-radius:14px;background:#141c3dee;font:700 20px/1.35 ui-sans-serif,system-ui,sans-serif;text-align:center;letter-spacing:.02em;white-space:pre-line}#banner[hidden]{display:none}#footer{position:absolute;left:0;right:0;bottom:0;height:calc(var(--footer-h, 48px) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;align-items:center;justify-content:center;gap:14px;font:500 11px/1 ui-sans-serif,system-ui,sans-serif;color:#55628a}#footer a{pointer-events:auto;display:inline-flex;align-items:center;min-height:40px;padding:0 10px;color:#8d9bc0;text-decoration:none}#footer a:active{color:#cdd8f2}#rotate{display:none}@media(orientation:landscape){#rotate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0b1026;font:700 22px/1.3 ui-sans-serif,system-ui,sans-serif;color:#e8edfb;text-align:center;pointer-events:auto}#rotate span{font-size:46px;animation:tilt 1.8s ease-in-out infinite}#rotate small{font:500 13px/1.4 ui-sans-serif,system-ui,sans-serif;color:#8d9bc0}}@keyframes tilt{0%,to{transform:rotate(-28deg)}50%{transform:rotate(0)}}