:root{--bg:#000;--fg:#fff;--ink:#1b2826;--paper:#f4f1e6;--accent:#ef7a22;--hand:"Patrick Hand", "Comic Sans MS", system-ui, sans-serif;--panel-alpha:1;--dot:30px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--hand);-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px dashed var(--accent);outline-offset:3px}.hidden{display:none!important}#gate{color:#fff;z-index:50;background:#000;place-items:center;transition:opacity .6s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}#gate.out{opacity:0;pointer-events:none}#gate form{flex-direction:column;gap:14px;width:min(340px,86vw);display:flex}#gate h1{letter-spacing:.04em;margin:0 0 6px;font-size:34px;font-weight:400}#gate p{opacity:.6;margin:0;font-size:17px}#gate label{opacity:.85;flex-direction:column;gap:4px;font-size:15px;display:flex}#gate input{color:#fff;background:0 0;border:0;border-bottom:2px solid #fff6;border-radius:0;outline:none;padding:6px 2px;font-size:21px}#gate input:focus{border-bottom-color:#fff}#gate .err{color:#ff9b6a;min-height:1.2em;font-size:15px}#gate .go{color:#000;background:#fff;border:0;border-radius:50% 46% 52% 48%;align-self:flex-start;width:54px;height:50px;margin-top:6px;font-size:26px}#gate .go:disabled{opacity:.4}#gate .switch{text-align:left;opacity:.6;background:0 0;border:0;padding:0;font-size:16px;text-decoration:underline}#space{background:var(--bg);touch-action:none;transition:background 80ms linear;position:fixed;top:0;bottom:0;left:0;right:0}.dot{width:var(--dot);height:var(--dot);z-index:20;border:0;border-radius:50%;padding:0;transition:transform .15s,background .2s;position:fixed}.dot:hover{transform:scale(1.08)}#whiteDot{background:var(--fg);top:18px;left:18px}#orangeDot{background:var(--accent);animation:.5s cubic-bezier(.3,1.6,.5,1) pop;top:64px;left:18px}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}#slider{width:var(--dot);z-index:20;touch-action:none;cursor:ns-resize;height:min(46vh,300px);position:fixed;top:18px;left:62px}#slider .track{background:var(--fg);opacity:.5;width:2px;position:absolute;top:0;bottom:0;left:50%;translate:-50%}#slider .knob{background:var(--bg);border:2px solid var(--fg);border-radius:50%;width:22px;height:22px;position:absolute;left:50%;translate:-50% -50%}#slider{transform-origin:top;animation:.25s ease-out drop}@keyframes drop{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}#menu{z-index:30;border:2px solid var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:#24403c;border-radius:6px 12px 5px 10px;flex-direction:column;gap:8px;padding:12px;display:flex;position:fixed;box-shadow:5px 6px #00000059}#menu .tile{text-align:left;color:#151515;letter-spacing:.04em;border:2px solid var(--ink);min-width:176px;box-shadow:3px 3px 0 var(--ink);border-radius:4px 9px 3px 8px;align-items:center;gap:10px;padding:7px 12px;font-size:19px;display:flex}#menu .tile:nth-child(odd){transform:rotate(-1.2deg)}#menu .tile:nth-child(2n){border-radius:9px 3px 8px 4px;transform:rotate(.9deg)}#menu .tile i{border:2px solid var(--ink);border-radius:50%;flex:none;width:12px;height:12px}#menu .tile.on i{background:var(--ink)}#menu .tile:hover{filter:brightness(1.07)}.panel{z-index:10;color:#151515;background:color-mix(in srgb, var(--pc,var(--paper)) calc(var(--panel-alpha) * 100%), transparent);border:2px solid var(--ink);border-radius:5px 11px 4px 9px;flex-direction:column;min-width:200px;min-height:120px;display:flex;position:fixed;box-shadow:4px 5px #0006}.panel header{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-bottom:2px solid var(--ink);letter-spacing:.05em;align-items:center;gap:8px;padding:6px 10px;font-size:19px;display:flex}.panel header b{flex:1;font-weight:400}.panel header button{color:#151515;background:0 0;border:0;padding:0 4px;font-size:20px;line-height:1}.panel .body{flex:1;padding:10px 12px;font-size:17px;overflow:auto}.panel .grip{cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg, transparent 50%, var(--ink) 50% 60%, transparent 60% 72%, var(--ink) 72% 82%, transparent 82%);width:18px;height:18px;position:absolute;bottom:-2px;right:-2px}.panel.dragging{box-shadow:8px 10px #00000059}.muted{opacity:.6}.row{align-items:center;gap:8px;display:flex}.list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.list li button{text-align:left;border:2px solid var(--ink);color:#151515;background:#fff8;border-radius:4px 8px 3px 7px;align-items:center;gap:8px;width:100%;padding:4px 8px;display:flex}.list li button.playing{box-shadow:2px 2px 0 var(--ink);background:#fff}.live{background:#9a9a9a;border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.live.on{background:#e8452c;box-shadow:0 0 0 3px #e8452c33}.btn{color:#151515;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:4px 9px 3px 8px;padding:4px 12px}.btn.orange{background:var(--accent)}.btn.green{background:#7fd69e}.field{color:#151515;border:2px solid var(--ink);background:#fff;border-radius:4px 8px 3px 7px;width:100%;padding:4px 8px}code,.mono{word-break:break-all;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}#cabin{z-index:40;background:#1d302d;animation:.4s fadein;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadein{0%{opacity:0}}#cabin iframe{border:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}#cabin .placeholder{color:var(--paper);opacity:.7;text-align:center;place-items:center;padding:20px;font-size:22px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}#cabinBar{z-index:2;align-items:center;gap:10px;display:flex;position:absolute;top:14px;left:50%;translate:-50%}.seg{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:6px 12px 5px 10px;display:flex;overflow:hidden}.seg button{background:var(--paper);color:#151515;border:0;padding:6px 16px;font-size:19px}.seg button.on{background:var(--accent)}#leave{z-index:2;position:absolute;top:18px;left:18px}#cabinSheet{z-index:2;background:var(--paper);color:#151515;border:2px solid var(--ink);border-radius:6px 12px 5px 10px;width:min(400px,100vw - 32px);max-height:calc(100% - 90px);padding:12px 14px;font-size:17px;position:absolute;top:64px;right:16px;overflow:auto;box-shadow:5px 6px #00000059}#cabinSheet h3{margin:0 0 6px;font-size:24px;font-weight:400}#cabinSheet h4{border-bottom:2px dashed #1b282633;margin:14px 0 4px;font-size:19px;font-weight:400}#cabinSheet .kv{grid-template-columns:90px 1fr auto;align-items:center;gap:4px 8px;display:grid}#cabinSheet.min .content{display:none}.meter{border:2px solid var(--ink);background:#fff;border-radius:3px 6px 3px 5px;width:100%;height:34px;display:block}#toast{z-index:60;background:var(--paper);color:#151515;border:2px solid var(--ink);opacity:0;pointer-events:none;box-shadow:3px 3px 0 var(--ink);border-radius:6px 11px 5px 9px;padding:8px 16px;font-size:18px;transition:opacity .2s;position:fixed;bottom:24px;left:50%;translate:-50%}#toast.show{opacity:1}@media (max-width:600px){.panel .body{font-size:16px}#menu .tile{min-width:150px;font-size:17px}}