:root{--accent:#0f766e;--background:#f5f7f9;--border:#d8dee5;--border-strong:#aab5c2;--button:#fff;--input:#fff;--muted:#667085;--panel:#fff;--text:#111827;color:var(--text);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0}h1{margin:0;font-size:30px;line-height:1.1}p{margin:0}.shell{min-height:100vh;padding:18px}.topbar{justify-content:space-between;align-items:flex-start;gap:14px;max-width:1440px;margin:0 auto 14px;display:flex}.game-brand p,.muted{color:var(--muted)}.game-brand h1,.game-brand p{margin:0}.game-brand p{margin-top:4px}.game-brand-compact{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:10px}.game-brand-title{font-size:18px;line-height:1.2;display:block}.game-brand-compact p{font-size:12px}.status{background:var(--panel);border:1px solid var(--border);color:var(--muted);text-align:right;border-radius:8px;gap:4px;max-width:520px;padding:8px 10px;display:grid}.status small{color:var(--accent)}.live-reconnecting small,.live-polling small{color:#92400e}.live-error small{color:#b91c1c}.action-alert{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;padding:8px 10px;display:flex}.action-alert button{color:#7f1d1d;background:#fff;border-color:#fca5a5}.screen,.game-layout{max-width:1440px;margin:0 auto}.screen-main,.panel,.hand-panel,.round-status,.player-roster{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px}.screen-main{max-width:760px}.screen-landing{background:radial-gradient(circle at 78% 18%, #0f766e17, transparent 34%), var(--panel);border:1px solid var(--border);border-radius:12px;grid-template-columns:minmax(300px,.9fr) minmax(390px,1.1fr);align-items:center;gap:clamp(24px,5vw,72px);min-height:min(720px,100vh - 124px);padding:clamp(22px,5vw,72px);display:grid;overflow:hidden}.landing-copy{gap:18px;max-width:640px;display:grid}.landing-eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.landing-copy h2{letter-spacing:-.045em;max-width:620px;margin:0;font-size:clamp(34px,5vw,64px);line-height:.98}.landing-premise{color:#344054;font-size:clamp(16px,1.5vw,19px);line-height:1.7}.landing-actions{flex-wrap:wrap;gap:8px;display:flex}.landing-actions button{min-height:42px;padding-inline:16px}.button-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:800}.button-primary:hover:not(:disabled){background:#115e59;border-color:#115e59}.landing-actions .button-tertiary{color:var(--muted);background:0 0;border-color:#0000;padding-inline:6px}.landing-hero-image{aspect-ratio:1;border-radius:12px;justify-self:center;width:min(100%,620px);min-width:0;max-width:100%;height:auto;display:block;box-shadow:0 28px 70px #0f172a38}.screen-main h2,.panel h2,.hand-panel h2,.game-board h2{margin:0 0 8px;font-size:16px}.form-grid{grid-template-columns:minmax(220px,1fr) minmax(160px,220px);gap:12px;display:grid}label{color:var(--muted);gap:5px;margin-bottom:8px;font-size:12px;display:grid}input{background:var(--input);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:6px;min-width:0;padding:7px 9px}.join-code-form{grid-template-columns:minmax(140px,1fr) auto;align-items:end;gap:8px;margin:0 0 12px;display:grid}.join-code-form label{margin:0}.join-code-form input{text-transform:uppercase;font-weight:700}button{background:var(--button);border:1px solid var(--border-strong);color:var(--text);cursor:pointer;font:inherit;border-radius:6px;min-height:34px;padding:6px 10px}button:hover:not(:disabled){border-color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{color:var(--muted);cursor:not-allowed;opacity:.6}.button-row{flex-wrap:wrap;gap:6px;display:flex}.endgame-replay{background:var(--panel);border:1px solid var(--border);border-radius:8px;gap:10px;margin-bottom:12px;padding:10px;display:grid}.replay-layout{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.replay-board{aspect-ratio:1;background:var(--input);border:1px solid var(--border);border-radius:6px;flex:340px;gap:2px;min-width:0;padding:6px;display:grid}.replay-cell{background:#f8fafc;border-radius:3px;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.replay-cell-red{background:#ee9797}.replay-cell-blue{background:#96b4f5}.replay-cell-green{background:#8fd3a8}.replay-cell-yellow{background:#e6c787}.replay-source{color:#111827;font-size:10px;font-weight:800;line-height:1}.replay-flash-marker{border:2px solid #fff;border-radius:999px;animation:.7s ease-out 2 both replay-flash-pulse;position:absolute;inset:20%;box-shadow:0 0 0 2px #111827,0 0 12px 4px #facc15}.replay-flash-sourceeliminated .replay-flash-marker{box-shadow:0 0 0 2px #7f1d1d,0 0 14px 5px #ef4444}@keyframes replay-flash-pulse{0%{opacity:1;transform:scale(.65)}to{opacity:.15;transform:scale(1.35)}}.replay-graph{background:var(--input);border:1px solid var(--border);border-radius:6px;flex:420px;gap:8px;min-width:0;padding:8px;display:grid}.replay-graph svg{width:100%;height:auto}.replay-graph-axis{stroke:var(--border-strong);stroke-width:1px}.replay-graph-playhead{stroke:var(--text);stroke-dasharray:4 3;stroke-width:2px}.replay-legend{flex-wrap:wrap;gap:8px;display:flex}.replay-legend span{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.replay-legend i{border-radius:999px;width:10px;height:10px;display:inline-block}.replay-controls{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.replay-controls label{margin:0}.replay-scrubber{flex:220px}.section-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.section-heading span{color:var(--muted)}.lobby-share{background:var(--input);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:10px;display:flex}.lobby-share h3{margin:0 0 6px;font-size:14px}.lobby-share dl{gap:6px;margin:0;display:grid}.lobby-share dt{color:var(--muted);font-size:12px}.lobby-share dd{overflow-wrap:anywhere;margin:0}.lobby-share a{color:var(--accent)}.share-link-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.share-link-row button{min-height:28px;padding:4px 8px;font-size:11px}.copy-error{color:#b91c1c;margin-top:3px;display:block}.lobby-share img{border:1px solid var(--border);background:#fff;border-radius:6px;flex:none;padding:4px}.join-code{letter-spacing:0;font-size:24px;font-weight:800}.board-heading{align-items:center}.board-size-control{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:6px;display:flex}.board-size-control label{align-items:center;gap:6px;margin:0;display:flex}.board-size-control span{font-size:11px;font-weight:700}.board-size-control select{min-height:28px;padding:4px 7px}.board-size-control button{min-height:28px;padding:4px 7px;font-size:11px}.facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 14px;display:grid}.facts div{background:var(--input);border:1px solid var(--border);border-radius:6px;padding:8px}.facts dt{color:var(--muted);font-size:12px}.facts dd{overflow-wrap:anywhere;margin:2px 0 0;font-weight:700}.game-list,.cards,.game-left{gap:4px;display:grid}.previous-round,.wall-target-controls{background:var(--panel);border:1px solid var(--border);border-radius:5px;padding:6px}.collapsible-section{gap:3px;display:grid}.collapsible-toggle{background:var(--panel);text-align:left;border-radius:5px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px;min-height:25px;padding:3px 6px;font-size:11px;display:grid}.collapsible-toggle span{font-weight:700}.collapsible-toggle small{color:var(--muted);font-size:10px;line-height:1}.collapsible-toggle strong{color:var(--accent);font-size:10px;font-weight:700;line-height:1}.previous-card-list{gap:4px;max-height:190px;display:grid;overflow:auto}.previous-card{border:1px solid var(--border);border-radius:5px;gap:2px;padding:5px;display:grid}.previous-card span,.previous-card small{color:var(--muted);font-size:10px}.power-summary{background:var(--input);border:1px solid var(--border);border-radius:5px;gap:4px;padding:7px;display:grid}.power-summary strong{font-size:13px}.power-summary span,.power-summary small{color:var(--muted);font-size:10px}.power-dialog-backdrop{z-index:42;background:#0f172a57;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.power-dialog{background:var(--panel);border:1px solid var(--border);border-radius:8px;gap:12px;width:min(760px,94vw);max-height:min(680px,92vh);padding:14px;display:grid;overflow:auto;box-shadow:0 22px 48px #0f172a3d}.power-dialog .section-heading{margin:0}.power-dialog .section-heading h2{margin:0;font-size:18px}.power-choice-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.power-choice{background:var(--input);text-align:left;border-radius:8px;align-items:start;gap:6px;min-height:156px;padding:10px;display:grid}.power-choice:hover:not(:disabled),.power-choice-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.power-choice strong{font-size:14px}.power-choice span,.power-choice small{color:var(--muted);font-size:11px}.power-dialog-actions{justify-content:end}.power-dialog-actions button{min-width:140px}.wall-target-controls{grid-template-columns:1fr 1fr;gap:5px;display:grid}.wall-target-controls label{gap:4px;display:grid}.wall-target-controls span{color:var(--muted);font-size:10px;font-weight:700}.list-item{text-align:left;grid-template-columns:auto minmax(140px,1fr) minmax(210px,auto);align-items:start;gap:8px;display:grid}.list-creator,.list-roster{overflow-wrap:anywhere}.list-creator{font-weight:700}.list-meta{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:8px;font-size:12px;display:flex}.list-roster{color:var(--muted);flex-wrap:wrap;grid-column:2/-1;gap:6px;font-size:12px;display:flex}.status-pill{border:1px solid var(--border);border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700;line-height:1}.status-open{color:#166534;background:#dcfce7}.status-full{color:#92400e;background:#fef3c7}.status-started{color:#3730a3;background:#e0e7ff}.status-completed{color:#14532d;background:#ecfdf5}.watch-list-item{grid-template-columns:auto minmax(150px,1fr) minmax(260px,auto)}.watch-list-roster{color:var(--muted);grid-column:2/-1;gap:3px;font-size:12px;display:grid}.round-history{gap:5px;display:grid}.watch-layout{padding-bottom:0}.watch-sidebar .button-row{margin-top:4px}.game-layout{grid-template-columns:minmax(190px,240px) minmax(0,1fr);grid-template-areas:"top top""left board";gap:8px;padding-bottom:104px;display:grid}.game-top{grid-area:top;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;display:grid}.game-over-notice{color:#14532d;background:#ecfdf5;border:1px solid #86efac;border-radius:8px;grid-column:1/-1;gap:3px;padding:10px;display:grid}.game-over-notice strong{font-size:17px}.game-over-notice span{color:#166534}.game-top .round-status{grid-template-columns:minmax(92px,.6fr) minmax(104px,.7fr) minmax(132px,.9fr) minmax(78px,.45fr) minmax(190px,1.35fr)}.game-top .facts{align-self:stretch;margin:0}.game-left{grid-area:left;align-self:start}.game-left>button{min-height:28px;padding:4px 7px;font-size:11px}.game-board{grid-area:board;min-width:0}.game-hand{--hand-dock-peek-height:94px;border-top:1px solid var(--border);min-width:0;max-height:min(72dvh,520px);transform:translateY(calc(100% - var(--hand-dock-peek-height)));z-index:20;background:#f8fafcf5;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease-out;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0f172a1f}.game-hand[data-expanded=true],.game-hand:focus-within{transform:translateY(0);box-shadow:0 -14px 36px #0f172a33}@media (hover:hover) and (pointer:fine){.game-hand:hover{transform:translateY(0);box-shadow:0 -14px 36px #0f172a33}}.hand-dock-peek{height:var(--hand-dock-peek-height);grid-template-columns:minmax(180px,.7fr) minmax(0,2.3fr);gap:10px;max-width:1440px;margin:0 auto;padding:8px 18px 0;display:grid;overflow:hidden}.hand-dock-toggle{color:var(--text);z-index:2;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;padding:4px;display:flex;position:absolute;top:8px;right:24px}.hand-dock-toggle:hover:not(:disabled){background:#4f46e512}.hand-dock-toggle:disabled{color:var(--text);cursor:default;opacity:1}.hand-dock-summary{align-self:start;gap:3px;min-height:74px;padding:4px 8px;display:grid}.hand-dock-heading{align-items:baseline;gap:8px;min-width:0;display:flex}.hand-dock-heading strong{font-size:16px}.hand-dock-heading span,.hand-dock-compact-status{color:var(--muted);font-size:12px}.hand-dock-compact-status{text-overflow:ellipsis;white-space:nowrap;grid-column:1;overflow:hidden}.hand-dock-pin{color:var(--accent);stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:22px;height:22px;transition:transform .24s ease-out;overflow:visible}.hand-dock-pin-head{fill:#0000;transition:fill .16s ease-out}.hand-dock-pin-floating{color:var(--muted);transform:rotate(-28deg)}.hand-dock-pin-pinned .hand-dock-pin-head{fill:currentColor}.hand-dock-crowns{grid-auto-columns:minmax(54px,1fr);grid-auto-flow:column;align-items:end;gap:5px;min-width:0;margin-right:48px;display:grid;overflow:hidden}.hand-card-crown{border:1px solid var(--border);background:linear-gradient(155deg,#fff 0%,#e2e8f0 100%);border-bottom:0;border-radius:8px 8px 0 0;gap:2px;min-width:0;height:72px;padding:8px;display:grid;overflow:hidden;box-shadow:0 -3px 10px #0f172a14}.hand-card-crown>span{color:var(--muted);text-transform:uppercase;font-size:10px}.hand-card-crown>strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.15;overflow:hidden}.hand-card-crown-pump,.hand-card-crown-surge{border-top-width:3px;border-top-color:#4f46e5}.hand-card-crown-wall{border-top-width:3px;border-top-color:#64748b}.hand-card-crown-gate,.hand-card-crown-portal{border-top-width:3px;border-top-color:#0891b2}.hand-card-crown-power{border-top-width:3px;border-top-color:#9333ea}.hand-card-crown-exhausted{filter:grayscale(.7);opacity:.55}.hand-dock-content{max-height:calc(min(72dvh, 520px) - var(--hand-dock-peek-height));overscroll-behavior:contain;padding:0 18px calc(10px + env(safe-area-inset-bottom));overflow-y:auto}.game-hand[data-expanded=true] .hand-dock-peek,.game-hand:focus-within .hand-dock-peek{height:0;padding:0;overflow:visible}.game-hand[data-expanded=true] .hand-dock-toggle,.game-hand:focus-within .hand-dock-toggle{background:var(--panel);border:1px solid var(--border);box-shadow:0 4px 12px #0f172a24}.game-hand[data-expanded=true] .hand-dock-summary,.game-hand[data-expanded=true] .hand-dock-crowns,.game-hand:focus-within .hand-dock-summary,.game-hand:focus-within .hand-dock-crowns{display:none}.game-hand[data-expanded=true] .hand-dock-content,.game-hand:focus-within .hand-dock-content{max-height:min(72dvh,520px);padding-top:8px}.game-hand[data-expanded=true] .hand-panel .section-heading,.game-hand:focus-within .hand-panel .section-heading{padding-right:48px}@media (hover:hover) and (pointer:fine){.game-hand:hover .hand-dock-peek{height:0;padding:0;overflow:visible}.game-hand:hover .hand-dock-toggle{background:var(--panel);border:1px solid var(--border);box-shadow:0 4px 12px #0f172a24}.game-hand:hover .hand-dock-summary,.game-hand:hover .hand-dock-crowns{display:none}.game-hand:hover .hand-dock-content{max-height:min(72dvh,520px);padding-top:8px}.game-hand:hover .hand-panel .section-heading{padding-right:48px}}.ejected-layout{grid-template-columns:minmax(0,1fr) minmax(260px,320px);grid-template-areas:"board left"}.board{background:var(--panel);border:1px solid var(--border);cursor:default;--board-cell-min:clamp(38px, 5.2vw, 58px);--board-cell-max:clamp(38px, 5.2vw, 58px);-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;gap:3px;padding:6px;display:grid;overflow:auto}.board-size-compact{--board-cell-min:clamp(22px, 3.2vw, 34px);--board-cell-max:clamp(22px, 3.2vw, 34px)}.board-size-large{--board-cell-min:clamp(46px, 6vw, 70px);--board-cell-max:clamp(46px, 6vw, 70px)}.board-size-huge{--board-cell-min:clamp(56px, 7vw, 84px);--board-cell-max:clamp(56px, 7vw, 84px)}.board-gate-targeting,.board-ooze-targeting,.board-wall-targeting,.board-portal-targeting,.board-pump-targeting{cursor:crosshair}.board-label{color:var(--muted);justify-content:center;align-items:center;min-width:18px;min-height:18px;padding:2px;font-size:10px;font-weight:800;display:flex}.board-label-targetable{color:#3730a3;cursor:pointer;background:#eef2ff;border:1px solid #818cf8;border-radius:5px}.board-label-targetable:hover,.board-label-targetable:focus-visible{outline:2px solid var(--accent);outline-offset:1px;background:#e0e7ff}.board-label-selected{color:#fff;background:#312e81;border-color:#312e81}.board-label-column{min-width:var(--board-cell-min)}.board-label-row{min-height:var(--board-cell-min)}.cell{aspect-ratio:1;border:1px solid var(--border);color:#f8fafc;cursor:pointer;min-width:var(--board-cell-min);-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:11px;display:flex;position:relative}.cell-targetable{cursor:crosshair;outline-offset:-4px;z-index:1;outline:3px solid #facc15;transition:filter .12s,outline-color .12s,transform .12s;transform:scale(1.035)}:is(.board-gate-targeting,.board-ooze-targeting,.board-portal-targeting,.board-pump-targeting) .cell:not(.cell-targetable){filter:grayscale(.35)brightness(.72);opacity:.72}.cell-targetable:hover,.cell-targetable:focus-visible{filter:brightness(1.18)saturate(1.2);outline-offset:-2px;z-index:2;transform:scale(1.08)}.cell:focus-visible,.cell-targetable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.board-gate-targeting .cell-targetable{outline-color:#38bdf8;box-shadow:inset 0 0 0 2px #312e8152,inset 0 0 0 4px #ffffff80}.board-ooze-targeting .cell-targetable{outline-color:#f0abfc;box-shadow:inset 0 0 0 2px #86198f75,0 0 10px #f0abfccc}.board-gate-targeting .cell-targetable:hover,.cell-gate-selected{box-shadow:inset 0 0 0 3px #312e81,inset 0 0 0 5px #fff}.board-portal-targeting .cell-targetable{outline-color:#c4b5fd;box-shadow:inset 0 0 0 2px #6d28d95c,inset 0 0 0 4px #ffffff80}.board-pump-targeting .cell-targetable{outline-color:#facc15;box-shadow:inset 0 0 0 2px #a162078c,0 0 12px #facc15e6}.cell-portal-legal-exit{animation:1.4s ease-in-out infinite portal-exit-pulse;box-shadow:inset 0 0 0 3px #16a34a,inset 0 0 0 5px #dcfce7!important}.cell-portal-opening-a,.cell-portal-opening-b{box-shadow:inset 0 0 0 3px #6d28d9,inset 0 0 0 5px #ede9fe!important}.portal-selection-badge{color:#fff;background:#6d28d9;border:2px solid #ede9fe;border-radius:999px;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.65rem;font-weight:900;display:inline-flex;position:absolute;bottom:2px;left:2px}@keyframes portal-exit-pulse{50%{filter:brightness(1.16)}}.portal-badge{color:#fff;background:#6d28d9;border:2px solid #ddd6fe;border-radius:999px;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.65rem;font-weight:800;display:inline-flex;position:absolute;top:2px;right:2px}.portal-target-guidance,.portal-target-validation{grid-column:1/-1;margin:0}.portal-target-validation{color:var(--muted);font-size:.8rem}.cell-wall-row-selected,.cell-wall-column-selected{box-shadow:inset 0 0 0 2px #7c3aed70,inset 0 0 0 4px #ffffff6b}.cell strong{text-align:center;text-overflow:ellipsis;max-width:100%;font-size:clamp(12px,1.35vw,16px);line-height:1;overflow:hidden}.board-size-compact .cell strong,.board-size-compact .preview-badge{display:none}.board-size-compact .source-chip,.board-size-compact .gate-badge{width:8px;height:8px;padding:0;font-size:0}.board-size-compact .wall-badge{border-radius:3px;width:12px;height:7px;padding:0;font-size:0}.board-size-compact .gate-badges{gap:1px}.flow-empty{color:#334155;background:#f8fafc}.flow-red{background:#dc2626}.flow-blue{background:#2563eb}.flow-green{background:#16a34a}.flow-yellow{background:#ca8a04}.replay-elevation,.replay-wall{color:#fff;background:#0f172ac2;border-radius:3px;padding:2px;font-size:8px;font-weight:800;line-height:1;position:absolute}.replay-elevation{bottom:2px;left:2px}.replay-wall{top:2px;right:2px}.replay-gates{gap:1px;display:flex;position:absolute;bottom:2px;right:2px}.replay-gate{background:#fff;border:1px solid;border-radius:999px;justify-content:center;align-items:center;width:12px;height:12px;font-size:7px;font-style:normal;font-weight:900;display:inline-flex}.replay-gate-red{color:#dc2626}.replay-gate-blue{color:#2563eb}.replay-gate-green{color:#16a34a}.replay-gate-yellow{color:#a16207}.flow-purple{color:#f8fafc;background:#7c3aed}.replay-source-eliminated{color:#991b1b;font-size:15px;text-decoration:line-through}.replay-portals{color:#fff;text-align:center;background:#7c3aed;border:1px solid #ede9fe;border-radius:999px;width:14px;height:14px;font-size:8px;font-weight:900;line-height:12px;position:absolute;bottom:2px;right:2px}.wall-present{box-shadow:0 0 var(--wall-shadow-blur,6px) rgba(17, 24, 39, var(--wall-shadow-alpha,.32)) inset, 0 0 0 2px #ffffff6b inset}.preview-wall-up,.preview-pump,.preview-gate,.preview-ooze{box-shadow:inset 0 0 0 3px #111827,inset 0 0 0 5px #fff;opacity:1!important}.preview-wall-up:after,.preview-pump:after,.preview-gate:after,.preview-ooze:after{color:#fff;border-radius:999px;padding:1px 5px;font-size:10px;font-weight:800;position:absolute;bottom:4px;right:4px}.preview-wall-up:after{content:"UP";background:#7c3aed}.preview-pump:after{content:"PUMP";background:#111827}.preview-gate:after{content:"GATE";background:#7f1d1d}.preview-ooze:after{content:"OOZE";background:#475569}.ooze-badge{color:#111827;background:#f8fafc;border:1px solid #64748b;border-radius:999px;padding:1px 4px;font-size:10px;font-weight:800;position:absolute;bottom:3px;right:3px}.preview-badge{color:#111827;background:#fff;border:1px solid #111827;border-radius:999px;padding:2px 5px;font-size:10px;font-weight:900;line-height:1;position:absolute;top:4px;left:4px}.source-chip{color:#111827;background:#ffffffe6;border:1px solid #11182794;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:900;line-height:1;display:flex;position:absolute;bottom:3px;left:3px}.wall-badge{color:#111827;background:#ffffffeb;border:1px solid #111827a6;border-radius:999px;padding:2px 5px;font-size:10px;font-weight:900;line-height:1;position:absolute;top:4px;right:4px}.gate-badges{align-items:center;gap:2px;display:flex;position:absolute;bottom:3px;right:3px}.gate-badge{color:#fff;border:1px solid #111827ad;border-radius:999px;justify-content:center;align-items:center;width:15px;height:15px;font-size:9px;font-weight:900;line-height:1;display:inline-flex}.preview-gate>.gate-badge{position:absolute;bottom:3px;right:3px}.gate-red{background:#dc2626}.gate-blue{background:#2563eb}.gate-green{background:#16a34a}.gate-yellow{color:#111827;background:#ca8a04}.empty-board{background:var(--panel);border:1px dashed var(--border-strong);color:var(--muted);border-radius:8px;justify-content:center;align-items:center;min-height:420px;display:flex}.cell-details-backdrop{z-index:35;background:#0f172a47;position:fixed;inset:0}.cell-details-drawer{background:var(--panel);border-left:1px solid var(--border);gap:10px;width:min(340px,88vw);max-width:340px;height:100%;margin-left:auto;padding:14px;display:grid;box-shadow:-12px 0 28px #0f172a2e}.cell-details-drawer .section-heading{margin-bottom:0}.cell-details-drawer .section-heading h2{margin:0;font-size:18px}.cell-details-drawer .section-heading button{min-height:30px;padding:4px 8px;font-size:12px}.cell-details-list{gap:8px;margin:0;display:grid}.cell-details-list div{background:var(--input);border:1px solid var(--border);border-radius:6px;gap:2px;padding:8px;display:grid}.cell-details-list dt{color:var(--muted);font-size:11px;font-weight:700}.cell-details-list dd{margin:0;font-weight:800}.gate-color-wheel-backdrop{z-index:38;background:#0f172a47;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.gate-color-wheel{background:var(--panel);border:1px solid var(--border);border-radius:8px;gap:10px;width:min(280px,88vw);padding:14px;display:grid;box-shadow:0 18px 42px #0f172a3d}.gate-color-wheel .section-heading{margin-bottom:0}.gate-color-wheel .section-heading h2{margin:0;font-size:18px}.gate-color-wheel .section-heading button{min-height:30px;padding:4px 8px;font-size:12px}.gate-color-wheel .muted{text-align:center;margin:0}.gate-color-wheel-options{width:154px;height:154px;margin:0 auto;position:relative}.gate-color-wheel-option{color:#fff;height:52px;min-height:52px;transform:translate(-50%, -50%) rotate(calc(360deg / var(--wheel-count) * var(--wheel-index))) translateY(-50px) rotate(calc(-360deg / var(--wheel-count) * var(--wheel-index)));border:2px solid #ffffffe6;border-radius:999px;justify-content:center;align-items:center;width:52px;padding:0;font-size:18px;font-weight:900;display:inline-flex;position:absolute;top:50%;left:50%;box-shadow:0 8px 18px #0f172a38}.gate-color-wheel-option:hover,.gate-color-wheel-option:focus-visible{box-shadow:0 0 0 3px #ffffffd9,0 10px 22px #0f172a47}.round-status{gap:6px;display:grid}.round-status>div,.selection-timer{background:var(--input);border:1px solid var(--border);border-radius:6px;gap:2px;padding:6px 7px;display:grid}.round-status span,.selection-timer span{color:var(--muted);font-size:11px;line-height:1.15}.round-status strong{overflow-wrap:anywhere;font-size:13px;line-height:1.2}.round-status-instructions strong{color:var(--accent)}.selection-timer strong{font-size:18px}.timer-urgent{border-color:#ca8a04}.timer-expired{border-color:#dc2626}.timer-urgent strong{color:#92400e}.timer-expired strong,.danger{color:#b91c1c}.player-roster,.player-entries,.player-entry{gap:4px;display:grid}.player-roster .section-heading{margin-bottom:2px}.player-roster .section-heading h2{margin:0;font-size:13px}.player-roster .section-heading span{font-size:10px}.player-row{background:var(--input);border:1px solid var(--border);border-radius:5px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1px 4px;padding:4px 5px;font-size:11px;display:grid}.player-row strong{overflow-wrap:anywhere}.player-row span{color:var(--muted);font-size:9px}.player-label{overflow-wrap:anywhere}.player-label-current{color:var(--text);font-weight:800}.player-label-other{color:var(--muted);opacity:.72;font-weight:400}.player-final-result{background:var(--panel);border:1px solid var(--border);border-radius:5px;gap:2px;margin-left:8px;padding:5px;display:grid}.player-final-result strong{font-size:11px}.player-final-result span,.player-final-result small{color:var(--muted);font-size:9px}.artesian-well-badge{color:#155e75;background:#ecfeff;border:1px solid #0891b2;border-radius:999px;padding:2px 3px;font-size:8px;font-weight:900;line-height:1;position:absolute;top:3px;left:3px}.replay-artesian-well{color:#155e75;background:#ecfeff;border:1px solid #0891b2;border-radius:999px;padding:1px 2px;font-size:7px;font-weight:900;position:absolute;top:2px;right:2px}.previous-card-well{border-color:#67e8f9;box-shadow:inset 3px 0 #0891b2}.replay-score-table-wrap{background:var(--panel);border:1px solid var(--border);border-radius:8px;max-width:100%;padding:8px;overflow-x:auto}.replay-score-table{border-collapse:collapse;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:100%}.replay-score-table th,.replay-score-table td{border:1px solid var(--border);text-align:center;min-width:40px;padding:5px 7px}.replay-score-table th:first-child{background:var(--panel);text-align:left;z-index:1;min-width:90px;position:sticky;left:0}.score-grand-total{background:#ecfdf5;font-weight:900;border-color:#6ee7b7!important;min-width:88px!important}.score-column-enter{animation:.22s ease-out both score-column-enter}@keyframes score-column-enter{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.hand-panel{padding:10px}.lobby-slots{gap:6px;display:grid}.lobby-slot{background:var(--panel);border:1px solid var(--border);border-radius:7px;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;display:grid}.lobby-slot select{width:100%}.game-hand .hand-panel{grid-template-columns:minmax(180px,.7fr) minmax(0,2.3fr);gap:8px;max-width:1440px;margin:0 auto;display:grid}.game-hand .hand-panel .section-heading,.game-hand .hand-panel .hand-status,.game-hand .hand-panel .hand-waiting-status,.game-hand .hand-panel .action-alert,.game-hand .hand-panel .wall-target-controls,.game-hand .hand-panel .hand-target-hint,.game-hand .hand-panel .button-row{grid-column:1}.game-hand .hand-panel .cards{grid-area:1/2/span 6;grid-template-columns:repeat(8,minmax(0,1fr));align-self:start;padding-bottom:4px;overflow-x:visible}.hand-card-slot{gap:6px;min-width:0;display:grid}.hand-card-slot .card{height:100%}.cards-mulligan{align-items:stretch}.cards-mulligan .hand-card-slot{grid-template-rows:minmax(0,1fr) 36px;height:100%}.cards-mulligan .hand-card-slot .card{min-height:100%}.card-refresh-button{background:var(--accent);border-color:var(--accent);color:#fff;align-self:end;width:100%;height:36px;min-height:36px}.card-refresh-button:hover:not(:disabled){filter:brightness(1.08)}.hand-status{color:var(--muted);margin:0;font-size:12px}.hand-waiting-status{color:#312e81;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;align-items:center;gap:7px;margin:0;padding:7px 8px;font-size:12px;font-weight:700;display:flex}.hand-waiting-spinner{border:2px solid #312e8133;border-top-color:#312e81;border-radius:999px;flex:none;width:14px;height:14px;animation:.85s linear infinite hand-waiting-spin}@keyframes hand-waiting-spin{to{transform:rotate(360deg)}}.card{background:var(--input);text-align:left;align-items:start;gap:3px;display:grid}.card span,.card small{color:var(--muted)}.card-color-chips{gap:5px;display:flex}.card-color-chip{border:1px solid #11182773;border-radius:999px;width:12px;height:12px;display:inline-block}.card-color-chip-red{background:#dc2626}.card-color-chip-blue{background:#2563eb}.card-color-chip-green{background:#16a34a}.card-color-chip-yellow{background:#ca8a04}.card-pump-bars{gap:4px;width:100%;display:grid}.card-pump-row{gap:2px;display:grid}.card-pump-label{justify-content:space-between;font-size:.7rem;line-height:1;display:flex}.card-pump-label strong{color:var(--text);font-size:inherit}.card-pump-progress{appearance:none;background:#94a3b833;border:0;border-radius:999px;width:100%;height:7px;overflow:hidden}.card-pump-progress::-webkit-progress-bar{background:#94a3b833}.card-pump-progress::-webkit-progress-value{background:var(--pump-bar-color);border-radius:999px}.card-pump-progress::-moz-progress-bar{background:var(--pump-bar-color);border-radius:999px}.card-pump-progress-red{--pump-bar-color:#dc2626}.card-pump-progress-blue{--pump-bar-color:#2563eb}.card-pump-progress-green{--pump-bar-color:#16a34a}.card-pump-progress-yellow{--pump-bar-color:#ca8a04}.card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.card.card-exhausted{background:color-mix(in srgb, var(--input) 78%, #64748b 22%);filter:grayscale(.7);opacity:.55}.card .card-exhausted-badge{color:#fff;text-transform:uppercase;background:#475569;border-radius:999px;justify-self:start;padding:2px 6px;font-size:9px;font-weight:800}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.review-grid-wide{grid-template-columns:repeat(2,minmax(520px,1fr));overflow-x:auto}@media (width<=1100px){.game-layout{grid-template-columns:1fr;grid-template-areas:"top""board""left";padding-bottom:104px}.game-layout.watch-layout{padding-bottom:0}.ejected-layout{grid-template-areas:"board""left"}.game-top,.form-grid{grid-template-columns:1fr}.board{--board-cell-min:clamp(30px, 8.4vw, 44px);--board-cell-max:clamp(30px, 8.4vw, 44px)}.board-size-compact{--board-cell-min:clamp(20px, 5.8vw, 30px);--board-cell-max:clamp(20px, 5.8vw, 30px)}.board-size-large{--board-cell-min:clamp(36px, 9.8vw, 52px);--board-cell-max:clamp(36px, 9.8vw, 52px)}.board-size-huge{--board-cell-min:clamp(42px, 11vw, 62px);--board-cell-max:clamp(42px, 11vw, 62px)}.game-top .round-status{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{display:grid}.status{text-align:left;max-width:none}.player-row{grid-template-columns:1fr 1fr}.game-hand .hand-panel{grid-template-columns:1fr}.game-hand .hand-panel .section-heading,.game-hand .hand-panel .hand-status,.game-hand .hand-panel .hand-waiting-status,.game-hand .hand-panel .action-alert,.game-hand .hand-panel .wall-target-controls,.game-hand .hand-panel .hand-target-hint,.game-hand .hand-panel .button-row,.game-hand .hand-panel .cards{grid-area:auto/1}.game-hand .hand-panel .cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-auto-flow:row;overflow-x:visible}.list-item{grid-template-columns:auto 1fr}.list-meta{grid-column:1/-1;justify-content:flex-start}.review-grid,.review-grid-wide,.power-choice-list{grid-template-columns:1fr}}@media (width<=900px){.screen-landing{grid-template-columns:1fr;min-height:0}.landing-copy{max-width:760px}}@media (width<=640px){.shell{padding:12px}.topbar{gap:10px;margin-bottom:10px}.screen-landing{gap:24px;padding:20px 14px}.landing-copy{gap:14px}.landing-copy h2{font-size:clamp(34px,12vw,48px)}.landing-premise{font-size:15px;line-height:1.6}.landing-actions{grid-template-columns:1fr 1fr;display:grid}.landing-actions .button-primary{grid-column:1/-1}.game-layout{gap:10px}.game-hand{--hand-dock-peek-height:88px;max-height:78dvh}.hand-dock-peek{grid-template-columns:minmax(132px,.9fr) minmax(0,1.4fr);gap:6px;padding-left:8px;padding-right:8px}.hand-dock-toggle{min-height:0;right:12px}.hand-dock-summary{min-height:68px;padding-left:4px;padding-right:4px}.hand-dock-heading{flex-direction:column;align-items:start;gap:1px}.hand-card-crown{height:66px;padding:6px}.hand-card-crown>strong{font-size:10px}.hand-dock-content{max-height:calc(78dvh - var(--hand-dock-peek-height));padding-left:8px;padding-right:8px}.game-hand[data-expanded=true] .hand-dock-content,.game-hand:focus-within .hand-dock-content{max-height:78dvh}.board{--board-cell-min:clamp(28px, 10vw, 38px);--board-cell-max:clamp(28px, 10vw, 38px)}.board-size-compact{--board-cell-min:clamp(18px, 6.5vw, 26px);--board-cell-max:clamp(18px, 6.5vw, 26px)}.board-size-large{--board-cell-min:clamp(34px, 12vw, 46px);--board-cell-max:clamp(34px, 12vw, 46px)}.board-size-huge{--board-cell-min:clamp(40px, 14vw, 54px);--board-cell-max:clamp(40px, 14vw, 54px)}.board-heading{align-items:start;display:grid}.board-size-control{justify-content:start}.cell-details-backdrop{align-items:end;display:flex}.cell-details-drawer{border-left:0;border-top:1px solid var(--border);border-radius:12px 12px 0 0;width:100%;max-width:none;height:auto;max-height:72vh;margin-left:0;overflow:auto;box-shadow:0 -12px 28px #0f172a33}.game-top .round-status{grid-template-columns:1fr}}.tutorial-controls{z-index:9999;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, transparent);border-radius:.75rem;gap:.5rem;padding:.6rem;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 .8rem 2rem #00000040}@media (prefers-reduced-motion:reduce){.game-hand,.hand-dock-pin,.hand-dock-pin-head{transition:none}}