:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--room:#0b0907;--panel:#110d0ac7;--panel-solid:#15110d;--line:#c8a25a42;--brass:#c8a25a;--brass-dim:#8c7243;--chalk:#6fa3e0;--text:#efe7d6;--muted:#a3988a;--felt:#1f6e46;--foul:#e0685a;--display:"Limelight", "Didot", Georgia, serif;--label:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--body:"Barlow", system-ui, -apple-system, "Segoe UI", sans-serif}[hidden]{display:none!important}html,body{height:100%}body{background:var(--room);color:var(--text);font-family:var(--body);margin:0;overflow:hidden}#app{position:fixed;inset:0}#gl{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.vignette{pointer-events:none;background:radial-gradient(at 50% 55%,#0000 55%,#0000008c 100%);position:absolute;inset:0}button{font:inherit;color:inherit}button:focus-visible,[role=switch]:focus-visible{outline:2px solid var(--chalk);outline-offset:2px}#hud{pointer-events:none;position:absolute;inset:0}#hud>*{pointer-events:auto}.board{top:calc(12px + env(safe-area-inset-top,0px));background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box;pointer-events:none;border-radius:6px;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;width:min(720px,100% - 32px);padding:8px 18px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.side{opacity:.55;flex-direction:column;gap:5px;min-width:0;transition:opacity .3s;display:flex}.side.right{align-items:flex-end}.side.active{opacity:1}.name{font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.side.active .name:before{content:"";background:var(--chalk);width:8px;height:8px;box-shadow:0 0 10px var(--chalk);border-radius:50%}.side.right.active .name:before{order:2}.lvl{color:var(--brass);letter-spacing:.12em;font-size:13px;font-weight:500}.chips{min-height:16px;font-family:var(--label);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;align-items:center;gap:4px;font-size:12px;display:flex}.chip{border-radius:50%;width:15px;height:15px;transition:opacity .3s,transform .3s;position:relative;box-shadow:inset -2px -2px 3px #00000073}.chip.gone{opacity:.16;transform:scale(.8)}.mid{font-family:var(--label);text-transform:uppercase;letter-spacing:.14em;color:var(--brass);text-align:center;white-space:nowrap;font-size:13px}.toast{opacity:0;background:var(--panel-solid);border:1px solid var(--line);font-family:var(--label);letter-spacing:.06em;pointer-events:none;text-align:center;border-radius:4px;max-width:calc(100% - 32px);padding:10px 20px;font-size:18px;transition:opacity .25s,transform .25s;position:absolute;top:96px;left:50%;transform:translate(-50%)translateY(-6px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast.foul{color:#ffd9d3;border-color:#e0685a99}.spin{left:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.spinball{cursor:crosshair;touch-action:none;background:radial-gradient(circle at 36% 30%,#fffdf6 0%,#efe7d2 40%,#b9ae95 85%,#8a806b 100%);border-radius:50%;width:104px;height:104px;position:relative;box-shadow:0 6px 20px #0000008c,inset 0 0 0 1px #0003}.spinball .cross:before,.spinball .cross:after{content:"";background:#3c322347;position:absolute}.spinball .cross:before{width:1px;top:10%;bottom:10%;left:50%}.spinball .cross:after{height:1px;top:50%;left:10%;right:10%}.spinball .safe{border:1px dashed #3c322359;border-radius:50%;position:absolute;inset:14%}.spinball .dot{background:#3d6fb8;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #ffffffb3,0 2px 5px #00000080}.spinball.live{box-shadow:0 0 0 2px var(--chalk), 0 6px 20px #0000008c}.spin .lbl,.views .lbl{font-family:var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px}.power{border:1px solid var(--line);opacity:0;pointer-events:none;background:#00000080;border-radius:7px;width:14px;height:240px;transition:opacity .2s;position:absolute;top:50%;right:26px;overflow:hidden;transform:translateY(-50%)}.power.show{opacity:1}.power .fill{background:linear-gradient(#f4e3b0,#9fc4ef 40%,#3f7fcf);height:0%;position:absolute;bottom:0;left:0;right:0}.power .pct{font-family:var(--label);font-variant-numeric:tabular-nums;font-size:16px;font-weight:600;position:absolute;right:22px}.powerwrap{pointer-events:none;position:absolute;top:50%;right:26px;transform:translateY(-50%)}.powerwrap .pct{font-family:var(--label);font-variant-numeric:tabular-nums;opacity:0;white-space:nowrap;font-size:20px;font-weight:700;transition:opacity .2s;position:absolute;bottom:0;right:24px}.powerwrap.show .pct{opacity:1}.views{right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}.vbtns{background:var(--panel);border:1px solid var(--line);border-radius:6px;gap:4px;padding:4px;display:flex}.vbtn{cursor:pointer;font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:0 0;border:0;border-radius:4px;padding:7px 11px;font-size:14px}.vbtn kbd{font-family:var(--label);opacity:.6;margin-right:5px;font-size:11px}.vbtn[aria-pressed=true]{color:var(--text);background:#6fa3e029}.vbtn:hover{color:var(--text)}.hint{left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));font-family:var(--label);letter-spacing:.06em;color:var(--muted);text-align:center;pointer-events:none;max-width:min(640px,100% - 320px);font-size:14px;line-height:1.5;position:absolute;transform:translate(-50%)}.hint b{color:var(--text);font-weight:600}.actions{left:50%;bottom:calc(76px + env(safe-area-inset-bottom,0px));pointer-events:none;flex-wrap:wrap;justify-content:center;gap:8px;width:max-content;max-width:calc(100% - 32px);display:flex;position:absolute;transform:translate(-50%)}.actions>*{pointer-events:auto}.bih{background:var(--panel);border:1px solid var(--line);cursor:pointer;font-family:var(--label);letter-spacing:.1em;text-transform:uppercase;border-radius:4px;padding:8px 14px;font-size:13px}.bih:hover{border-color:var(--brass)}.overlay{box-sizing:border-box;background:radial-gradient(#08060473,#080604d1);place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.card{background:var(--panel-solid);border:1px solid var(--line);box-sizing:border-box;border-radius:8px;width:min(540px,100%);padding:28px 28px 24px;box-shadow:0 30px 80px #0009}.title{font-family:var(--display);color:var(--brass);letter-spacing:.02em;text-wrap:balance;margin:0;font-size:clamp(40px,8vw,58px);font-weight:400;line-height:1}.sub{color:var(--muted);margin:8px 0 22px;font-size:15px}.sect{margin-top:18px}.sect h3{font-family:var(--label);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:600}.seg{gap:6px;display:grid}.seg.four{grid-template-columns:repeat(4,1fr)}.seg.three{grid-template-columns:repeat(3,1fr)}.opt{cursor:pointer;text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:5px;flex-direction:column;gap:3px;padding:10px 8px;display:flex}.opt strong{font-family:var(--label);letter-spacing:.06em;text-transform:uppercase;font-size:17px;font-weight:600}.opt span{color:var(--muted);font-size:12px}.opt[aria-pressed=true]{border-color:var(--chalk);background:#6fa3e01f}.opt:hover{border-color:#ffffff40}.row{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.row:first-of-type{border-top:0}.row label,.row .rl{font-size:15px}.row small{color:var(--muted);font-size:12px;display:block}[role=switch]{cursor:pointer;background:#ffffff1f;border:0;border-radius:12px;flex:none;width:42px;height:24px;position:relative}[role=switch]:after{content:"";background:#d8d0c0;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}[role=switch][aria-checked=true]{background:var(--chalk)}[role=switch][aria-checked=true]:after{background:#fff;transform:translate(18px)}input[type=range]{accent-color:var(--chalk);width:150px}.mp{color:var(--muted);border:1px dashed #ffffff24;border-radius:5px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.mp em{font-style:normal;font-family:var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--brass-dim);font-size:12px}.go{cursor:pointer;color:#1c140a;width:100%;font-family:var(--label);letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(#d9b86e,#b38a42);border:0;border-radius:5px;margin-top:22px;padding:14px;font-size:20px;font-weight:700}.go:hover{filter:brightness(1.08)}.ghost{cursor:pointer;border:1px solid var(--line);width:100%;font-family:var(--label);letter-spacing:.12em;text-transform:uppercase;background:0 0;border-radius:5px;margin-top:10px;padding:11px;font-size:15px}.ghost:hover{border-color:var(--brass)}.keys{color:var(--muted);grid-template-columns:auto 1fr;gap:6px 14px;margin-top:6px;font-size:14px;display:grid}.keys b{color:var(--text);font-family:var(--label);letter-spacing:.06em;font-weight:600}.note{color:var(--muted);text-align:center;margin-top:12px;font-size:12px}.big{font-family:var(--display);color:var(--brass);margin:0;font-size:clamp(36px,7vw,52px);font-weight:400}@media (width<=1100px){.hint{bottom:auto;top:calc(70px + env(safe-area-inset-top,0px));max-width:calc(100% - 32px)}.toast{top:104px}}@media (width<=640px){.board{gap:8px;padding:6px 10px}.name{font-size:14px}.chip{width:11px;height:11px}.hint{display:none}.spinball{width:80px;height:80px}.seg.four{grid-template-columns:repeat(2,1fr)}.vbtn{padding:6px 8px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}button.mp{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--muted);background:0 0}button.mp:hover:not(:disabled){border-color:var(--brass);color:var(--text)}.field{flex-direction:column;gap:6px;display:flex}.field span{font-family:var(--label);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:600}.text-in{font:inherit;color:var(--text);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:5px;min-width:0;padding:11px 12px;font-size:16px}.text-in:focus{border-color:var(--chalk);outline:none}.text-in.code{font-family:var(--label);letter-spacing:.3em;text-transform:uppercase;font-size:20px;font-weight:600}.joinrow{gap:8px;display:flex}.joinrow .text-in{flex:1}.joinrow .ghost{flex:none;width:auto;margin-top:0;padding:11px 18px}.err{color:#ffd9d3;border:1px solid #e0685a80;border-radius:5px;margin:14px 0 0;padding:10px 12px;font-size:14px}.go:disabled,.ghost:disabled{opacity:.55;cursor:default;filter:none}.table-code{font-family:var(--display);color:var(--brass);letter-spacing:.12em;margin:4px 0 0;font-size:clamp(44px,10vw,68px);font-weight:400}.eyebrow{font-family:var(--label);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0;font-size:13px;font-weight:600}.waiting{font-family:var(--label);letter-spacing:.08em;color:var(--muted);justify-content:center;align-items:center;gap:10px;margin:18px 0 0;display:flex}.waiting:before{content:"";background:var(--chalk);width:8px;height:8px;box-shadow:0 0 10px var(--chalk);border-radius:50%;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}.over-note{min-height:1.4em;font-family:var(--label);letter-spacing:.06em;color:var(--brass);margin:12px 0 0}.ghost.danger{color:#ffd9d3;border-color:#e0685a99}@media (prefers-reduced-motion:reduce){.waiting:before{animation:none}}.spinrow{align-items:flex-end;gap:10px;display:flex}.elev{background:var(--panel);border:1px solid var(--line);cursor:ns-resize;touch-action:none;border-radius:6px;width:46px;height:104px;position:relative;overflow:hidden}.elev.live,.elev.raised{border-color:#6fa3e08c}.elev.live{box-shadow:0 0 0 2px var(--chalk)}.elev-ball{background:radial-gradient(circle at 35% 30%,#fffdf6,#b9ae95);border-radius:50%;width:12px;height:12px;position:absolute;bottom:26px;right:7px}.elev-cue{transform-origin:100%;background:linear-gradient(270deg,#3868a8 0 3px,#e6d3aa 3px 60%,#3b1d0e 60%);border-radius:2px;width:40px;height:3px;transition:transform 80ms linear;position:absolute;bottom:31px;right:19px}.elev-deg{text-align:center;font-family:var(--label);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600;position:absolute;bottom:5px;left:0;right:0}@media (width<=640px){.elev{width:40px;height:80px}.elev-ball{bottom:24px}.elev-cue{width:32px;bottom:29px}}.replay-banner{top:calc(78px + env(safe-area-inset-top,0px));cursor:pointer;background:var(--panel-solid);border:1px solid var(--line);font-family:var(--label);letter-spacing:.08em;border-radius:4px;align-items:center;gap:12px;padding:8px 16px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.replay-banner b{text-transform:uppercase;letter-spacing:.14em;color:var(--brass);font-size:18px;font-weight:700}.replay-banner .rb-skip{color:var(--muted);font-size:13px}.rb-dot{background:#e0685a;border-radius:50%;width:9px;height:9px;animation:1.2s ease-in-out infinite pulse;box-shadow:0 0 10px #e0685a}@media (prefers-reduced-motion:reduce){.rb-dot{animation:none}}.replaying .hint,.replaying .actions,.replaying .toast{visibility:hidden}.tools{left:20px;top:calc(92px + env(safe-area-inset-top,0px));flex-direction:column;gap:6px;display:flex;position:absolute}.tool{cursor:pointer;text-align:left;background:var(--panel);border:1px solid var(--line);font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-radius:4px;align-items:center;gap:8px;padding:7px 12px;font-size:14px;display:flex}.tool kbd{font-family:var(--label);min-width:16px;color:var(--text);text-align:center;background:#ffffff14;border-radius:3px;padding:1px 4px;font-size:11px}.tool:hover{color:var(--text);border-color:var(--brass)}.tool[aria-pressed=true]{color:var(--text);border-color:var(--chalk);background:#6fa3e029}.arranging #gl{cursor:grab}.holding #gl{cursor:grabbing}@media (width<=640px){.tools{top:calc(64px + env(safe-area-inset-top,0px));left:10px}.tool{padding:6px 8px;font-size:12px}}.mini-seg{background:#ffffff0d;border-radius:6px;flex:none;gap:3px;padding:3px;display:flex}.mini-seg button{cursor:pointer;font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:0 0;border:0;border-radius:4px;padding:6px 10px;font-size:13px}.mini-seg button[aria-pressed=true]{color:var(--text);background:#6fa3e02e}.callnote{left:50%;bottom:calc(118px + env(safe-area-inset-bottom,0px));font-family:var(--label);letter-spacing:.08em;white-space:nowrap;pointer-events:none;background:#6fa3e024;border:1px solid #6fa3e073;border-radius:999px;padding:6px 14px;font-size:14px;position:absolute;transform:translate(-50%)}.calling #gl{cursor:crosshair}.replaying .callnote{visibility:hidden}button{touch-action:manipulation}#gl,.spinball,.elev,.touch-power{touch-action:none}.touch-power{display:none}.touch .touch-power{background:var(--panel);border:1px solid var(--line);border-radius:27px;width:54px;height:min(58vh,300px);display:block;position:absolute;top:50%;right:18px;overflow:hidden;transform:translateY(-50%)}.touch .touch-power.off{opacity:.35;pointer-events:none}.touch .touch-power.live{border-color:var(--chalk)}.tp-fill{opacity:.85;background:linear-gradient(#f4e3b0,#9fc4ef 40%,#3f7fcf);height:0;position:absolute;top:0;left:0;right:0}.tp-handle{background:linear-gradient(#e6d3aa,#b89c6c);border-radius:20px;height:40px;margin-top:4px;position:absolute;top:0;left:6px;right:6px;transform:translateY(0);box-shadow:0 2px 8px #00000080}.touch .touch-power .tp-handle{top:0}.tp-lbl{text-align:center;font-family:var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);pointer-events:none;font-size:12px;position:absolute;bottom:10px;left:0;right:0}.touch .powerwrap,.touch .kbd-only,.touch .tool kbd,.touch .vbtn kbd{display:none}.touch .views{right:84px}@media (width<=900px) and (orientation:landscape){.touch .board{top:calc(6px + env(safe-area-inset-top,0px));padding:4px 12px}.touch .spinball{width:76px;height:76px}.touch .elev{height:76px}.touch .spin .lbl{display:none}.touch .actions{bottom:calc(14px + env(safe-area-inset-bottom,0px))}.touch .callnote{bottom:calc(56px + env(safe-area-inset-bottom,0px))}.touch .hint{display:none}}@media (width<=640px) and (orientation:portrait){.views{bottom:auto;right:10px;top:calc(58px + env(safe-area-inset-top,0px))}.actions{bottom:calc(150px + env(safe-area-inset-bottom,0px))}.callnote{bottom:calc(192px + env(safe-area-inset-bottom,0px))}.touch .touch-power{height:min(42vh,300px);top:58%}.tools{top:calc(104px + env(safe-area-inset-top,0px))}.vbtn{padding:6px 8px}}