:root{--red: #ee1c18;--red-deep: #b4110e;--red-light: #ff4a44;--paper: #f2efe9;--paper-shade: #e4e0d6;--ink: #121016;--ink-soft: #4a4650;--dim: #9a94a6;--shell: #17151d;--shell-raised: #221f2a;--shell-line: #35313f;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;background:var(--shell);color:var(--paper);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}#app{height:100%;padding:calc(var(--safe-top) + 1.25rem) calc(var(--safe-right) + 1.25rem) calc(var(--safe-bottom) + 1.25rem) calc(var(--safe-left) + 1.25rem);display:flex;flex-direction:column;gap:1.25rem}h1{margin:0;font-size:1.75rem;letter-spacing:.08em;text-transform:uppercase}.tagline,.hint{margin:0;color:var(--dim);font-size:.8rem;line-height:1.5}.stack{display:flex;flex-direction:column;gap:.75rem}.grow{flex:1;min-height:0;overflow-y:auto}button{font:inherit;min-height:3.5rem;padding:0 1.25rem;border:2px solid var(--shell-line);border-radius:.5rem;background:var(--shell-raised);color:var(--paper);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}button.primary{background:var(--red);border-color:var(--red);color:var(--shell);font-weight:700}button:disabled{opacity:.4}input{font:inherit;min-height:3.5rem;padding:0 1rem;width:100%;border:2px solid var(--shell-line);border-radius:.5rem;background:var(--shell-raised);color:var(--paper);text-align:center;letter-spacing:.4em;text-transform:uppercase;-webkit-user-select:text;user-select:text}.code{font-size:2.5rem;letter-spacing:.3em;color:var(--red);text-align:center;margin:0}.error{margin:0;padding:.75rem 1rem;border-radius:.5rem;background:color-mix(in srgb,var(--red-deep) 25%,transparent);border:1px solid var(--red-deep);font-size:.8rem}.devices{display:flex;flex-wrap:nowrap;gap:.75rem;align-items:flex-end;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-bottom:.15rem}.devices::-webkit-scrollbar{display:none}.device{flex:0 0 auto}.device{display:flex;flex-direction:column;gap:.35rem;align-items:center}.device-tile{position:relative;border:2px solid var(--shell-line);border-radius:.35rem;background:var(--shell-raised)}.device.is-you .device-tile{box-shadow:0 0 0 3px var(--paper)}.device.is-host .device-tile:after{content:"HOST";position:absolute;top:.15rem;left:0;right:0;text-align:center;font-size:.5rem;letter-spacing:.08em;color:var(--red)}.device-name{font-size:.7rem;color:var(--dim);max-width:6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device.is-you .device-name{color:var(--paper)}.device-codename{font-size:.55rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);max-width:6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-meta{font-size:.6rem;color:var(--dim)}.statusbar{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.6rem;color:var(--dim);letter-spacing:.05em;pointer-events:none}.status-rtt:before{content:"·";margin-right:.4rem}.status-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--red-deep);margin-right:.35rem}.status-dot.open{background:#5aa469}.overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:var(--shell);padding:calc(var(--safe-top) + 1rem) calc(var(--safe-right) + 1rem) calc(var(--safe-bottom) + 1rem) calc(var(--safe-left) + 1rem)}.enter-overlay{cursor:pointer}.enter-inner{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.enter-icon{width:96px;height:96px;border-radius:1rem;image-rendering:pixelated}.enter-cue{margin:0;color:var(--red);letter-spacing:.2em;text-transform:uppercase;font-size:.85rem;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.enter-cue{animation:none;opacity:1}}.chip{position:fixed;left:.75rem;right:.75rem;top:calc(var(--safe-top) + .5rem);z-index:3}.chip{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border:1px solid var(--shell-line);border-radius:.5rem;background:var(--shell-raised);font-size:.7rem;line-height:1.4;color:var(--dim)}.chip strong{color:var(--paper);font-weight:700}.chip-update{border-color:var(--red)}.chip span{flex:1}.chip-action{min-height:2.25rem;padding:0 .75rem;font-size:.7rem;border-radius:.35rem;background:var(--red);border-color:var(--red);color:var(--shell);font-weight:700}.chip-close{min-height:2.25rem;min-width:2.25rem;padding:0;border:none;background:none;color:var(--dim);font-size:1.1rem}#app.is-arranging{padding:0;gap:0}.arrange{position:absolute;inset:0;overflow:hidden;touch-action:none}.edge-band{position:absolute;pointer-events:none;--edge-fade: color-mix(in srgb, var(--red) 12%, transparent)}.edge-band:after{content:"";position:absolute;background:var(--red);opacity:.3}.edge-top,.edge-bottom{left:0;right:0;height:72px}.edge-top{top:0;background:linear-gradient(var(--edge-fade),transparent 72%)}.edge-bottom{bottom:0;background:linear-gradient(to top,var(--edge-fade),transparent 72%)}.edge-top:after,.edge-bottom:after{left:0;right:0;height:2px}.edge-top:after{top:0}.edge-bottom:after{bottom:0}.edge-left,.edge-right{top:0;bottom:0;width:72px}.edge-left{left:0;background:linear-gradient(to right,var(--edge-fade),transparent 72%)}.edge-right{right:0;background:linear-gradient(to left,var(--edge-fade),transparent 72%)}.edge-left:after,.edge-right:after{top:0;bottom:0;width:2px}.edge-left:after{left:0}.edge-right:after{right:0}.drag-layer{position:absolute;inset:0;pointer-events:none;z-index:5}.dot{width:40px;height:40px;border-radius:50%;background:var(--swatch);border:3px solid var(--shell);box-shadow:0 0 0 2px color-mix(in srgb,var(--swatch) 55%,transparent);touch-action:none}.dot-in-tray.is-wanted{box-shadow:0 0 0 3px var(--paper);animation:dot-wanted 1.5s ease-in-out infinite}@keyframes dot-wanted{0%,to{box-shadow:0 0 0 3px var(--paper)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--paper) 45%,transparent)}}.dot-in-tray{position:relative;cursor:grab;flex:0 0 auto}.dot-placed{position:absolute;z-index:4}.dot-top{top:0;transform:translate(-50%,-50%)}.dot-bottom{bottom:0;transform:translate(-50%,50%)}.dot-left{left:0;transform:translate(-50%,-50%)}.dot-right{right:0;transform:translate(50%,-50%)}.dot.is-lifted{opacity:.25}.dot-ghost{position:absolute;top:0;left:0;width:44px;height:44px;margin:-22px 0 0 -22px;pointer-events:none;transition:box-shadow .12s ease,width .12s ease,height .12s ease}.dot-ghost.is-snapped{box-shadow:0 0 0 4px color-mix(in srgb,var(--swatch) 70%,transparent),0 0 22px var(--swatch)}.arrange.is-discarding .centre-panel{outline:2px dashed var(--red-deep);outline-offset:10px;border-radius:.75rem}.arrange.is-discarding .cue-title:after{content:" — release to put it back";color:var(--red-deep);font-size:.7rem}.arrange-centre{position:absolute;inset:72px;display:grid;place-items:center;padding:.5rem;overflow-y:auto;pointer-events:none}.centre-panel{display:flex;flex-direction:column;align-items:center;gap:.7rem;text-align:center;max-width:22rem;pointer-events:auto}.centre-panel>button{width:100%}.dot-tray{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;padding:.6rem .75rem;border:1px dashed var(--shell-line);border-radius:.75rem;min-height:3.5rem;align-items:center}.cue-title{margin:0;font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase}.cue-copy{margin:0;font-size:.75rem;line-height:1.5;color:var(--dim)}.cue-copy.strong{color:var(--red)}.cue-status{display:flex;gap:1rem;font-size:.7rem;color:var(--dim)}.cue-status .good{color:#5aa469}.cue-status .warn{color:var(--red)}.cue-actions{display:flex;gap:.5rem;width:100%}.cue-actions button{flex:1}.gate-title{margin:0;font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--red)}.gate-copy{margin:0;font-size:.8rem;line-height:1.55;color:var(--dim)}.gate-copy strong{color:var(--paper)}button.subtle{min-height:2.75rem;font-size:.7rem;background:none;border-color:var(--shell-line);color:var(--dim)}#app.is-table{padding:0;gap:0}html.is-playing,html.is-playing body{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;touch-action:none;overscroll-behavior:none}.table{position:absolute;inset:0;overflow:hidden;background:#15131d}.stick-layer{position:absolute;inset:0;touch-action:none}.table-canvas{position:absolute;top:0;left:0}.table-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:calc(var(--safe-top) + .5rem) .75rem calc(var(--safe-bottom) + .5rem);pointer-events:none}.table-unlock{pointer-events:auto;min-height:2.5rem;padding:0 1rem;background:color-mix(in srgb,var(--shell) 80%,transparent)}.round-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.9rem 1.4rem;border-radius:.75rem;background:color-mix(in srgb,var(--shell) 82%,transparent);border:2px solid var(--shell-line);pointer-events:none;text-align:center;max-width:90%}.round-title{font-size:1.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--paper)}.round-detail{font-size:.7rem;letter-spacing:.08em;color:var(--dim)}.out-badge{position:absolute;top:calc(var(--safe-top) + 2.2rem);left:50%;transform:translate(-50%);padding:.3rem .7rem;border-radius:.4rem;font-size:.62rem;letter-spacing:.06em;white-space:nowrap;color:var(--paper);background:color-mix(in srgb,var(--red-deep) 70%,transparent);pointer-events:none}.settings{display:flex;flex-direction:column}.setting{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.2rem 0}.setting+.setting{border-top:1px solid color-mix(in srgb,var(--shell-line) 55%,transparent)}.setting-label{font-size:.78rem;min-width:0}.rules-summary{font-size:.75rem;color:var(--paper)}.setting-controls{display:flex;align-items:center;gap:.3rem;flex:0 0 auto}.nudge{min-height:2.4rem;width:2.4rem;padding:0;font-size:1.1rem;line-height:1;border-radius:.4rem}.setting-value{min-width:4.6rem;text-align:center;font-size:.72rem;color:var(--paper)}.toggle{min-height:2.5rem;padding:0 .9rem;font-size:.68rem;border-radius:.4rem}.toggle.is-on{background:var(--red);border-color:var(--red);color:var(--shell);font-weight:700}.attract{position:fixed;inset:0;z-index:0;background:var(--shell);opacity:0;transition:opacity .9s ease-out;pointer-events:none}.attract.is-lit{opacity:1}#app.is-menu{position:relative;z-index:1;padding-bottom:0;background:transparent;background-image:linear-gradient(to bottom,var(--shell) 0%,color-mix(in srgb,var(--shell) 55%,transparent) 22%,transparent 40%),linear-gradient(to top,var(--shell) 0%,color-mix(in srgb,var(--shell) 88%,transparent) 26%,transparent 48%)}.hero{display:flex;flex-direction:column;align-items:center;gap:.6rem;flex:none;padding-top:6vh}.hero-tight{padding-top:1.5vh}.hero-tagline{margin:0;max-width:22ch;text-align:center;font-size:.72rem;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;color:var(--paper);opacity:.75;text-shadow:0 2px 0 var(--ink),0 0 12px var(--shell)}.hero-gap{flex:1;min-height:4rem}.sheet{flex:none;display:flex;flex-direction:column;gap:.7rem;margin-left:calc(-1 * (var(--safe-left) + 1.25rem));margin-right:calc(-1 * (var(--safe-right) + 1.25rem));padding:.9rem calc(var(--safe-right) + 1.25rem) calc(var(--safe-bottom) + .5rem) calc(var(--safe-left) + 1.25rem);border:3px solid var(--ink);border-bottom:none;border-radius:1.25rem 1.25rem 0 0;background:color-mix(in srgb,var(--shell) 98%,transparent);box-shadow:0 -14px 40px #0000008c}.sheet.is-floating{margin:0 0 calc(var(--safe-bottom) + 30px);padding:1rem;border:3px solid var(--ink);border-radius:1rem;box-shadow:0 6px 0 var(--ink),0 18px 40px #00000080}.block{display:flex;flex-direction:column;gap:.55rem}.block+.block{padding-top:.7rem;border-top:1px solid var(--shell-line)}.block-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.block-head .eyebrow{white-space:nowrap}.block-note{margin:0;font-size:.68rem;color:var(--dim)}button.big{min-height:4rem;font-size:1.15rem;font-weight:800;letter-spacing:.1em;border-radius:.75rem;border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);transition:transform 90ms ease,box-shadow 90ms ease}button.big:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.or{display:flex;align-items:center;gap:.75rem;color:var(--dim);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase}.or:before,.or:after{content:"";flex:1;height:2px;background:var(--shell-line)}.join-row{display:flex;gap:.6rem;align-items:stretch}.code-field{position:relative;flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.code-cell{display:grid;place-items:center;min-height:3.5rem;border:2px solid var(--shell-line);border-radius:.5rem;background:var(--shell-raised);font-size:1.5rem;font-weight:700;color:var(--paper)}.code-cell.is-filled{border-color:var(--red);color:var(--red)}.code-cell.is-next{border-color:var(--paper);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--paper) 30%,transparent)}.code-input{position:absolute;inset:0;width:100%;min-height:0;border:none;background:transparent;color:transparent;caret-color:transparent;padding:0}.code-input:focus{outline:none}button.ghost{flex:none;padding:0 1.1rem;border-radius:.5rem;font-weight:700}button.ghost.is-ready{background:var(--red);border-color:var(--red);color:var(--shell)}.eyebrow{margin:0;font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--dim)}.room-code{margin:0;font-family:ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:clamp(3rem,22vw,5.5rem);font-weight:900;line-height:1;letter-spacing:.06em;color:var(--red);-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink)}.seats{display:flex;gap:.4rem;justify-content:center}.seat{width:.65rem;height:.65rem;border-radius:50%;border:2px solid var(--ink);background:var(--shell-line)}.seat.is-taken{border-color:var(--ink)}.seat.is-next{animation:seat-wait 1.6s ease-in-out infinite}@keyframes seat-wait{0%,to{transform:scale(1);background:var(--shell-line)}50%{transform:scale(1.35);background:var(--paper)}}.hint.centred{text-align:center;text-shadow:0 2px 0 var(--ink)}#app.is-picking{background:var(--shell);background-image:none}.pick{position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(var(--safe-top) + .75rem) 1.1rem calc(var(--safe-bottom) + .5rem);gap:.5rem;background:radial-gradient(75% 45% at 50% 30%,color-mix(in srgb,var(--pick) 40%,transparent),transparent 72%),var(--shell)}.pick-header{flex:none;margin:0;text-align:center;font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--dim)}.pick-portrait{flex:1;min-height:0;display:grid;place-items:center}.pick-art-wrap{position:relative;display:grid;place-items:center;width:100%;height:100%}.pick-art{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 6px 30px color-mix(in srgb,var(--pick) 55%,transparent));animation:pick-enter .32s cubic-bezier(.2,1.2,.4,1) both}.pick-fallback{position:absolute;display:grid;place-items:center;width:min(48vw,12rem);aspect-ratio:1;border-radius:50%;border:6px solid var(--ink);background:var(--pick);color:var(--ink);font-family:ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:4rem;font-weight:900}@keyframes pick-enter{0%{transform:translateY(10px) scale(.97);opacity:0}to{transform:none;opacity:1}}.pick-detail{flex:none;display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center}.pick-name{margin:0;font-family:ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:clamp(2.2rem,13vw,3.2rem);font-weight:900;line-height:.95;color:var(--pick);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink)}.pick-codename{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--pick)}.pick-named{display:flex;flex-direction:column;align-items:center;gap:.1rem}.pick-expansion{display:flex;flex-wrap:wrap;justify-content:center;max-width:34ch;margin:.1rem 0 0;font-size:.5rem;letter-spacing:.08em;line-height:1.6;text-transform:uppercase;color:var(--dim)}.pick-word{white-space:nowrap}.pick-word.is-filler{opacity:.5}.pick-gap{white-space:pre}.pick-expansion b{color:var(--pick);font-weight:800}.pick-ability{width:100%;display:flex;flex-direction:column;gap:.15rem;margin-top:.15rem;padding:.6rem .85rem;border:2px solid color-mix(in srgb,var(--pick) 50%,var(--shell-line));border-radius:.7rem;background:color-mix(in srgb,var(--shell) 80%,transparent)}.pick-ability strong{font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;color:var(--pick)}.pick-ability p{margin:0;font-size:.68rem;line-height:1.5;color:var(--dim)}.pick-roster{flex:none;display:flex;justify-content:center;align-items:center;gap:.45rem;padding:.3rem 0 .1rem}.pick-chip{position:relative;min-height:0;flex:0 0 auto;width:clamp(1.85rem,calc((100vw - 2.5rem)/8 - .45rem),2.5rem);aspect-ratio:1;height:auto;padding:0;border:3px solid var(--ink);border-radius:50%;background:var(--pick);transition:transform .12s ease,box-shadow .12s ease}.pick-chip.is-shown{transform:scale(1.2);box-shadow:0 0 0 3px var(--paper),0 0 16px color-mix(in srgb,var(--pick) 70%,transparent)}.pick-chip.is-mine:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:var(--ink);font-size:1rem;font-weight:900}.pick-chip.is-gone{background:var(--shell-raised);border-color:var(--shell-line);opacity:.55}.pick-chip.is-gone:after{content:"";position:absolute;left:18%;right:18%;top:50%;height:3px;background:var(--shell-line);transform:rotate(-45deg)}.pick-go{flex:none;min-height:3.4rem;margin-top:.15rem;font-size:1rem;font-weight:800;letter-spacing:.1em;border:3px solid var(--ink);border-radius:.75rem;box-shadow:0 5px 0 var(--ink);background:var(--shell-raised);color:var(--dim);transition:transform 90ms ease,box-shadow 90ms ease}.pick-go.is-ready{background:var(--pick);color:var(--ink)}.pick-go:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}@media (prefers-reduced-motion: reduce){.pick-art{animation:none}.pick-chip{transition:none}}.trace-surface{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:calc(var(--safe-top) + 1rem) 1.25rem calc(var(--safe-bottom) + 1rem);touch-action:none;background:radial-gradient(120% 80% at 50% 50%,color-mix(in srgb,var(--red) 12%,transparent),transparent 70%),var(--shell)}.trace-ink{position:absolute;inset:0;pointer-events:none}.trace-corner{position:absolute;width:4.5rem;height:4.5rem;border:4px dashed var(--red);pointer-events:none;animation:trace-corner-pulse 1.8s ease-in-out infinite}.trace-corner.is-tl{top:0;left:0;border-right:none;border-bottom:none;border-radius:1.5rem 0 0}.trace-corner.is-tr{top:0;right:0;border-left:none;border-bottom:none;border-radius:0 1.5rem 0 0}.trace-corner.is-br{bottom:0;right:0;border-left:none;border-top:none;border-radius:0 0 1.5rem}.trace-corner.is-bl{bottom:0;left:0;border-right:none;border-top:none;border-radius:0 0 0 1.5rem}@keyframes trace-corner-pulse{0%,to{opacity:.45}50%{opacity:1}}.trace-hint.is-drawn{opacity:.55}.trace-hint{display:flex;flex-direction:column;align-items:center;gap:.6rem;max-width:26rem;text-align:center;pointer-events:none}.trace-hint .cue-copy.dim{color:var(--dim);font-size:.7rem}.trace-warning{margin:0;max-width:26rem;padding:.6rem .9rem;border:2px solid var(--red);border-radius:.6rem;background:color-mix(in srgb,var(--red-deep) 30%,var(--shell));font-size:.72rem;line-height:1.45;text-align:center;pointer-events:none}.trace-actions{display:flex;gap:.6rem;width:100%;max-width:26rem}.trace-actions button{flex:1}.wordmark{margin:0;align-self:center;user-select:none}.wordmark img{display:block;width:min(86vw,24rem);height:auto}.wordmark.is-landing{animation:wordmark-land .52s cubic-bezier(.2,1.4,.5,1) both}@keyframes wordmark-land{0%{transform:scale(.86) translateY(-8%);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.wordmark.is-landing,.seat.is-next,.dot-in-tray.is-wanted{animation:none}.trace-corner{animation:none;opacity:.7}.attract{transition:none}}.table-label{font-size:.6rem;letter-spacing:.1em;color:var(--dim);background:color-mix(in srgb,var(--shell) 70%,transparent);padding:.25rem .5rem;border-radius:.25rem}