:root{--ink:#12141f;--ink-soft:#191c2a;--baize:#1c3327;--baize-line:#2c4a3b;--paper:#efe7d6;--paper-dim:#c9c2ae;--brass:#cc9a4a;--brass-soft:#8a6a35;--ink-text:#171512;--good:#6fa287;--bad:#c15c5c;--p1:#d0473e;--p2:#e0872a;--p3:#c2c229;--p4:#3f9fd6;--p5:#7b68c4;--p6:#c6519a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--ink);color:var(--paper-dim);-webkit-font-smoothing:antialiased;font-family:ui-serif,Georgia,Iowan Old Style,Palatino Linotype,serif}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.page{flex-direction:column;height:100dvh;display:flex;position:relative}.menu-trigger{border:1px solid var(--brass-soft);color:var(--paper-dim);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .8rem;font-family:ui-monospace,monospace;font-size:.68rem}.menu-trigger:hover{border-color:var(--brass);color:var(--paper)}.masthead{flex:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .85rem;display:flex}.title-block{align-items:baseline;gap:.5rem;display:flex}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.62rem}.wordmark{letter-spacing:.02em;color:var(--paper);margin:0;font-family:ui-sans-serif,Arial Narrow,Helvetica Neue,Helvetica,sans-serif;font-size:1.15rem;font-weight:800;font-stretch:75%;line-height:1.1}.device{flex:1;min-height:0;display:flex}.bezel{width:100%;display:flex;position:relative}.screen{background:radial-gradient(ellipse at 50% 42%, var(--baize-line) 0%, var(--baize) 62%);flex:1;min-height:0;position:relative;overflow:hidden}.screen.active-turn:before{content:"";pointer-events:none;background:radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--turn-color,var(--brass)) 45%, transparent) 0%, transparent 72%);position:absolute;inset:0}.puck{aspect-ratio:1;background:repeating-radial-gradient(circle,#0c0d13 0 2px,#232430 3px 5px);border-radius:50%;justify-content:center;align-items:center;width:16.5%;transition:opacity .3s,transform .3s,filter .3s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 14px -6px #0000008c}.puck-center{aspect-ratio:1;background:var(--paper);border-radius:50%;justify-content:center;align-items:center;width:66%;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000004d,inset 0 1px 2px #0000002e}.puck-label{flex-direction:column;align-items:center;gap:.05rem;width:100%;display:flex}.puck-label.spinning{animation:16s linear infinite puckspin}@keyframes puckspin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.puck-label.spinning{animation:none!important}}.p-name{letter-spacing:.02em;color:var(--ink-text);opacity:.72;font-family:ui-serif,Georgia,serif}.p-count{font-variant-numeric:tabular-nums;color:var(--ink-text);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.4rem;font-weight:800;line-height:1}.puck.idle{opacity:.92}.puck.dim{opacity:.7;filter:saturate(.65);transform:translate(-50%,-50%)scale(.92)}.seat-topmid{top:12%;left:50%}.seat-ne{top:16%;left:87%}.seat-se{top:84%;left:87%}.seat-bottommid{top:88%;left:50%}.seat-sw{top:84%;left:13%}.seat-nw{top:16%;left:13%}.stage{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex;position:absolute;inset:0}.stage.face-0{transform:rotate(0)}.stage.face-180{transform:scale(-1)}.puck.active-turn{animation:1.5s ease-in-out infinite puck-pulse}@keyframes puck-pulse{0%,to{box-shadow:0 0 0 3px var(--player-color), 0 6px 14px -6px #0000008c}50%{box-shadow:0 0 0 4px var(--player-color), 0 0 0 16px color-mix(in srgb, var(--player-color) 55%, transparent), 0 6px 14px -6px #0000008c}}@media (prefers-reduced-motion:reduce){.puck.active-turn{animation:none}}.ruler-wrap{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.cards-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;width:100%;padding-bottom:.3rem;overflow:auto hidden}.cards-scroll::-webkit-scrollbar{display:none}.cards{justify-content:center;align-items:flex-end;gap:1.4rem;width:max-content;min-width:100%;margin-top:4.5rem;padding:.5rem 2rem 0;display:flex}.card{background:var(--paper);color:var(--ink-text);aspect-ratio:3/4;scroll-snap-align:center;background-position:50%;background-size:cover;border-radius:10px;flex-direction:column;flex:none;justify-content:flex-end;height:min(48vh,22rem);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px -10px #000000a6}.card .year{font-variant-numeric:tabular-nums;color:var(--paper);z-index:1;background:#171512ad;border-radius:6px;padding:.2rem .55rem;font-family:ui-sans-serif,Arial Narrow,sans-serif;font-size:1.6rem;font-weight:800;font-stretch:75%;position:absolute}.year-tl{top:.6rem;left:.6rem}.year-br{bottom:.6rem;right:.6rem;transform:rotate(180deg)}.card-diagonal{text-align:center;background:#0a090880;flex-direction:column;align-items:center;gap:.1rem;width:165%;padding:.5rem 0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-53.13deg)}.card-title{color:var(--paper);text-shadow:0 1px 4px #000000d9;white-space:nowrap;text-overflow:ellipsis;max-width:82%;font-family:ui-serif,Georgia,serif;font-size:1.2rem;font-weight:700;line-height:1.2;overflow:hidden}.card-artist{color:var(--paper-dim);text-shadow:0 1px 4px #000000d9;white-space:nowrap;text-overflow:ellipsis;max-width:82%;font-family:ui-monospace,monospace;font-size:.88rem;overflow:hidden}.card.slot{background:radial-gradient(ellipse at 50% 30%, var(--brass-soft) 0%, var(--ink-soft) 72%);border:2px solid var(--brass);color:var(--brass);box-shadow:0 0 0 1px #cc9a4a40,0 0 32px -4px #cc9a4abf}.card.slot:not(.revealed){justify-content:center;align-items:center}.card.slot .mark{text-shadow:0 0 22px #cc9a4ad9;font-family:ui-serif,serif;font-size:4.5rem;font-weight:700;transform:rotate(-6deg)}.card.slot.revealed.good{border-style:solid;border-color:var(--good);background-color:var(--paper);color:var(--ink-text);box-shadow:0 0 24px -4px #6fa287b3}.card.slot.revealed.bad{border-style:solid;border-color:var(--bad);background-color:var(--paper);color:var(--ink-text);box-shadow:0 0 24px -4px #c15c5cb3}.mystery-card{z-index:5;cursor:grab;scroll-snap-align:none;touch-action:none;position:relative;top:-2.4rem;box-shadow:0 0 0 1px #cc9a4a40,0 20px 40px -12px #000000bf,0 0 32px -4px #cc9a4abf}.mystery-card:active{cursor:grabbing}.turn-controls{z-index:5;background:#171512cc;border-radius:999px;flex-direction:column;align-items:center;gap:.4rem;padding:.45rem .4rem;display:flex;position:absolute;box-shadow:0 0 0 1px #cc9a4a40}.turn-controls.seat-nw,.turn-controls.seat-sw{left:31%}.turn-controls.seat-ne,.turn-controls.seat-se{left:69%}.turn-controls.seat-topmid{top:12%;left:68%}.turn-controls.seat-bottommid{top:88%;left:68%}.turn-controls.shift-right,.turn-controls.shift-left{transform:translate(-50%,-50%)}.turn-controls.rotated{transform:translate(-50%,-50%)rotate(180deg)}.turn-controls .icon-btn{width:1.9rem;height:1.9rem;color:var(--paper);background:0 0;border-color:#0000;font-size:.7rem}.turn-controls .icon-btn:hover{border-color:#0000}.turn-controls .volume-row{flex-direction:column;gap:.15rem;padding-top:0}.turn-controls .volume-slider{flex:none;width:3.4rem}.turn-controls .volume-value{text-align:center;width:auto;font-size:.55rem}.controls{align-items:center;gap:.7rem;display:flex}.dispute-btn{padding:.5rem 1rem;font-size:.78rem}.dispute-form{align-items:center;gap:.4rem;display:flex;position:relative}.dispute-input{background:var(--ink);width:5rem;color:var(--paper);font-variant-numeric:tabular-nums;border:1px solid #efe7d626;border-radius:8px;padding:.5rem .6rem;font-family:ui-monospace,monospace;font-size:.9rem}.dispute-input:focus-visible{outline:2px solid var(--brass);outline-offset:1px}.dispute-error{width:max-content;max-width:16rem;color:var(--bad);margin:.4rem 0 0;font-family:ui-monospace,monospace;font-size:.72rem;position:absolute;top:100%;left:0}.btn{background:var(--brass);color:var(--ink-text);cursor:pointer;border:none;border-radius:999px;padding:.55rem 1.3rem;font-size:.85rem;font-weight:700;box-shadow:0 6px 14px -6px #0009}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn:disabled:hover{filter:none}.icon-btn{background:var(--ink-soft);width:2.6rem;height:2.6rem;color:var(--paper);border:1px solid var(--brass-soft);box-shadow:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;display:flex}.icon-btn:hover{filter:none;border-color:var(--brass)}.result-banner{z-index:20;opacity:0;pointer-events:none;position:absolute;top:50%;left:50%}.result-banner-text{letter-spacing:.02em;border-radius:999px;padding:1.2rem 3.2rem;font-family:ui-serif,Georgia,serif;font-size:3.8rem;font-weight:800;display:inline-block}.result-banner.good .result-banner-text{color:var(--good);background:color-mix(in srgb, var(--good) 24%, var(--ink) 76%);box-shadow:0 0 0 2px var(--good), 0 0 70px -6px var(--good)}.result-banner.bad .result-banner-text{color:var(--bad);background:color-mix(in srgb, var(--bad) 24%, var(--ink) 76%);box-shadow:0 0 0 2px var(--bad), 0 0 70px -6px var(--bad)}.result-banner.good{animation:1.2s cubic-bezier(.34,1.56,.64,1) forwards result-pop-good}.result-banner.bad{animation:1.2s forwards result-pop-bad}@keyframes result-pop-good{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.18)}45%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.92)}}@keyframes result-pop-bad{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}10%{opacity:1;transform:translate(-50%,-50%)scale(1)}20%{transform:translate(calc(-50% - 14px),-50%)scale(1)}30%{transform:translate(calc(14px - 50%),-50%)scale(1)}40%{transform:translate(calc(-50% - 8px),-50%)scale(1)}50%{transform:translate(calc(8px - 50%),-50%)scale(1)}60%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.92)}}@media (prefers-reduced-motion:reduce){.result-banner.good,.result-banner.bad{opacity:1;animation:none;transform:translate(-50%,-50%)}}.handoff{position:absolute}.setup-board{padding:0}.setup-seat{aspect-ratio:1;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:16.5%;padding:0 .3rem;transition:transform .15s;display:flex;position:absolute;transform:translate(-50%,-50%)}.setup-seat.empty{border:2px dashed var(--brass-soft);background:0 0}.setup-seat.empty:hover{border-color:var(--brass)}.setup-seat.claimed{background:repeating-radial-gradient(circle,#0c0d13 0 2px,#232430 3px 5px);border:none;box-shadow:0 6px 14px -6px #0000008c}.setup-seat.editing{transform:translate(-50%,-50%)scale(1.08)}.setup-seat-plus{color:var(--brass-soft);font-family:ui-monospace,monospace;font-size:1.4rem}.setup-seat-label{aspect-ratio:1;background:var(--paper);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;width:66%;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000004d,inset 0 1px 2px #0000002e}.setup-seat-name{color:var(--ink-text);opacity:.72;text-overflow:ellipsis;white-space:nowrap;max-width:90%;font-family:ui-serif,Georgia,serif;font-size:.78rem;font-weight:600;overflow:hidden}.setup-seat-theme{letter-spacing:.02em;text-transform:uppercase;color:var(--brass-soft);text-overflow:ellipsis;white-space:nowrap;max-width:85%;font-family:ui-monospace,monospace;font-size:.5rem;overflow:hidden}.setup-seat-theme.missing{color:var(--bad);opacity:.85}.setup-seat-starter{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--brass);white-space:nowrap;border-radius:999px;padding:.15rem .5rem;font-family:ui-monospace,monospace;font-size:.6rem;font-weight:700;position:absolute;top:-1.5rem;left:50%;transform:translate(-50%)}.setup-seat-starter.below{top:auto;bottom:-1.5rem}.setup-hub{text-align:center;flex-direction:column;align-items:center;gap:.6rem;width:60%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.setup-editor{flex-direction:column;align-items:center;gap:.7rem;width:100%;display:flex}.setup-editor .player-name-input{text-align:center;width:12rem}.setup-editor-actions{gap:.6rem;display:flex}.swatches{flex-wrap:wrap;justify-content:center;gap:.35rem;max-width:14rem;display:flex}.swatch{cursor:pointer;border:none;border-radius:50%;width:1.5rem;height:1.5rem;padding:0}.swatch.selected{box-shadow:0 0 0 2px var(--ink), 0 0 0 4px var(--paper)}.swatch.taken{opacity:.32;cursor:not-allowed}.swatch:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.seat-theme-picker{flex-direction:column;align-items:center;gap:.4rem;width:100%;display:flex}.seat-theme-label{text-transform:uppercase;letter-spacing:.05em;color:var(--paper-dim);font-size:.7rem}.seat-theme-chips{flex-wrap:wrap;justify-content:center;gap:.35rem;max-width:16rem;display:flex}.seat-theme-chip{border:1px solid var(--brass-soft);color:var(--paper-dim);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border-radius:999px;max-width:8rem;padding:.3rem .65rem;font-size:.7rem;overflow:hidden}.seat-theme-chip:hover{border-color:var(--brass)}.seat-theme-chip.selected{background:color-mix(in srgb, var(--brass) 24%, transparent);border-color:var(--brass);color:var(--paper)}.seat-theme-chip-new{border-style:dashed}.seat-theme-new-form{flex-direction:column;gap:.5rem;width:100%;max-width:14rem;display:flex}.gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;padding:0 2rem;display:flex;position:absolute;inset:0}.gate-title{color:var(--paper);margin:0;font-family:ui-sans-serif,Arial Narrow,sans-serif;font-size:1.5rem;font-weight:800;font-stretch:75%}.gate-hint{max-width:32em;color:var(--paper-dim);margin:0;font-size:.85rem}.gate-hint code{background:#efe7d61a;border-radius:4px;padding:.1rem .35rem;font-family:ui-monospace,monospace}.gate-error{color:var(--bad);margin:0;font-family:ui-monospace,monospace;font-size:.75rem}.device-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.volume-row{align-items:center;gap:.6rem;padding-top:.2rem;display:flex}.volume-slider{accent-color:var(--brass);flex:1}.volume-value{text-align:right;font-variant-numeric:tabular-nums;width:2.6rem;color:var(--paper-dim);flex:none;font-family:ui-monospace,monospace;font-size:.75rem}.btn.ghost{border:1px solid var(--brass-soft);color:var(--paper-dim);box-shadow:none;background:0 0}.starter-toggle.selected{border-color:var(--brass);color:var(--brass);background:color-mix(in srgb, var(--brass) 14%, transparent)}.prompt-input{background:var(--ink);width:100%;color:var(--paper);border:1px solid #efe7d626;border-radius:8px;padding:.5rem .7rem;font-family:ui-serif,Georgia,serif;font-size:.9rem}.prompt-input:focus-visible{outline:2px solid var(--brass);outline-offset:1px}.deck-picker{flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;padding:1.5rem;display:flex;overflow-y:auto}.deck-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;width:min(100%,60rem);display:grid}.deck-card{--deck-accent:var(--brass);text-align:left;border:1px solid color-mix(in srgb, var(--deck-accent) 45%, #efe7d626);background:radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--deck-accent) 28%, transparent) 0%, transparent 60%), var(--ink-soft);min-height:8rem;color:var(--paper);cursor:pointer;border-radius:14px;flex-direction:column;align-items:flex-start;gap:.4rem;padding:1.1rem 1.2rem;transition:transform .15s,border-color .15s;display:flex;position:relative}.deck-card:before{content:"";background:var(--deck-accent);width:.7rem;height:.7rem;box-shadow:0 0 10px 1px color-mix(in srgb, var(--deck-accent) 70%, transparent);border-radius:50%;position:absolute;top:1.1rem;right:1.1rem}.deck-card:hover,.deck-card:focus-visible{border-color:var(--deck-accent);transform:translateY(-2px)}.deck-card:focus-visible{outline:2px solid var(--deck-accent);outline-offset:2px}.deck-card-name{color:var(--paper);font-family:ui-serif,Georgia,serif;font-size:1.05rem;font-weight:700}.deck-card-desc{color:var(--paper-dim);font-size:.78rem;line-height:1.4}.deck-card-count{letter-spacing:.04em;text-transform:uppercase;color:var(--deck-accent);margin-top:auto;padding-top:.3rem;font-size:.68rem;font-weight:600}.deck-card-custom{--deck-accent:var(--paper-dim);border-style:dashed}.deck-card-custom.open{cursor:default}.deck-card-per-seat{--deck-accent:var(--p5);border-style:dashed}.deck-card-saved{--deck-accent:var(--brass-soft)}.deck-card-saved:before{display:none}.deck-card-saved[aria-disabled=true]{opacity:.6;cursor:not-allowed}.deck-card-delete{width:1.6rem;height:1.6rem;color:var(--paper-dim);cursor:pointer;box-shadow:none;background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.05rem;line-height:1;display:flex;position:absolute;top:.6rem;right:.6rem}.deck-card-delete:hover{color:var(--paper);background:#00000080}.deck-card-custom-form{flex-direction:column;gap:.5rem;width:100%;display:flex}.deck-size-row{cursor:default;flex-direction:column;gap:.25rem;display:flex}.deck-size-label{color:var(--paper-dim);font-size:.75rem}.deck-size-label strong{color:var(--paper);font-variant-numeric:tabular-nums}.deck-size-slider{width:100%;accent-color:var(--brass)}.toast-stack{flex-direction:column;flex:none;align-items:center;gap:.4rem;padding:0 .85rem .5rem;display:flex}.toast{text-align:center;background:#0a0b10e6;border:1px solid #efe7d626;border-radius:10px;width:min(100%,480px);margin:0;padding:.55rem .9rem;font-family:ui-monospace,monospace;font-size:.75rem;box-shadow:0 10px 24px -10px #0009}.toast.error{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 45%, #efe7d626)}.menu-overlay{z-index:10;background:#0a0b10b3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.menu-panel{background:var(--ink-soft);border:1px solid #efe7d61f;border-radius:16px;flex-direction:column;gap:1.1rem;width:min(360px,100%);max-height:85vh;padding:1.5rem;display:flex;overflow-y:auto;box-shadow:0 30px 60px -20px #000000b3}.menu-title{color:var(--paper);margin:0;font-family:ui-sans-serif,Arial Narrow,sans-serif;font-size:1.2rem;font-weight:800;font-stretch:75%}.menu-section{border-top:1px solid #efe7d61a;flex-direction:column;gap:.5rem;padding-top:1rem;display:flex}.menu-section:first-of-type{border-top:none;padding-top:0}.menu-label{letter-spacing:.12em;text-transform:uppercase;color:var(--brass);margin:0;font-family:ui-monospace,monospace;font-size:.65rem}.menu-current{color:var(--paper);margin:0;font-size:.95rem}.btn.ghost.current{border-color:var(--brass);color:var(--paper)}.btn.danger{border:1px solid var(--bad);color:var(--bad);box-shadow:none;background:0 0}.menu-close{align-self:center}.gameover{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:0 1.5rem;display:flex}.gameover .btn{margin-top:1rem}.gameover-label{letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin:0;font-family:ui-monospace,monospace;font-size:.75rem}.gameover-winners{color:var(--paper);margin:0;font-family:ui-sans-serif,Arial Narrow,sans-serif;font-size:2rem;font-weight:800;font-stretch:75%}.gameover-score{color:var(--paper-dim);margin:0}