:root{color-scheme:dark;--bg: #0f1216;--surface: #171c22;--surface-2: #1e252d;--text: #e8edf2;--muted: #9aa7b3;--accent: #5aa6ff;--accent-ink: #06121f;--radius: 12px;--tap: 44px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%}#app{display:flex;flex-direction:column;height:100dvh;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app-header{display:flex;align-items:center;gap:.75rem;padding:.5rem .9rem;border-bottom:1px solid var(--surface-2);flex:0 0 auto}.brand{text-decoration:none;font-weight:700;font-size:1rem;display:inline-flex;align-items:center;min-height:var(--tap);padding:0 .25rem}.brand-r{color:var(--text)}.brand-g{color:var(--accent)}.app-title{margin:0;font-size:1.1rem;font-weight:600;letter-spacing:.02em;flex:1 1 auto;text-align:center}.lang{display:flex;gap:.25rem}.stage{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.board-wrap{flex:1 1 auto;min-height:0;position:relative;display:flex}.board{display:block;touch-action:none;width:100%;height:100%}.hud{flex:0 0 auto;display:flex;flex-direction:column;gap:.4rem;padding:.6rem .9rem calc(.6rem + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--surface-2)}.feedback{margin:0;padding:.55rem .7rem;border-radius:10px;border-left:3px solid var(--muted);font-size:.92rem;font-weight:600;line-height:1.3}.feedback.hidden{display:none}.feedback.good{background:#66bb6a29;color:#9be29f;border-left-color:#66bb6a}.feedback.warn{background:#e9c46a29;color:#f0d089;border-left-color:#e9c46a}.feedback.bad{background:#e0574b33;color:#f4a59d;border-left-color:#e0574b}.feedback.info{background:#5aa6ff29;color:#a9cbff;border-left-color:var(--accent)}.status{margin:0;font-size:.95rem;font-weight:600;min-height:1.2em}.hint{margin:0;font-size:.78rem;color:var(--muted);min-height:1.1em}.ownership{margin:0;font-size:.8rem;color:var(--muted);display:flex;align-items:center}.dot{display:inline-block;width:.72em;height:.72em;border-radius:50%;margin-right:.35em;box-shadow:inset 0 0 0 1px #00000040;flex:0 0 auto}.dot-you{background:#e9c46a}.dot-ai{background:#e0574b}.discs .sep{margin:0 .6em;color:var(--muted)}.hud-lines{display:flex;flex-wrap:wrap;gap:.25rem 1rem;color:var(--muted);font-size:.8rem}.hud-lines p{margin:0}.controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.btn,.select{min-height:var(--tap);min-width:var(--tap);padding:0 .9rem;border-radius:var(--radius);border:1px solid var(--surface-2);background:var(--surface-2);color:var(--text);font:inherit;font-size:.9rem;cursor:pointer}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn.active,.lang-btn.active{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.lang-btn{padding:0 .6rem;min-width:var(--tap);font-weight:600}.controls .select{flex:0 0 auto}.controls .primary{margin-left:auto}.btn:focus-visible,.select:focus-visible,.brand:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#06090cb8;z-index:10}.overlay.hidden{display:none}.overlay-card{background:var(--surface);border:1px solid var(--surface-2);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center;min-width:min(20rem,82vw)}.overlay-text{margin:0;font-size:1.25rem;font-weight:700}@media(min-width:640px){.app-title{font-size:1.35rem}.status{font-size:1.05rem}}