:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f0f0f;--panel:#1a1a1a;--border:#333;--text:#f5f5f5;--muted:#999;--accent:#4db8ff;--accent-contrast:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;margin:0}#app{height:100dvh}.app{flex-direction:column;height:100%;display:flex}.header{background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:flex}.scores{gap:12px;font-weight:600;display:flex}.score{color:var(--muted);border-radius:999px;padding:2px 8px}.score--active{background:var(--accent);color:var(--accent-contrast)}.turn-indicator{font-weight:600}.bag-count{color:var(--muted)}.message{text-align:center;color:gold;cursor:pointer;background:#2a2a00;flex-shrink:0;max-height:0;font-size:13px;transition:max-height .15s,padding .15s;overflow:hidden}.message--visible{border-bottom:1px solid var(--border);max-height:60px;padding:6px 12px}.board-section{flex:1;min-height:0;position:relative}.board-scroll{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;height:100%;display:flex;overflow:auto}.board-grid{background:var(--border);gap:2px;margin:auto;padding:2px;display:grid}.cell{background:var(--panel);border:none;border-radius:4px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.cell--empty{background:#262626}.cell--pending{outline:2px dashed var(--accent);outline-offset:-2px;background:#1a2a3a}.cell--placed{background:var(--panel)}.recenter-btn{border:1px solid var(--border);background:var(--panel);border-radius:50%;width:40px;height:40px;font-size:18px;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 6px #00000026}.hand-section{border-top:1px solid var(--border);background:var(--panel);flex-shrink:0}.hand-tray{-webkit-overflow-scrolling:touch;gap:8px;padding:10px;display:flex;overflow-x:auto}.hand-tile{border:2px solid var(--border);background:#242424;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.hand-tile--selected{border-color:var(--accent);box-shadow:0 0 0 2px #1d7fd640}.hand-tile--swap-selected{border-color:#ff6b6b;box-shadow:0 0 0 2px #ff6b6b40}.controls{padding:10px;padding-bottom:max(10px, env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:8px;display:flex}.btn{border:1px solid var(--border);min-height:44px;color:var(--text);background:#242424;border-radius:8px;padding:0 16px;font-size:14px;font-weight:600}.btn:disabled{opacity:.4}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.overlay{background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.overlay-box{background:var(--panel);text-align:center;border-radius:12px;width:100%;max-width:320px;padding:24px}.overlay-box h2{margin-top:0}.overlay-box .btn{width:100%;margin-top:12px}