:root{--bg:#0f1420;--panel:#1a2233;--line:#2a3550;--text:#e8edf5;--dim:#8b96ad;--accent:#e8b34b;--green:#3ecf6f;--red:#e5605e}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);overscroll-behavior:none;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{max-width:480px;min-height:100dvh;margin:0 auto;padding:12px 12px 76px}header{justify-content:space-between;align-items:center;padding:8px 2px 12px;font-size:18px;display:flex}h3{color:var(--dim);margin:16px 2px 8px;font-size:15px}button{background:var(--panel);color:var(--text);border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:10px 14px;font-size:15px}button.primary{background:var(--accent);border-color:var(--accent);color:#1a1405;width:100%;font-weight:700}button.ghost{background:0 0}button:disabled{opacity:.5}.row{background:var(--panel);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 12px;display:flex}.center{text-align:center;color:var(--dim);padding:40px 10px}.dim{color:var(--dim);margin:4px 2px;font-size:14px}nav{width:100%;max-width:480px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0c111c;gap:8px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{flex:1;padding:8px;font-size:20px}.tab.active{border-color:var(--accent)}.actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.actions button{flex:1}.invite{background:var(--panel);border:1px dashed var(--line);border-radius:10px;flex-direction:column;gap:8px;margin-top:12px;padding:10px 12px;font-size:13px;display:flex}.invite code{word-break:break-all;color:var(--accent)}.banner{border:1px solid var(--red);background:#3a1f22;border-radius:10px;margin-bottom:8px;padding:8px 12px;font-size:14px}.game .trow{color:var(--dim);justify-content:space-between;padding:2px;font-size:13px;display:flex}.table{background:#12351f;border-radius:14px;flex-wrap:wrap;gap:8px;min-height:120px;margin:8px 0;padding:12px;display:flex}.bout{cursor:pointer;position:relative}.card{color:#1a1a1a;background:#f4f1e8;border-radius:8px;justify-content:center;align-items:center;width:52px;height:72px;font-size:15px;font-weight:700;display:flex;box-shadow:0 2px 4px #0006}.card.beat{border:2px solid var(--green);margin-top:-48px;margin-left:14px}.card.big{width:60px;height:84px;font-size:17px}.card.red{color:#c22}.card.sel{outline:3px solid var(--accent);transform:translateY(-6px)}.hand{flex-wrap:wrap;justify-content:center;gap:6px;padding:8px 0;display:flex}.empty{color:#fff6;margin:auto}.card-list .row{margin-bottom:6px}