:root{--table: #10161f;--table-glow: #1a2430;--felt: #1c2634;--felt-line: #263140;--frame: #0c1118;--ivory: #f1e4c6;--ivory-deep: #dfcda6;--ink: #2b2115;--brass: #e0a63f;--brass-soft: #b78a3f;--dl: #2f6d75;--tl: #37764c;--dw: #a85e2f;--tw: #a63d49;--text: #dfe6ee;--text-dim: #8b98a8;--danger: #d98b8b;--serif: Georgia, "Iowan Old Style", "Times New Roman", serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:radial-gradient(1100px 700px at 50% -10%,var(--table-glow),var(--table)) fixed;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}#app{display:flex;flex-direction:column;height:100dvh;max-width:880px;margin:0 auto;padding:10px 14px calc(8px + env(safe-area-inset-bottom));user-select:none;-webkit-user-select:none}#topbar{display:flex;align-items:center;gap:10px}.seat{flex:1;display:flex;align-items:center;gap:10px;min-width:0;padding:6px 8px;border-radius:12px;border:1px solid transparent;transition:border-color .3s,background-color .3s}.seat.right{justify-content:flex-end;text-align:right}.seat.active{border-color:color-mix(in oklab,var(--brass) 45%,transparent);background:color-mix(in oklab,var(--brass) 7%,transparent)}.seat.offline .avatar{filter:grayscale(1);opacity:.55}.avatar{width:36px;height:36px;border-radius:50%;background:var(--felt-line);display:grid;place-items:center;font:700 16px var(--serif);color:var(--text-dim);overflow:hidden;flex:none}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.seat.active .avatar{box-shadow:0 0 0 2px var(--brass),0 0 14px color-mix(in oklab,var(--brass) 55%,transparent);color:var(--brass)}.seatmeta{display:flex;flex-direction:column;min-width:0}.seatname{font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat.mine .seatname:after{content:" · you";color:var(--brass-soft)}.seatscore{font:700 24px/1.1 var(--serif);color:var(--ivory);font-variant-numeric:tabular-nums}.seat.empty .seatscore{visibility:hidden}#centerbar{text-align:center;flex:none}#wordmark{font:italic 700 13px var(--serif);letter-spacing:.38em;text-transform:uppercase;color:var(--brass-soft);padding-left:.38em}#status{font-size:13px;margin-top:2px}#status.pulse{animation:pulse 1.1s ease 2}@keyframes pulse{40%{color:var(--brass);text-shadow:0 0 12px color-mix(in oklab,var(--brass) 60%,transparent)}}#bagline{font-size:11px;color:var(--text-dim);margin-top:1px}#lastmove{min-height:20px;text-align:center;font-size:12.5px;color:var(--text-dim);padding:3px 0}#lastmove strong{color:var(--ivory);font-family:var(--serif);letter-spacing:.04em}#lastmove .mono{font-family:ui-monospace,monospace;color:var(--text);user-select:text;-webkit-user-select:text}#boardpick{display:flex;justify-content:center;gap:8px;padding:6px 0 2px;flex-wrap:wrap;max-height:32dvh;overflow-y:auto}#app.picking{--vchrome: calc(252px + 32dvh) }#boardpick button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;background:#1b2531;border:1px solid #2a3543;border-radius:10px;text-align:left}#boardpick button strong{font:700 13px var(--serif);color:var(--ivory);letter-spacing:.03em}#boardpick button span{font-size:11px;color:var(--text-dim)}#boardpick button.current{border-color:var(--brass);background:color-mix(in oklab,var(--brass) 10%,#1b2531)}#boardpick button.current strong{color:var(--brass)}#boardwrap{flex:1;min-height:0;display:grid;place-items:center;padding:4px 0}#board{position:relative;max-width:100%;padding:1%;background:linear-gradient(160deg,#121a24,var(--frame));border:1px solid #060a10;border-radius:12px;box-shadow:0 14px 40px #00000073,inset 0 1px #ffffff0a;container-type:inline-size}.cell{position:absolute;background:var(--felt);border-radius:14%;display:grid;place-items:center;touch-action:none}.cell.hexcell{border-radius:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.p-DL{background:color-mix(in oklab,var(--dl) 52%,var(--felt))}.p-TL{background:color-mix(in oklab,var(--tl) 52%,var(--felt))}.p-DW{background:color-mix(in oklab,var(--dw) 48%,var(--felt))}.p-TW{background:color-mix(in oklab,var(--tw) 52%,var(--felt))}.starcell{background:color-mix(in oklab,var(--brass) 20%,var(--felt))}.plabel{font-family:var(--sans);font-weight:700;font-size:calc(var(--cellw, .066) * 28cqw);letter-spacing:.06em;color:#e9f0f8b8}.plabel.star{font-size:calc(var(--cellw, .066) * 50cqw);color:var(--brass)}.tile{position:absolute;inset:3%;border-radius:12%;background:linear-gradient(170deg,var(--ivory),var(--ivory-deep));color:var(--ink);display:grid;place-items:center;box-shadow:inset 0 1px #fff9,0 2px 3px #00000080;touch-action:none}.tile .tl{font-family:var(--serif);font-weight:700;font-size:calc(var(--cellw, .066) * 58cqw);line-height:1}.tile .tv{position:absolute;right:9%;bottom:5%;font-family:var(--sans);font-weight:700;font-size:calc(var(--cellw, .066) * 25cqw);opacity:.75}.shape-hex #board .tile,.shape-hex .slot,.shape-hex .slot .tile,.shape-hex .ghost .tile{border-radius:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.shape-hex .tile .tv{right:auto;left:50%;translate:-50% 0;bottom:9%}.shape-hex .tile.isblank:before{top:12%;left:44%}.tile.isblank:before{content:"";position:absolute;top:8%;left:8%;width:12%;aspect-ratio:1;border-radius:50%;background:var(--brass);opacity:.85}.tile.pending{box-shadow:0 0 0 2px var(--brass),0 4px 10px #0000008c;translate:0 -3%;animation:settle .18s ease}@keyframes settle{0%{scale:1.18}to{scale:1}}.tile.last{box-shadow:inset 0 1px #fff9,0 0 0 2px color-mix(in oklab,var(--brass) 70%,transparent),0 2px 3px #00000080}#dock{flex:none}#rack{display:flex;justify-content:center;gap:7px;padding:9px 0 3px}.slot{width:clamp(42px,11vw,56px);aspect-ratio:1 / 1.04;border-radius:10px;background:#0000004d;box-shadow:inset 0 2px 5px #00000080;position:relative;touch-action:none}.slot .tile{inset:4% 5%;cursor:grab}.slot .tile .tl{font-size:clamp(19px,4.6vw,24px)}.slot .tile .tv{font-size:10px}.slot.picked .tile{translate:0 -12%;box-shadow:0 0 0 2px var(--brass),0 6px 12px #0000008c}.slot.swapping .tile{translate:0 -12%;box-shadow:0 0 0 2px var(--dl),0 6px 12px #0000008c;filter:saturate(.6) brightness(.9)}.ghost{position:fixed;left:-27px;top:-30px;width:54px;height:58px;pointer-events:none;z-index:40;opacity:.95}.ghost .tile{position:absolute;inset:0}.ghost .tile .tl{font-size:25px}.ghost .tile .tv{font-size:10px}body.dragging{cursor:grabbing}#actions{padding-top:7px}.actionrow{display:flex;align-items:center;justify-content:center;gap:8px}.actionrow .spacer{flex:1;max-width:30px}button{font:600 13px var(--sans);color:var(--text);background:#232e3c;border:1px solid #303d4d;border-radius:9px;padding:9px 14px;cursor:pointer}button:hover:not(:disabled){background:#2a3747}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}button.quiet{background:transparent;border-color:#2a3543;color:var(--text-dim)}button.quiet:hover:not(:disabled){color:var(--text);background:#ffffff0a}button.danger{color:var(--danger)}button.armed{background:#6e2c35;border-color:#8d3a46;color:#fff}#btn-play{min-width:96px}#btn-play.ready{background:var(--brass);border-color:var(--brass);color:#1c1710;box-shadow:0 3px 14px color-mix(in oklab,var(--brass) 40%,transparent)}#preview{margin-left:7px;padding:1px 7px;border-radius:999px;background:#00000038;font-variant-numeric:tabular-nums}#swap-help{font-size:12.5px;color:var(--text-dim)}#btn-swap-go:not(:disabled){background:var(--dl);border-color:var(--dl)}#hint{min-height:17px;text-align:center;font-size:12px;color:var(--text-dim);padding-top:5px}.spectator #rack,.spectator #actions{display:none}#toast{position:fixed;left:50%;bottom:132px;translate:-50% 0;background:#43262b;border:1px solid #b05560;color:#ffe9e9;font-size:13px;padding:10px 16px;border-radius:10px;z-index:50;max-width:min(88vw,420px);text-align:center;box-shadow:0 8px 24px #00000080}#toast.show{animation:toast-in .25s ease}@keyframes toast-in{0%{translate:-50% 8px;opacity:0}}.modal{position:fixed;inset:0;background:#05080cb8;display:grid;place-items:center;z-index:60}.modal-card{background:#1a232f;border:1px solid #2c3947;border-radius:16px;padding:24px;width:min(92vw,380px);box-shadow:0 24px 70px #0009;text-align:center}.modal-title{font:700 22px var(--serif);color:var(--ivory);margin:0 0 14px}.modal-sub{font-size:12.5px;color:var(--text-dim);margin:12px 0 0}#blankgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}#blankgrid button{aspect-ratio:1;padding:0;font:700 17px var(--serif);color:var(--ink);background:linear-gradient(170deg,var(--ivory),var(--ivory-deep));border:none;border-radius:8px}#blankgrid button:hover{box-shadow:0 0 0 2px var(--brass);background:var(--ivory)}.finals{display:flex;flex-direction:column;gap:8px}.finalrow{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;padding:8px 12px;background:#00000040;border-radius:10px}.finalrow strong{font:700 22px var(--serif);color:var(--ivory);font-variant-numeric:tabular-nums}#btn-rematch{margin-top:18px;width:100%;background:var(--brass);border-color:var(--brass);color:#1c1710;font-size:14px;padding:11px}#veil,#veil-boot{position:fixed;inset:0;background:radial-gradient(1100px 700px at 50% -10%,var(--table-glow),var(--table));display:grid;place-items:center;z-index:70}.veil-card{text-align:center}.veil-tiles{display:flex;gap:8px;justify-content:center}.veil-tiles .tile.demo{position:static;width:46px;height:50px;font:700 24px var(--serif);animation:bob 1.6s ease-in-out infinite}.veil-tiles .tile.demo:nth-child(2){animation-delay:.12s}.veil-tiles .tile.demo:nth-child(3){animation-delay:.24s}.veil-tiles .tile.demo:nth-child(4){animation-delay:.36s}.veil-tiles .tile.demo:nth-child(5){animation-delay:.48s}@keyframes bob{50%{translate:0 -7px}}.veil-card p{color:var(--text-dim);font-size:13.5px;margin-top:18px}@media(max-width:560px){#app{padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.seatscore{font-size:19px}.avatar{width:30px;height:30px}#wordmark{display:none}button{padding:8px 10px}#btn-play{min-width:80px}}#app.embed{padding:4px 8px calc(4px + env(safe-area-inset-bottom))}#app.embed #wordmark{display:none}#app.embed #topbar{gap:8px}@media(prefers-reduced-motion:reduce){.veil-tiles .tile.demo,#status.pulse,.tile.pending,#toast.show{animation:none}.seat,.tile{transition:none}}.cell.voidcell{background:radial-gradient(closest-side,#04060a,#0c1017);box-shadow:inset 0 2px 10px #000000d9;border-radius:10%}.cell.tri-up,.cell.tri-down{border-radius:0}.cell.tri-up{clip-path:polygon(50% 0%,100% 100%,0% 100%)}.cell.tri-down{clip-path:polygon(0% 0%,100% 0%,50% 100%)}.cell.tri-up .tile{border-radius:0;clip-path:polygon(50% 0%,100% 100%,0% 100%)}.cell.tri-down .tile{border-radius:0;clip-path:polygon(0% 0%,100% 0%,50% 100%)}.cell.tri-up .tl,.cell.tri-down .tl{font-size:calc(var(--cellw, .066) * 42cqw)}.cell.tri-up .tl,.cell.tri-up .plabel{translate:0 24%}.cell.tri-down .tl,.cell.tri-down .plabel{translate:0 -24%}.cell.tri-up .plabel,.cell.tri-down .plabel{font-size:calc(var(--cellw, .066) * 22cqw)}.cell.tri-up .tv,.cell.tri-down .tv{right:auto;left:50%;translate:-50% 0}.cell.tri-up .tv{bottom:5%}.cell.tri-down .tv{top:6%;bottom:auto}.cell.tri-up .tile.isblank:before{top:auto;bottom:12%;left:14%}.shape-tri .slot .tile,.shape-tri .ghost .tile{border-radius:0;clip-path:polygon(50% 0%,100% 100%,0% 100%)}.shape-tri .slot .tile .tl{translate:0 14%}.shape-tri .slot .tile .tv{right:auto;left:50%;translate:-50% 0;bottom:3%;font-size:9px}.cell.zone-open{filter:brightness(.72)}.cell.zone-open.starcell{filter:brightness(1)}.cell.zone-theirs{filter:brightness(.55) saturate(.55)}.cell.zone-mine{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--brass) 18%,transparent)}.cell.doorcell{background:color-mix(in oklab,var(--brass) 14%,var(--felt));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--brass) 35%,transparent)}.plabel.doorlabel{color:var(--brass);font-size:calc(var(--cellw, .066) * 52cqw);line-height:1}.cell.unsupported{filter:brightness(.6)}.cell.unsupported:after{content:"";position:absolute;inset:30%;border:1px dashed rgba(139,152,168,.35);border-radius:20%}.scene-outer{position:relative;overflow:hidden;perspective:1400px;touch-action:none;cursor:grab}.scene-outer:active{cursor:grabbing}.scene{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}.pivot{position:absolute;transform-style:preserve-3d}.slab{position:absolute;transform-style:preserve-3d;transform-origin:0 0;background:color-mix(in oklab,var(--frame) 92%,transparent);box-shadow:inset 0 0 0 1px #ffffff0a}.scene .cell .tl{font-size:22px}.scene .cell .tv{font-size:9px}.scene .plabel{font-size:11px}.scene .plabel.star,.scene .plabel.doorlabel{font-size:20px}.viewbtn{position:absolute;top:8px;right:8px;z-index:5;padding:5px 10px;font-size:12px;background:#00000073;border-color:#3a4756}.orbit-hint{position:absolute;bottom:8px;left:50%;translate:-50% 0;font-size:11px;color:var(--text-dim);pointer-events:none}.arcs{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:visible}.arcs path{fill:none;stroke:var(--text-dim);stroke-width:.07;stroke-linecap:round;opacity:.35}.arcs line{stroke-width:.09;stroke-linecap:round}.shell-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.cell.hovered{box-shadow:inset 0 0 0 2px #f0f5fc59}.cell.adj{box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--brass) 40%,transparent)}.cell.adj-warp{box-shadow:inset 0 0 0 2px var(--brass),0 0 10px color-mix(in oklab,var(--brass) 55%,transparent)}@media(prefers-reduced-motion:no-preference){.cell.adj-warp{transition:box-shadow .12s ease}}.cell.ghostcell{opacity:.5;background:transparent;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--brass) 45%,transparent);border-radius:18%}.cell.ghostcell .tile{box-shadow:none}.cell.ghostcell .plabel{opacity:.8}.cell.ghostcell.adj-warp,.cell.ghostcell.hovered{opacity:.95}