:root{--paper:#f6f4ef;--stage:#ecebe6;--ink:#1c2430;--muted:#5f6b78;--line:#d9dde2;--accent:#1f5f8b;--accent-ink:#fff;--panel:#fdfcfa;--warn:#a2560f;--warn-bg:#fbeedd;--ok:#2f6b3b;--ok-bg:#e5f1e6;--no:#a3332a;--no-bg:#f8e3e0;--seat-1:#1f5f8b;--seat-2:#b4572e;--seat-3:#3c7a4a;--seat-4:#7a4f99;--shadow:0 1px 2px #1c24300f, 0 8px 24px #1c24300f;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#111316;--stage:#171a1e;--ink:#e4e9ef;--muted:#98a3b0;--line:#2a3038;--accent:#7db8e2;--accent-ink:#0a1c2a;--panel:#15181c;--warn:#f0b36a;--warn-bg:#2d2214;--ok:#8fd19c;--ok-bg:#16261a;--no:#f2958b;--no-bg:#2c1714;--seat-1:#7db8e2;--seat-2:#f0a07a;--seat-3:#8fd19c;--seat-4:#c9a3e6;--shadow:0 1px 2px #0006, 0 10px 30px #00000059;color-scheme:dark}}:root[data-theme=dark]{--paper:#111316;--stage:#171a1e;--ink:#e4e9ef;--muted:#98a3b0;--line:#2a3038;--accent:#7db8e2;--accent-ink:#0a1c2a;--panel:#15181c;--warn:#f0b36a;--warn-bg:#2d2214;--ok:#8fd19c;--ok-bg:#16261a;--no:#f2958b;--no-bg:#2c1714;--seat-1:#7db8e2;--seat-2:#f0a07a;--seat-3:#8fd19c;--seat-4:#c9a3e6;--shadow:0 1px 2px #0006, 0 10px 30px #00000059;color-scheme:dark}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;padding:clamp(16px,4vw,48px);line-height:1.5}.wrap{max-width:1080px;margin:0 auto}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand .logo{flex-shrink:0;width:46px;height:46px}.logo .table{fill:none;stroke:var(--ink)}.logo .s1{fill:var(--seat-1)}.logo .s2{fill:var(--seat-2)}.logo .s3{fill:var(--seat-3)}.logo .s4{fill:var(--seat-4)}h1{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:clamp(28px,5vw,40px);font-weight:600}.tag{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.home{color:var(--muted);align-items:center;gap:5px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.home:hover{color:var(--accent)}.home svg,.theme svg{width:12px;height:12px}.theme{border:1px solid var(--line);color:var(--muted);cursor:pointer;font-size:11px;font-family:var(--sans);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;display:inline-flex}.theme:hover{color:var(--accent);border-color:var(--accent)}.promise{font-family:var(--serif);color:var(--ink);text-wrap:balance;max-width:34ch;margin:14px 0 0;font-size:clamp(21px,3vw,27px);line-height:1.3}.label small{text-transform:none;letter-spacing:0;opacity:.8;font-weight:400}.sub{color:var(--muted);max-width:64ch;margin:8px 0 0;font-size:15px}.sub b{color:var(--ink);font-weight:600}.stage{background:var(--stage);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:14px;margin:26px 0 0;padding:clamp(14px,3vw,26px);display:flex}.controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spacer{flex:1}.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);font-family:var(--sans);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:transform 80ms,border-color .12s;display:inline-flex}.btn:hover:not([disabled]){border-color:var(--accent);transform:translateY(-1px)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.ok{color:var(--ok)}.btn.no{color:var(--no)}.switch{border:1px solid var(--line);background:var(--panel);color:var(--ink);font-family:var(--sans);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:6px 13px 6px 7px;font-size:12.5px;font-weight:600;display:inline-flex}.switch[disabled]{opacity:.5;cursor:not-allowed}.switch .knob{background:var(--line);border-radius:999px;flex-shrink:0;width:28px;height:16px;transition:background .15s;position:relative}.switch .knob:after{content:"";background:var(--panel);border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch[aria-pressed=true] .knob{background:var(--accent)}.switch[aria-pressed=true] .knob:after{transform:translate(12px)}.panes{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=780px){.panes{grid-template-columns:1fr}}.pane{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;min-width:0;display:flex}.pane-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 14px;display:flex}.seat{background:var(--line);border-radius:50%;flex-shrink:0;width:12px;height:12px}.seat.c1{background:var(--seat-1)}.seat.c2{background:var(--seat-2)}.seat.c3{background:var(--seat-3)}.seat.c4{background:var(--seat-4)}.who{font-size:14px;font-weight:600}.who small{color:var(--muted);margin-left:4px;font-size:12px;font-weight:500}.badge{font-family:var(--mono);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px}.badge.live{color:var(--ok);background:var(--ok-bg);border-color:#0000}.badge.waiting,.badge.lobby,.badge.connecting{color:var(--warn);background:var(--warn-bg);border-color:#0000}.badge.denied,.badge.removed,.badge.ended{color:var(--no);background:var(--no-bg);border-color:#0000}.pane-body{flex-direction:column;flex:1;gap:12px;padding:14px;display:flex}.label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:11px;font-weight:600}.link{font-family:var(--mono);color:var(--ink);background:var(--stage);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:8px;padding:7px 9px;font-size:11.5px}.link b{color:var(--accent);font-weight:600}.rows{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rows li{align-items:center;gap:8px;min-height:30px;font-size:13px;display:flex}.rows li .name{font-weight:600}.rows li .role{color:var(--muted);font-size:12px}.rows li .act{gap:6px;margin-left:auto;display:flex}.rows .empty{color:var(--muted);font-size:12.5px;font-style:italic}textarea{resize:vertical;width:100%;min-height:168px;font-family:var(--mono);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px;flex:1;padding:10px 12px;font-size:13px;line-height:1.55}textarea[readonly]{opacity:.75;cursor:not-allowed}textarea:focus{border-color:var(--accent);outline:none}.invite{border:1px dashed var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.invite h3{font-family:var(--serif);margin:0;font-size:20px;font-weight:600}.invite p{color:var(--muted);margin:0;font-size:13px}.knock-row{flex-wrap:wrap;gap:8px;display:flex}.knock-row input{min-width:140px;font-family:var(--sans);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:999px;flex:1;padding:7px 13px;font-size:14px}.knock-row input:focus{border-color:var(--accent);outline:none}.note{color:var(--muted);margin:0;font-size:12.5px}.no-deck{border:1px dashed var(--line);min-height:120px;color:var(--muted);text-align:center;border-radius:10px;flex:1;place-items:center;padding:14px;font-size:12.5px;display:grid}.wire{font-family:var(--mono);color:var(--muted);border-top:1px solid var(--line);flex-direction:column;gap:3px;max-height:132px;padding-top:10px;font-size:11.5px;display:flex;overflow:auto}.wire span b{color:var(--ink);font-weight:600}.rail-head h2{font-family:var(--serif);margin:34px 0 12px;font-size:22px;font-weight:600}.beats{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.beat{border:1px solid var(--line);background:var(--panel);border-radius:14px;align-items:flex-start;gap:12px;padding:14px 15px;display:flex}.beat .n{background:var(--stage);border:1px solid var(--line);width:26px;height:26px;color:var(--accent);font-family:var(--mono);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.beat .bt{margin:0 0 2px;font-size:14px;font-weight:600;display:block}.beat .bd{color:var(--muted);margin:0 0 4px;font-size:12.5px;line-height:1.45;display:block}.beat .api{font-family:var(--mono);color:var(--accent);overflow-wrap:anywhere;font-size:11px;display:block}.limits{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:18px;display:grid}.limits div{border:1px dashed var(--line);color:var(--muted);border-radius:12px;padding:12px 14px;font-size:13px}.limits b{color:var(--ink);margin-bottom:3px;font-size:13.5px;display:block}.foot{color:var(--muted);margin-top:26px;font-size:12px;line-height:1.7}.foot code{overflow-wrap:anywhere;font-family:var(--mono);background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.foot a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=640px){.spacer{display:none}.controls .btn,.controls .switch{flex:1;justify-content:center}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}