:root{--bg: #14110f;--surface: #1f1b18;--surface-2: #2a2521;--ink: #ebe4d4;--ink-dim: rgba(235, 228, 212, .62);--ink-faint: rgba(235, 228, 212, .5);--line: rgba(235, 228, 212, .12);--line-strong: rgba(235, 228, 212, .22);--accent: #c2a373;--accent-dim: rgba(194, 163, 115, .35);--joker: #9b7bb8;--joker-dim: rgba(155, 123, 184, .35);--streak: #d68242;--legal: #8a9a5b;--illegal: #c2643f;--card-face: #ebe4d4;--card-back-base: #9b2828;--card-back-stripe: #b83838;--card-ink: #1a1614;--suit-s: #1a1614;--suit-h: #b94a3c;--suit-d: #3d6b8c;--suit-c: #4a7c4e;--card-w: clamp( 44px, min( calc((100vw - 24px) / 6), calc((100vh - 320px) / 3 / 1.486) ), 66px );--card-h: calc(var(--card-w) * 1.486);--card-radius: 7px;--grid-gap: clamp(4px, 1vw, 8px);--focus-ring: 0 0 0 2px var(--accent), 0 0 0 4px rgba(194, 163, 115, .35)}body[data-theme=light]{--bg: #f4f1ea;--surface: #ffffff;--surface-2: #efeadd;--ink: #1a1614;--ink-dim: rgba(26, 22, 20, .62);--ink-faint: rgba(26, 22, 20, .5);--line: rgba(26, 22, 20, .12);--line-strong: rgba(26, 22, 20, .22);--accent: #7a5a32;--accent-dim: rgba(122, 90, 50, .35);--card-back-base: #5a4032;--card-back-stripe: #7a5d3a;--streak: #8c4a1f}body[data-card-size=compact]{--card-w: clamp( 38px, min( calc((100vw - 40px) / 6), calc((100vh - 360px) / 3 / 1.486) ), 52px );--card-h: calc(var(--card-w) * 1.428);--card-radius: 6px;--grid-gap: clamp(6px, 1.4vw, 8px)}*{box-sizing:border-box}button{touch-action:manipulation}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Georgia,Times New Roman,serif;height:100vh;height:100dvh;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;overscroll-behavior:contain;overflow:hidden}body{display:flex;flex-direction:column;align-items:center;padding:max(clamp(12px,2.5vh,28px),env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(clamp(12px,2.5vh,28px),env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}#app{width:100%;max-width:480px;position:relative;display:flex;flex-direction:column;flex:1;min-height:0}body[data-app-state=loading] #layout-name,body[data-app-state=loading] #direction-tag,body[data-app-state=loading] #puzzle-day,body[data-app-state=loading] #cards-left,body[data-app-state=loading] #timer{color:transparent;position:relative}body[data-app-state=loading] #layout-name:after,body[data-app-state=loading] #direction-tag:after,body[data-app-state=loading] #puzzle-day:after,body[data-app-state=loading] #cards-left:after,body[data-app-state=loading] #timer:after{content:"";position:absolute;inset:0;border-radius:6px;background:var(--ink-faint);animation:skeleton-pulse 1.4s ease-in-out infinite}body[data-app-state=loading] #direction-tag:after{width:60%;border-radius:4px}body[data-app-state=loading] #timer:after,body[data-app-state=loading] #puzzle-day:after{border-radius:4px}body[data-app-state=loading] #direction-tag .arrow,body[data-app-state=loading] #streak-chip,body[data-app-state=loading] #undo-btn,body[data-app-state=loading] #reset-btn,body[data-app-state=loading] #replay-board-btn,body[data-app-state=loading] #replay-skip-btn,body[data-app-state=loading] #results-btn,body[data-app-state=loading] #hint-row,body[data-onboarding=open] #hint-row{visibility:hidden}body[data-app-state=loading] #spread{display:flex;justify-content:center;align-items:center;min-height:var(--card-h)}body[data-app-state=loading] #spread:before{content:"";display:block;width:var(--card-w);height:var(--card-h);border:1px dashed var(--line);border-radius:6px;animation:skeleton-pulse 1.4s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.18}50%{opacity:.32}}body[data-motion=reduced][data-app-state=loading] #layout-name:after,body[data-motion=reduced][data-app-state=loading] #direction-tag:after,body[data-motion=reduced][data-app-state=loading] #puzzle-day:after,body[data-motion=reduced][data-app-state=loading] #cards-left:after,body[data-motion=reduced][data-app-state=loading] #timer:after,body[data-motion=reduced][data-app-state=loading] #spread:before{animation:none;opacity:.22}.hdr{flex-shrink:0}.play-area{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1vh,12px)}.footer{flex-shrink:0;display:flex;flex-direction:column;gap:8px}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:4px}button:focus-visible{box-shadow:var(--focus-ring)}.hdr{display:grid;grid-template-columns:1fr auto;align-items:baseline;padding-bottom:clamp(10px,1.5vh,16px);border-bottom:1px solid var(--line);gap:16px;margin:0}.hdr .title{font-size:22px;letter-spacing:.32em;text-transform:uppercase;font-weight:400;margin:0}.hdr .hdr-meta{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);text-align:right}.hdr-meta{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.streak-inline{display:inline-flex;align-items:center;gap:4px;color:var(--streak);font-feature-settings:"tnum"}.streak-inline[hidden]{display:none}.streak-inline .streak-dot{color:var(--ink-faint);margin-right:2px}.streak-inline .streak-flame{width:11px;height:13px;fill:var(--streak);flex-shrink:0}.streak-inline .streak-num{font-size:12px;font-weight:700;letter-spacing:.04em}.win-streak{margin:12px auto 4px;display:inline-flex;align-items:baseline;gap:8px;padding:6px 14px;border:1px solid var(--line);border-radius:999px}.win-streak[hidden]{display:none}.win-streak .streak-flame{width:18px;height:20px;fill:var(--streak);flex-shrink:0}.win-streak .win-streak-num{font-size:18px;color:var(--streak);font-feature-settings:"tnum";font-weight:700}.win-streak .win-streak-label{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim)}.puzlabel{position:absolute;top:clamp(56px,7.5vh,68px);left:clamp(14px,4vw,22px);text-align:left;z-index:0;pointer-events:none;opacity:.48;user-select:none;margin:0;padding:0;transition:opacity .22s ease-out}body[data-difficulty=hard] .puzlabel{opacity:.58}body[data-constellation] .puzlabel .layout-name:before{content:"\2605";color:var(--accent);font-size:.8em;position:absolute;right:calc(100% + .3em);top:.08em}.puzlabel .layout-name{font-family:Georgia,serif;font-size:clamp(18px,5.5vw,26px);font-weight:700;letter-spacing:.015em;line-height:1;color:var(--ink);white-space:nowrap;position:relative}.puzlabel .direction-tag{margin-top:6px;display:inline-flex;align-items:baseline;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(9px,2.3vw,11px);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);line-height:1;white-space:nowrap}.puzlabel .direction-tag .arrow{color:var(--accent);font-size:inherit;line-height:1}.puzlabel .direction-tag>span:not(.arrow){letter-spacing:inherit}.spread{margin:0;display:grid;justify-content:center;gap:var(--grid-gap);user-select:none;touch-action:none;row-gap:clamp(10px,1.6vh,18px);position:relative}.spread-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.spread-lines line{stroke:var(--accent);stroke-width:1;stroke-opacity:.22;stroke-linecap:round;transition:stroke-opacity 2.2s ease-out,filter 2.2s ease-out}.spread-lines circle{fill:var(--accent);fill-opacity:.3;transition:fill-opacity 2.2s ease-out}.spread-lines circle.extra{fill-opacity:.18}.spread-lines.won circle.extra{fill-opacity:.6}body[data-theme=light] .spread-lines circle.extra{fill-opacity:.25}body[data-theme=light] .spread-lines.won circle.extra{fill-opacity:.75}.spread-lines.won line{stroke-opacity:.5;filter:drop-shadow(0 0 2px var(--accent-dim))}.spread-lines.won circle{fill-opacity:.7;filter:drop-shadow(0 0 2px var(--accent-dim))}body[data-theme=light] .spread-lines line{stroke-opacity:.32}body[data-theme=light] .spread-lines circle{fill-opacity:.4}body[data-theme=light] .spread-lines.won line{stroke-opacity:.65}body[data-theme=light] .spread-lines.won circle{fill-opacity:.85}.spread-lines.won{animation:constellation-pulse 3.8s ease-in-out infinite}@keyframes constellation-pulse{0%,to{opacity:1}50%{opacity:.7}}body[data-motion=reduced] .spread-lines.won{animation:none}body[data-motion=reduced] .spread-lines line{transition:none}.spread .pile{position:relative;z-index:1}.spread[data-layout=path]{grid-template-columns:repeat(5,var(--card-w))}.spread[data-layout=cross]{grid-template-columns:repeat(3,var(--card-w));grid-template-rows:repeat(3,auto)}.spread[data-layout=cross] .pile[data-pile="0"]{grid-column:2;grid-row:1}.spread[data-layout=cross] .pile[data-pile="1"]{grid-column:1;grid-row:2}.spread[data-layout=cross] .pile[data-pile="2"]{grid-column:2;grid-row:2}.spread[data-layout=cross] .pile[data-pile="3"]{grid-column:3;grid-row:2}.spread[data-layout=cross] .pile[data-pile="4"]{grid-column:2;grid-row:3}.spread[data-layout=pyramid]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto}.spread[data-layout=pyramid] .pile[data-pile="0"]{grid-column:2;grid-row:1}.spread[data-layout=pyramid] .pile[data-pile="1"]{grid-column:4;grid-row:1}.spread[data-layout=pyramid] .pile[data-pile="2"]{grid-column:1;grid-row:2}.spread[data-layout=pyramid] .pile[data-pile="3"]{grid-column:3;grid-row:2}.spread[data-layout=pyramid] .pile[data-pile="4"]{grid-column:5;grid-row:2}.spread[data-layout=tripeaks]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto;row-gap:clamp(6px,1vh,14px)}.spread[data-layout=tripeaks] .pile[data-pile="0"]{grid-column:1;grid-row:1}.spread[data-layout=tripeaks] .pile[data-pile="1"]{grid-column:3;grid-row:1}.spread[data-layout=tripeaks] .pile[data-pile="2"]{grid-column:5;grid-row:1}.spread[data-layout=tripeaks] .pile[data-pile="3"]{grid-column:2;grid-row:2}.spread[data-layout=tripeaks] .pile[data-pile="4"]{grid-column:3;grid-row:2}.spread[data-layout=tripeaks] .pile[data-pile="5"]{grid-column:4;grid-row:2}.spread[data-layout=lighthouse],.spread[data-layout=trinity]{row-gap:clamp(6px,1.2vh,14px)}.spread[data-layout=crown]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:20px auto auto}.spread[data-layout=crown] .pile[data-pile="0"]{grid-column:3;grid-row:1 / span 2}.spread[data-layout=crown] .pile[data-pile="1"]{grid-column:1;grid-row:2}.spread[data-layout=crown] .pile[data-pile="2"]{grid-column:5;grid-row:2}.spread[data-layout=crown] .pile[data-pile="3"]{grid-column:2;grid-row:3}.spread[data-layout=crown] .pile[data-pile="4"]{grid-column:4;grid-row:3}.spread[data-layout=wedge]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto;row-gap:8px}.spread[data-layout=wedge] .pile[data-pile="0"]{grid-column:3;grid-row:1}.spread[data-layout=wedge] .pile[data-pile="1"]{grid-column:2;grid-row:2}.spread[data-layout=wedge] .pile[data-pile="2"]{grid-column:4;grid-row:2}.spread[data-layout=wedge] .pile[data-pile="3"]{grid-column:1;grid-row:3}.spread[data-layout=wedge] .pile[data-pile="4"]{grid-column:5;grid-row:3}.spread[data-layout=lighthouse]{grid-template-columns:repeat(3,var(--card-w));grid-template-rows:repeat(2,auto);column-gap:24px}.spread[data-layout=lighthouse] .pile[data-pile="0"]{grid-column:2;grid-row:1 / span 2;align-self:center}.spread[data-layout=lighthouse] .pile[data-pile="1"]{grid-column:1;grid-row:1}.spread[data-layout=lighthouse] .pile[data-pile="2"]{grid-column:3;grid-row:1}.spread[data-layout=lighthouse] .pile[data-pile="3"]{grid-column:1;grid-row:2}.spread[data-layout=lighthouse] .pile[data-pile="4"]{grid-column:3;grid-row:2}.spread[data-layout=diamond]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:repeat(3,auto)}.spread[data-layout=diamond] .pile[data-pile="0"]{grid-column:3;grid-row:1}.spread[data-layout=diamond] .pile[data-pile="1"]{grid-column:1;grid-row:2}.spread[data-layout=diamond] .pile[data-pile="2"]{grid-column:3;grid-row:2}.spread[data-layout=diamond] .pile[data-pile="3"]{grid-column:5;grid-row:2}.spread[data-layout=diamond] .pile[data-pile="4"]{grid-column:3;grid-row:3}.spread[data-layout=cross],.spread[data-layout=wedge],.spread[data-layout=diamond],.spread[data-layout=crown],.spread[data-layout=v],.spread[data-layout=diagonal],.spread[data-layout=x],.spread[data-layout=t],.spread[data-layout=l],.spread[data-layout=halfmoon],.spread[data-layout=crescent],.spread[data-layout=hand],.spread[data-layout=bow],.spread[data-layout=hourglass]{row-gap:clamp(4px,1vh,10px)}.spread[data-layout=trinity]{grid-template-columns:repeat(3,var(--card-w));grid-template-rows:auto auto;row-gap:14px}.spread[data-layout=trinity] .pile[data-pile="0"]{grid-column:2;grid-row:1}.spread[data-layout=trinity] .pile[data-pile="1"]{grid-column:1;grid-row:2}.spread[data-layout=trinity] .pile[data-pile="2"]{grid-column:3;grid-row:2}.spread[data-layout=v]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto;row-gap:clamp(4px,1vh,10px)}.spread[data-layout=v] .pile[data-pile="0"]{grid-column:1;grid-row:1}.spread[data-layout=v] .pile[data-pile="1"]{grid-column:2;grid-row:2}.spread[data-layout=v] .pile[data-pile="2"]{grid-column:3;grid-row:3}.spread[data-layout=v] .pile[data-pile="3"]{grid-column:4;grid-row:2}.spread[data-layout=v] .pile[data-pile="4"]{grid-column:5;grid-row:1}.spread[data-layout=diagonal]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto;row-gap:clamp(4px,1vh,10px)}.spread[data-layout=diagonal] .pile[data-pile="0"]{grid-column:1;grid-row:1}.spread[data-layout=diagonal] .pile[data-pile="1"]{grid-column:2;grid-row:1}.spread[data-layout=diagonal] .pile[data-pile="2"]{grid-column:3;grid-row:2}.spread[data-layout=diagonal] .pile[data-pile="3"]{grid-column:4;grid-row:3}.spread[data-layout=diagonal] .pile[data-pile="4"]{grid-column:5;grid-row:3}.spread[data-layout=x]{grid-template-columns:repeat(3,var(--card-w));grid-template-rows:auto auto auto;row-gap:clamp(4px,1vh,10px)}.spread[data-layout=x] .pile[data-pile="0"]{grid-column:2;grid-row:2}.spread[data-layout=x] .pile[data-pile="1"]{grid-column:1;grid-row:1}.spread[data-layout=x] .pile[data-pile="2"]{grid-column:3;grid-row:1}.spread[data-layout=x] .pile[data-pile="3"]{grid-column:1;grid-row:3}.spread[data-layout=x] .pile[data-pile="4"]{grid-column:3;grid-row:3}.spread[data-layout=t]{grid-template-columns:repeat(3,var(--card-w));grid-template-rows:auto auto auto;row-gap:clamp(4px,1vh,10px)}.spread[data-layout=t] .pile[data-pile="0"]{grid-column:1;grid-row:1}.spread[data-layout=t] .pile[data-pile="1"]{grid-column:2;grid-row:1}.spread[data-layout=t] .pile[data-pile="2"]{grid-column:3;grid-row:1}.spread[data-layout=t] .pile[data-pile="3"]{grid-column:2;grid-row:2}.spread[data-layout=t] .pile[data-pile="4"]{grid-column:2;grid-row:3}.spread[data-layout=l]{grid-template-columns:repeat(3,var(--card-w));grid-template-rows:auto auto auto;row-gap:clamp(4px,1vh,10px)}.spread[data-layout=l] .pile[data-pile="0"]{grid-column:1;grid-row:1}.spread[data-layout=l] .pile[data-pile="1"]{grid-column:1;grid-row:2}.spread[data-layout=l] .pile[data-pile="2"]{grid-column:1;grid-row:3}.spread[data-layout=l] .pile[data-pile="3"]{grid-column:2;grid-row:3}.spread[data-layout=l] .pile[data-pile="4"]{grid-column:3;grid-row:3}.spread[data-layout=halfmoon]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto;row-gap:clamp(4px,1vh,10px)}.spread[data-layout=halfmoon] .pile[data-pile="0"]{grid-column:1;grid-row:2}.spread[data-layout=halfmoon] .pile[data-pile="1"]{grid-column:2;grid-row:3}.spread[data-layout=halfmoon] .pile[data-pile="2"]{grid-column:3;grid-row:3}.spread[data-layout=halfmoon] .pile[data-pile="3"]{grid-column:4;grid-row:3}.spread[data-layout=halfmoon] .pile[data-pile="4"]{grid-column:5;grid-row:2}.spread[data-layout=crescent]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto;row-gap:clamp(4px,1vh,10px)}.spread[data-layout=crescent] .pile[data-pile="0"]{grid-column:2;grid-row:1}.spread[data-layout=crescent] .pile[data-pile="1"]{grid-column:1;grid-row:2}.spread[data-layout=crescent] .pile[data-pile="2"]{grid-column:1;grid-row:3}.spread[data-layout=crescent] .pile[data-pile="3"]{grid-column:4;grid-row:2}.spread[data-layout=crescent] .pile[data-pile="4"]{grid-column:4;grid-row:3}.spread[data-layout=hand]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto;row-gap:clamp(4px,1vh,10px)}.spread[data-layout=hand] .pile[data-pile="0"]{grid-column:3;grid-row:3}.spread[data-layout=hand] .pile[data-pile="1"]{grid-column:2;grid-row:1}.spread[data-layout=hand] .pile[data-pile="2"]{grid-column:3;grid-row:1}.spread[data-layout=hand] .pile[data-pile="3"]{grid-column:4;grid-row:1}.spread[data-layout=hand] .pile[data-pile="4"]{grid-column:5;grid-row:2}.spread[data-layout=bow]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto;row-gap:clamp(4px,1vh,10px)}.spread[data-layout=bow] .pile[data-pile="0"]{grid-column:3;grid-row:1}.spread[data-layout=bow] .pile[data-pile="1"]{grid-column:2;grid-row:2}.spread[data-layout=bow] .pile[data-pile="2"]{grid-column:3;grid-row:2}.spread[data-layout=bow] .pile[data-pile="3"]{grid-column:4;grid-row:2}.spread[data-layout=bow] .pile[data-pile="4"]{grid-column:1;grid-row:3}.spread[data-layout=bow] .pile[data-pile="5"]{grid-column:3;grid-row:3}.spread[data-layout=bow] .pile[data-pile="6"]{grid-column:5;grid-row:3}.spread[data-layout=hourglass]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto;row-gap:clamp(4px,1vh,10px)}.spread[data-layout=hourglass] .pile[data-pile="0"]{grid-column:1;grid-row:1}.spread[data-layout=hourglass] .pile[data-pile="1"]{grid-column:5;grid-row:1}.spread[data-layout=hourglass] .pile[data-pile="2"]{grid-column:3;grid-row:2}.spread[data-layout=hourglass] .pile[data-pile="3"]{grid-column:1;grid-row:3}.spread[data-layout=hourglass] .pile[data-pile="4"]{grid-column:5;grid-row:3}.spread[data-layout=stepped],.spread[data-layout=flatdiamond],.spread[data-layout=spiral],.spread[data-layout=hexagon]{row-gap:clamp(6px,1vh,14px)}.spread[data-layout=stepped]{grid-template-columns:repeat(6,var(--card-w));grid-template-rows:auto auto auto auto}.spread[data-layout=stepped] .pile[data-pile="0"]{grid-column:1;grid-row:4}.spread[data-layout=stepped] .pile[data-pile="1"]{grid-column:2;grid-row:3}.spread[data-layout=stepped] .pile[data-pile="2"]{grid-column:3;grid-row:2}.spread[data-layout=stepped] .pile[data-pile="3"]{grid-column:4;grid-row:2}.spread[data-layout=stepped] .pile[data-pile="4"]{grid-column:5;grid-row:3}.spread[data-layout=stepped] .pile[data-pile="5"]{grid-column:6;grid-row:4}.spread[data-layout=flatdiamond]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto}.spread[data-layout=flatdiamond] .pile[data-pile="0"]{grid-column:1;grid-row:2}.spread[data-layout=flatdiamond] .pile[data-pile="1"]{grid-column:2;grid-row:1}.spread[data-layout=flatdiamond] .pile[data-pile="2"]{grid-column:4;grid-row:1}.spread[data-layout=flatdiamond] .pile[data-pile="3"]{grid-column:5;grid-row:2}.spread[data-layout=flatdiamond] .pile[data-pile="4"]{grid-column:2;grid-row:3}.spread[data-layout=flatdiamond] .pile[data-pile="5"]{grid-column:4;grid-row:3}.spread[data-layout=spiral]{grid-template-columns:repeat(3,var(--card-w));grid-template-rows:auto auto auto}.spread[data-layout=spiral] .pile[data-pile="0"]{grid-column:2;grid-row:2}.spread[data-layout=spiral] .pile[data-pile="1"]{grid-column:1;grid-row:1}.spread[data-layout=spiral] .pile[data-pile="2"]{grid-column:3;grid-row:1}.spread[data-layout=spiral] .pile[data-pile="3"]{grid-column:3;grid-row:3}.spread[data-layout=spiral] .pile[data-pile="4"]{grid-column:1;grid-row:3}.spread[data-layout=spiral] .pile[data-pile="5"]{grid-column:1;grid-row:2}.spread[data-layout=hexagon]{grid-template-columns:repeat(4,var(--card-w));grid-template-rows:auto auto auto}.spread[data-layout=hexagon] .pile[data-pile="0"]{grid-column:2;grid-row:1}.spread[data-layout=hexagon] .pile[data-pile="1"]{grid-column:3;grid-row:1}.spread[data-layout=hexagon] .pile[data-pile="2"]{grid-column:1;grid-row:2}.spread[data-layout=hexagon] .pile[data-pile="3"]{grid-column:4;grid-row:2}.spread[data-layout=hexagon] .pile[data-pile="4"]{grid-column:2;grid-row:3}.spread[data-layout=hexagon] .pile[data-pile="5"]{grid-column:3;grid-row:3}.spread[data-layout=crystalball],.spread[data-layout=canfield]{row-gap:clamp(6px,1.2vh,12px)}.spread[data-layout=crystalball]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto}.spread[data-layout=crystalball] .pile[data-pile="0"]{grid-column:3;grid-row:2}.spread[data-layout=crystalball] .pile[data-pile="1"]{grid-column:2;grid-row:1}.spread[data-layout=crystalball] .pile[data-pile="2"]{grid-column:4;grid-row:1}.spread[data-layout=crystalball] .pile[data-pile="3"]{grid-column:2;grid-row:3}.spread[data-layout=crystalball] .pile[data-pile="4"]{grid-column:4;grid-row:3}.spread[data-layout=canfield]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto}.spread[data-layout=canfield] .pile[data-pile="0"]{grid-column:3;grid-row:1}.spread[data-layout=canfield] .pile[data-pile="1"]{grid-column:1;grid-row:2}.spread[data-layout=canfield] .pile[data-pile="2"]{grid-column:2;grid-row:2}.spread[data-layout=canfield] .pile[data-pile="3"]{grid-column:4;grid-row:2}.spread[data-layout=canfield] .pile[data-pile="4"]{grid-column:5;grid-row:2}.spread[data-layout=spire],.spread[data-layout=square],.spread[data-layout=compass]{row-gap:clamp(6px,1.2vh,12px)}.spread[data-layout=spire]{grid-template-columns:repeat(3,var(--card-w));grid-template-rows:auto auto}.spread[data-layout=spire] .pile[data-pile="0"]{grid-column:2;grid-row:1}.spread[data-layout=spire] .pile[data-pile="1"]{grid-column:1;grid-row:2}.spread[data-layout=spire] .pile[data-pile="2"]{grid-column:2;grid-row:2}.spread[data-layout=spire] .pile[data-pile="3"]{grid-column:3;grid-row:2}.spread[data-layout=square]{grid-template-columns:repeat(2,var(--card-w));grid-template-rows:auto auto}.spread[data-layout=square] .pile[data-pile="0"]{grid-column:1;grid-row:1}.spread[data-layout=square] .pile[data-pile="1"]{grid-column:2;grid-row:1}.spread[data-layout=square] .pile[data-pile="2"]{grid-column:1;grid-row:2}.spread[data-layout=square] .pile[data-pile="3"]{grid-column:2;grid-row:2}.spread[data-layout=compass]{grid-template-columns:repeat(3,var(--card-w));grid-template-rows:auto auto auto}.spread[data-layout=compass] .pile[data-pile="0"]{grid-column:2;grid-row:1}.spread[data-layout=compass] .pile[data-pile="1"]{grid-column:3;grid-row:2}.spread[data-layout=compass] .pile[data-pile="2"]{grid-column:2;grid-row:3}.spread[data-layout=compass] .pile[data-pile="3"]{grid-column:1;grid-row:2}.spread[data-layout=horseshoe]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto;row-gap:clamp(6px,1vh,12px)}.spread[data-layout=horseshoe] .pile[data-pile="0"]{grid-column:3;grid-row:3}.spread[data-layout=horseshoe] .pile[data-pile="1"]{grid-column:1;grid-row:1}.spread[data-layout=horseshoe] .pile[data-pile="2"]{grid-column:5;grid-row:1}.spread[data-layout=horseshoe] .pile[data-pile="3"]{grid-column:1;grid-row:2}.spread[data-layout=horseshoe] .pile[data-pile="4"]{grid-column:5;grid-row:2}.spread[data-layout=horseshoe] .pile[data-pile="5"]{grid-column:2;grid-row:3}.spread[data-layout=horseshoe] .pile[data-pile="6"]{grid-column:4;grid-row:3}.spread[data-layout=widediamond]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto;row-gap:clamp(6px,1vh,12px)}.spread[data-layout=widediamond] .pile[data-pile="0"]{grid-column:3;grid-row:1}.spread[data-layout=widediamond] .pile[data-pile="1"]{grid-column:2;grid-row:2}.spread[data-layout=widediamond] .pile[data-pile="2"]{grid-column:4;grid-row:2}.spread[data-layout=widediamond] .pile[data-pile="3"]{grid-column:1;grid-row:2}.spread[data-layout=widediamond] .pile[data-pile="4"]{grid-column:5;grid-row:2}.spread[data-layout=widediamond] .pile[data-pile="5"]{grid-column:2;grid-row:3}.spread[data-layout=widediamond] .pile[data-pile="6"]{grid-column:4;grid-row:3}.spread[data-layout=hourglass2]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto;row-gap:clamp(6px,1vh,12px)}.spread[data-layout=hourglass2] .pile[data-pile="0"]{grid-column:3;grid-row:1}.spread[data-layout=hourglass2] .pile[data-pile="1"]{grid-column:1;grid-row:1}.spread[data-layout=hourglass2] .pile[data-pile="2"]{grid-column:5;grid-row:1}.spread[data-layout=hourglass2] .pile[data-pile="3"]{grid-column:3;grid-row:2}.spread[data-layout=hourglass2] .pile[data-pile="4"]{grid-column:1;grid-row:3}.spread[data-layout=hourglass2] .pile[data-pile="5"]{grid-column:5;grid-row:3}.spread[data-layout=hourglass2] .pile[data-pile="6"]{grid-column:3;grid-row:3}.spread[data-layout=comet]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto;row-gap:clamp(6px,1.2vh,12px)}.spread[data-layout=comet] .pile[data-pile="0"]{grid-column:1;grid-row:3}.spread[data-layout=comet] .pile[data-pile="1"]{grid-column:2;grid-row:3}.spread[data-layout=comet] .pile[data-pile="2"]{grid-column:3;grid-row:2}.spread[data-layout=comet] .pile[data-pile="3"]{grid-column:4;grid-row:1}.spread[data-layout=comet] .pile[data-pile="4"]{grid-column:5;grid-row:1}.spread[data-layout=tide]{grid-template-columns:repeat(6,var(--card-w));grid-template-rows:auto auto;row-gap:clamp(6px,1vh,12px)}.spread[data-layout=tide] .pile[data-pile="0"]{grid-column:1;grid-row:2}.spread[data-layout=tide] .pile[data-pile="1"]{grid-column:2;grid-row:1}.spread[data-layout=tide] .pile[data-pile="2"]{grid-column:3;grid-row:2}.spread[data-layout=tide] .pile[data-pile="3"]{grid-column:4;grid-row:1}.spread[data-layout=tide] .pile[data-pile="4"]{grid-column:5;grid-row:2}.spread[data-layout=tide] .pile[data-pile="5"]{grid-column:6;grid-row:1}.spread[data-layout=branch]{grid-template-columns:repeat(3,var(--card-w));grid-template-rows:auto auto auto;row-gap:clamp(6px,1vh,12px)}.spread[data-layout=branch] .pile[data-pile="0"]{grid-column:2;grid-row:3}.spread[data-layout=branch] .pile[data-pile="1"]{grid-column:1;grid-row:1}.spread[data-layout=branch] .pile[data-pile="2"]{grid-column:3;grid-row:1}.spread[data-layout=branch] .pile[data-pile="3"]{grid-column:1;grid-row:2}.spread[data-layout=branch] .pile[data-pile="4"]{grid-column:3;grid-row:2}.spread[data-layout=loom]{grid-template-columns:repeat(3,var(--card-w));grid-template-rows:auto auto auto;row-gap:clamp(6px,1.2vh,12px)}.spread[data-layout=loom] .pile[data-pile="0"]{grid-column:1;grid-row:1}.spread[data-layout=loom] .pile[data-pile="1"]{grid-column:3;grid-row:1}.spread[data-layout=loom] .pile[data-pile="2"]{grid-column:2;grid-row:2}.spread[data-layout=loom] .pile[data-pile="3"]{grid-column:1;grid-row:3}.spread[data-layout=fan]{grid-template-columns:repeat(5,var(--card-w));row-gap:clamp(6px,1.2vh,14px)}.spread[data-layout=fan] .pile[data-pile="0"]{grid-column:3;grid-row:3}.spread[data-layout=fan] .pile[data-pile="1"]{grid-column:1;grid-row:2}.spread[data-layout=fan] .pile[data-pile="2"]{grid-column:2;grid-row:1}.spread[data-layout=fan] .pile[data-pile="3"]{grid-column:4;grid-row:1}.spread[data-layout=fan] .pile[data-pile="4"]{grid-column:5;grid-row:2}.spread[data-layout=eye]{grid-template-columns:repeat(5,var(--card-w));row-gap:clamp(6px,1.2vh,14px)}.spread[data-layout=eye] .pile[data-pile="0"]{grid-column:3;grid-row:2}.spread[data-layout=eye] .pile[data-pile="1"]{grid-column:2;grid-row:1}.spread[data-layout=eye] .pile[data-pile="2"]{grid-column:4;grid-row:1}.spread[data-layout=eye] .pile[data-pile="3"]{grid-column:1;grid-row:3}.spread[data-layout=eye] .pile[data-pile="4"]{grid-column:5;grid-row:3}.spread[data-layout=w]{grid-template-columns:repeat(5,var(--card-w));row-gap:clamp(6px,1.2vh,14px)}.spread[data-layout=w] .pile[data-pile="0"]{grid-column:1;grid-row:1}.spread[data-layout=w] .pile[data-pile="1"]{grid-column:2;grid-row:2}.spread[data-layout=w] .pile[data-pile="2"]{grid-column:3;grid-row:1}.spread[data-layout=w] .pile[data-pile="3"]{grid-column:4;grid-row:2}.spread[data-layout=w] .pile[data-pile="4"]{grid-column:5;grid-row:1}.spread[data-layout=scurve]{grid-template-columns:repeat(5,var(--card-w));row-gap:clamp(6px,1.2vh,14px)}.spread[data-layout=scurve] .pile[data-pile="0"]{grid-column:1;grid-row:1}.spread[data-layout=scurve] .pile[data-pile="1"]{grid-column:2;grid-row:2}.spread[data-layout=scurve] .pile[data-pile="2"]{grid-column:3;grid-row:2}.spread[data-layout=scurve] .pile[data-pile="3"]{grid-column:4;grid-row:2}.spread[data-layout=scurve] .pile[data-pile="4"]{grid-column:5;grid-row:3}.spread[data-layout=fork]{grid-template-columns:repeat(3,var(--card-w));row-gap:clamp(6px,1.2vh,14px)}.spread[data-layout=fork] .pile[data-pile="0"]{grid-column:2;grid-row:2}.spread[data-layout=fork] .pile[data-pile="1"]{grid-column:1;grid-row:1}.spread[data-layout=fork] .pile[data-pile="2"]{grid-column:2;grid-row:1}.spread[data-layout=fork] .pile[data-pile="3"]{grid-column:3;grid-row:1}.spread[data-layout=aries],.spread[data-layout=taurus],.spread[data-layout=gemini],.spread[data-layout=cancer],.spread[data-layout=leo],.spread[data-layout=virgo],.spread[data-layout=libra],.spread[data-layout=scorpio],.spread[data-layout=sagittarius],.spread[data-layout=capricorn],.spread[data-layout=aquarius],.spread[data-layout=pisces]{row-gap:clamp(4px,1vh,10px)}.spread[data-layout=aries]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto}.spread[data-layout=aries] .pile[data-pile="0"]{grid-column:3;grid-row:1}.spread[data-layout=aries] .pile[data-pile="1"]{grid-column:2;grid-row:1}.spread[data-layout=aries] .pile[data-pile="2"]{grid-column:1;grid-row:1}.spread[data-layout=aries] .pile[data-pile="3"]{grid-column:4;grid-row:2}.spread[data-layout=aries] .pile[data-pile="4"]{grid-column:5;grid-row:2}.spread[data-layout=taurus]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto}.spread[data-layout=taurus] .pile[data-pile="0"]{grid-column:3;grid-row:2}.spread[data-layout=taurus] .pile[data-pile="1"]{grid-column:2;grid-row:1}.spread[data-layout=taurus] .pile[data-pile="2"]{grid-column:2;grid-row:3}.spread[data-layout=taurus] .pile[data-pile="3"]{grid-column:5;grid-row:1}.spread[data-layout=taurus] .pile[data-pile="4"]{grid-column:5;grid-row:3}.spread[data-layout=taurus] .pile[data-pile="5"]{grid-column:1;grid-row:2}.spread[data-layout=gemini]{grid-template-columns:repeat(3,var(--card-w));grid-template-rows:auto auto auto}.spread[data-layout=gemini] .pile[data-pile="0"]{grid-column:2;grid-row:1}.spread[data-layout=gemini] .pile[data-pile="1"]{grid-column:3;grid-row:1}.spread[data-layout=gemini] .pile[data-pile="2"]{grid-column:3;grid-row:2}.spread[data-layout=gemini] .pile[data-pile="3"]{grid-column:3;grid-row:3}.spread[data-layout=gemini] .pile[data-pile="4"]{grid-column:2;grid-row:2}.spread[data-layout=gemini] .pile[data-pile="5"]{grid-column:2;grid-row:3}.spread[data-layout=gemini] .pile[data-pile="6"]{grid-column:1;grid-row:3}.spread[data-layout=cancer]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto}.spread[data-layout=cancer] .pile[data-pile="0"]{grid-column:2;grid-row:3}.spread[data-layout=cancer] .pile[data-pile="1"]{grid-column:4;grid-row:2}.spread[data-layout=cancer] .pile[data-pile="2"]{grid-column:2;grid-row:2}.spread[data-layout=cancer] .pile[data-pile="3"]{grid-column:3;grid-row:1}.spread[data-layout=cancer] .pile[data-pile="4"]{grid-column:5;grid-row:3}.spread[data-layout=cancer] .pile[data-pile="5"]{grid-column:1;grid-row:2}.spread[data-layout=cancer] .pile[data-pile="6"]{grid-column:5;grid-row:2}.spread[data-layout=leo]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto}.spread[data-layout=leo] .pile[data-pile="0"]{grid-column:2;grid-row:3}.spread[data-layout=leo] .pile[data-pile="1"]{grid-column:5;grid-row:2}.spread[data-layout=leo] .pile[data-pile="2"]{grid-column:1;grid-row:2}.spread[data-layout=leo] .pile[data-pile="3"]{grid-column:4;grid-row:2}.spread[data-layout=leo] .pile[data-pile="4"]{grid-column:1;grid-row:1}.spread[data-layout=leo] .pile[data-pile="5"]{grid-column:4;grid-row:3}.spread[data-layout=virgo]{grid-template-columns:repeat(4,var(--card-w));grid-template-rows:auto auto auto}.spread[data-layout=virgo] .pile[data-pile="0"]{grid-column:3;grid-row:3}.spread[data-layout=virgo] .pile[data-pile="1"]{grid-column:4;grid-row:1}.spread[data-layout=virgo] .pile[data-pile="2"]{grid-column:3;grid-row:1}.spread[data-layout=virgo] .pile[data-pile="3"]{grid-column:2;grid-row:1}.spread[data-layout=virgo] .pile[data-pile="4"]{grid-column:1;grid-row:1}.spread[data-layout=libra]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto}.spread[data-layout=libra] .pile[data-pile="0"]{grid-column:5;grid-row:1}.spread[data-layout=libra] .pile[data-pile="1"]{grid-column:1;grid-row:1}.spread[data-layout=libra] .pile[data-pile="2"]{grid-column:5;grid-row:3}.spread[data-layout=libra] .pile[data-pile="3"]{grid-column:1;grid-row:3}.spread[data-layout=libra] .pile[data-pile="4"]{grid-column:2;grid-row:2}.spread[data-layout=libra] .pile[data-pile="5"]{grid-column:4;grid-row:2}.spread[data-layout=scorpio]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto}.spread[data-layout=scorpio] .pile[data-pile="0"]{grid-column:2;grid-row:2}.spread[data-layout=scorpio] .pile[data-pile="1"]{grid-column:2;grid-row:1}.spread[data-layout=scorpio] .pile[data-pile="2"]{grid-column:3;grid-row:1}.spread[data-layout=scorpio] .pile[data-pile="3"]{grid-column:1;grid-row:1}.spread[data-layout=scorpio] .pile[data-pile="4"]{grid-column:4;grid-row:3}.spread[data-layout=scorpio] .pile[data-pile="5"]{grid-column:5;grid-row:3}.spread[data-layout=sagittarius]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto}.spread[data-layout=sagittarius] .pile[data-pile="0"]{grid-column:2;grid-row:3}.spread[data-layout=sagittarius] .pile[data-pile="1"]{grid-column:3;grid-row:1}.spread[data-layout=sagittarius] .pile[data-pile="2"]{grid-column:1;grid-row:2}.spread[data-layout=sagittarius] .pile[data-pile="3"]{grid-column:2;grid-row:2}.spread[data-layout=sagittarius] .pile[data-pile="4"]{grid-column:4;grid-row:2}.spread[data-layout=sagittarius] .pile[data-pile="5"]{grid-column:5;grid-row:2}.spread[data-layout=sagittarius] .pile[data-pile="6"]{grid-column:3;grid-row:3}.spread[data-layout=capricorn]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto}.spread[data-layout=capricorn] .pile[data-pile="0"]{grid-column:5;grid-row:1}.spread[data-layout=capricorn] .pile[data-pile="1"]{grid-column:1;grid-row:1}.spread[data-layout=capricorn] .pile[data-pile="2"]{grid-column:1;grid-row:2}.spread[data-layout=capricorn] .pile[data-pile="3"]{grid-column:5;grid-row:2}.spread[data-layout=capricorn] .pile[data-pile="4"]{grid-column:3;grid-row:3}.spread[data-layout=capricorn] .pile[data-pile="5"]{grid-column:2;grid-row:3}.spread[data-layout=aquarius]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto}.spread[data-layout=aquarius] .pile[data-pile="0"]{grid-column:4;grid-row:1}.spread[data-layout=aquarius] .pile[data-pile="1"]{grid-column:2;grid-row:1}.spread[data-layout=aquarius] .pile[data-pile="2"]{grid-column:2;grid-row:2}.spread[data-layout=aquarius] .pile[data-pile="3"]{grid-column:3;grid-row:2}.spread[data-layout=aquarius] .pile[data-pile="4"]{grid-column:4;grid-row:2}.spread[data-layout=aquarius] .pile[data-pile="5"]{grid-column:3;grid-row:3}.spread[data-layout=aquarius] .pile[data-pile="6"]{grid-column:5;grid-row:3}.spread[data-layout=pisces]{grid-template-columns:repeat(5,var(--card-w));grid-template-rows:auto auto auto}.spread[data-layout=pisces] .pile[data-pile="0"]{grid-column:3;grid-row:3}.spread[data-layout=pisces] .pile[data-pile="1"]{grid-column:1;grid-row:1}.spread[data-layout=pisces] .pile[data-pile="2"]{grid-column:2;grid-row:2}.spread[data-layout=pisces] .pile[data-pile="3"]{grid-column:1;grid-row:3}.spread[data-layout=pisces] .pile[data-pile="4"]{grid-column:5;grid-row:1}.spread[data-layout=pisces] .pile[data-pile="5"]{grid-column:4;grid-row:2}.spread[data-layout=pisces] .pile[data-pile="6"]{grid-column:5;grid-row:3}.pile{width:var(--card-w);display:flex;flex-direction:column;align-items:center;gap:4px}.pile .pile-slot{position:relative;width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);background:transparent;border:1px dashed var(--line)}.pile.empty .pile-slot{opacity:.6}.pile .pile-count{font-size:11px;color:var(--ink-dim);font-feature-settings:"tnum";line-height:1;margin-top:2px;text-align:center}.pile .pile-count.cleared{color:var(--ink-faint)}.card{position:absolute;inset:0;border-radius:var(--card-radius);background:var(--card-face);color:var(--card-ink);box-shadow:0 1px 2px #00000040,0 0 0 1px #0000000f;display:flex;flex-direction:column;padding:4px 6px;cursor:grab;transition:transform .14s ease,box-shadow .14s ease;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none}body[data-theme=light] .card{box-shadow:0 2px 4px #1a16141f,0 1px 2px #1a161414,0 0 0 1px #1a161438}body[data-theme=light] .card.suit-c{color:#2f5832}body[data-theme=light] .card.suit-h{color:#a13a2c}body[data-theme=light] .card.suit-d{color:#2f5775}body[data-theme=light] .discard{border-color:#1a161466}body[data-theme=light] .pile .pile-slot{border-color:#1a161433}.card.dim{opacity:.5;cursor:default}.card.face-down{background:repeating-linear-gradient(135deg,var(--card-back-stripe) 0 6px,var(--card-back-base) 6px 12px);color:transparent;cursor:pointer;box-shadow:0 1px 2px #00000040,inset 0 0 0 2px #ffffff0f,0 0 0 1px #0003}.card.face-down:after{content:"";position:absolute;inset:4px;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff24}.card.flippable.face-down:before{content:"tap";position:absolute;inset:0;display:grid;place-items:center;color:#ebe4d4d9;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-family:Georgia,serif}.card.dragging{visibility:hidden}.card.pile-underneath{z-index:0}.card .rank{font-size:14px;font-weight:700;line-height:1;font-feature-settings:"lnum";align-self:flex-start;text-align:left}.card .suit-glyph{flex:1;display:grid;place-items:center;font-size:22px;line-height:1}.card .rank-bottom{font-size:11px;line-height:1;align-self:flex-end;transform:rotate(180deg);opacity:.7}.card.suit-s{color:var(--suit-s)}.card.suit-h{color:var(--suit-h)}.card.suit-d{color:var(--suit-d)}.card.suit-c{color:var(--suit-c)}.card.is-joker{background:var(--card-face);border:1.5px solid var(--joker);color:var(--joker)}.card.is-joker .joker-icon{flex:1;display:grid;place-items:center;color:var(--joker)}.card.is-joker .joker-icon svg{width:78%;height:78%}.card.is-joker .joker-label{font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--joker);text-align:center}.card.is-joker.win-pulse{animation:joker-pulse .7s ease-out}.card.is-joker.win-glow{animation:joker-win-glow 3.4s ease-in-out infinite}@keyframes joker-win-glow{0%,to{box-shadow:0 1px 2px #00000040,0 0 6px 1px #9b7bb838;transform:translateY(0)}50%{box-shadow:0 2px 6px #00000040,0 0 18px 4px #9b7bb873;transform:translateY(-1.5px)}}body[data-motion=reduced] .card.is-joker.win-glow{animation:none}.card.flip-in{animation:flip-in .48s cubic-bezier(.32,.72,0,1);transform-style:preserve-3d;backface-visibility:hidden}.card.placed{animation:card-place .24s cubic-bezier(.32,.72,0,1)}@keyframes card-place{0%{transform:scale(1.08) translateY(-6px);box-shadow:0 6px 14px #00000059,0 0 0 1px #0000000f}60%{transform:scale(1.02) translateY(1px)}to{transform:scale(1) translateY(0);box-shadow:0 1px 2px #00000040,0 0 0 1px #0000000f}}.card.stacked{animation:card-stack .28s cubic-bezier(.32,.72,0,1)}@keyframes card-stack{0%{transform:scale(1.06) translateY(-4px) rotate(-1.5deg)}to{transform:scale(1) translateY(0) rotate(0)}}body[data-motion=reduced] .card.placed,body[data-motion=reduced] .card.stacked{animation:none}.card.undo-unplayed{animation:undo-unplayed .52s cubic-bezier(.22,.55,.3,1)}@keyframes undo-unplayed{0%{transform:translateY(32px) scale(.9);opacity:0}25%{transform:translateY(28px) scale(.92);opacity:.7}72%{transform:translateY(-4px) scale(1.05);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.card.undo-unstacked{animation:undo-unstacked .52s cubic-bezier(.22,.55,.3,1)}@keyframes undo-unstacked{0%{transform:translate(-30px) scale(.9) rotate(3deg);opacity:0}25%{transform:translate(-26px) scale(.92) rotate(3deg);opacity:.7}72%{transform:translate(4px) scale(1.05) rotate(0);opacity:1}to{transform:translate(0) scale(1);opacity:1}}.pile-slot.undo-source,#discard.undo-source{animation:undo-source-pulse .52s ease-out}@keyframes undo-source-pulse{0%{box-shadow:inset 0 0 0 2px var(--accent, #c2a373)}60%{box-shadow:inset 0 0 0 2px #c2a37366}to{box-shadow:inset 0 0 0 1px transparent}}body[data-motion=reduced] .card.undo-unplayed,body[data-motion=reduced] .card.undo-unstacked,body[data-motion=reduced] .pile-slot.undo-source,body[data-motion=reduced] #discard.undo-source{animation:none}.card.flip-in:after{content:"";position:absolute;inset:0;border-radius:var(--card-radius);background:repeating-linear-gradient(135deg,var(--card-back-stripe) 0 6px,var(--card-back-base) 6px 12px);box-shadow:inset 0 0 0 2px #ffffff0f;transform:rotateY(180deg);backface-visibility:hidden}@keyframes flip-in{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}body[data-motion=reduced] .card.flip-in{animation:none}@keyframes joker-pulse{0%{box-shadow:0 1px 2px #00000040,0 0 0 0 var(--joker)}35%{box-shadow:0 1px 2px #00000040,0 0 24px 8px var(--joker)}to{box-shadow:0 1px 2px #00000040,0 0 0 0 transparent}}.pile-slot.drop-legal:after{content:"";position:absolute;inset:-3px;border-radius:calc(var(--card-radius) + 3px);box-shadow:0 0 0 2px var(--legal),0 0 14px var(--legal);pointer-events:none}.pile-slot.drop-illegal:after{content:"";position:absolute;inset:-3px;border-radius:calc(var(--card-radius) + 3px);box-shadow:0 0 0 2px var(--illegal);pointer-events:none}.pile-slot.shake{animation:shake .28s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.discard-row{margin:0;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1vh,10px)}.discard-label{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-faint)}.discard-direction{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-dim);text-align:center;white-space:nowrap}.discard-direction-arrow{color:var(--accent)}.discard-direction-word{color:var(--ink-dim)}.discard{position:relative;width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);border:1px dashed var(--line-strong)}.discard.drop-legal:after{content:"";position:absolute;inset:-3px;border-radius:calc(var(--card-radius) + 3px);box-shadow:0 0 0 2px var(--legal),0 0 16px var(--legal);pointer-events:none}.discard.drop-illegal:after{content:"";position:absolute;inset:-3px;border-radius:calc(var(--card-radius) + 3px);box-shadow:0 0 0 2px var(--illegal);pointer-events:none}.discard .card{cursor:default}.drag-ghost{position:fixed;width:var(--card-w);height:var(--card-h);pointer-events:none;z-index:100;transform:translate(-50%,-50%) scale(1.06) rotate(-2deg);filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}.status-bar{margin:0;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,14px);padding:clamp(8px,1.4vw,10px) clamp(10px,2.5vw,16px);border:1px solid var(--line);border-radius:999px;background:var(--surface);flex-wrap:nowrap;min-width:0}.status-cards{font-size:clamp(9px,2.4vw,11px);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);font-feature-settings:"tnum";white-space:nowrap}.status-timer{font-size:clamp(12px,3vw,14px);letter-spacing:.06em;color:var(--ink);font-feature-settings:"tnum";min-width:3ch;text-align:center;white-space:nowrap;transition:opacity .24s ease-out}.status-timer[data-paused=true]{animation:timer-paused-pulse 1.6s ease-in-out infinite}@keyframes timer-paused-pulse{0%,to{opacity:1}50%{opacity:.45}}body[data-motion=reduced] .status-timer[data-paused=true]{animation:none;opacity:.6}.status-divider{color:var(--ink-faint);font-size:12px;user-select:none}.status-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.status-btn[hidden]{display:none}.status-btn{all:unset;touch-action:manipulation;cursor:pointer;padding:clamp(6px,1.4vw,7px) clamp(10px,2.5vw,14px);border:1px solid var(--line);border-radius:999px;font-family:Georgia,serif;font-size:clamp(9px,2.2vw,10px);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);min-height:36px;box-sizing:border-box;transition:background .12s,color .12s,border-color .12s}.status-btn:hover:not(:disabled){color:var(--ink);border-color:var(--line-strong);background:var(--surface-2)}.status-btn:disabled{opacity:.32;cursor:default}.status-btn.icon{width:36px;height:36px;padding:0;display:grid;place-items:center;font-size:14px;letter-spacing:0}.status-btn.armed{color:var(--illegal);border-color:var(--illegal);background:#c2643f14}.status-btn.armed:hover:not(:disabled){background:#c2643f29}#reset-btn{min-width:5.5em;text-align:center}.status-btn.collapsible .ico{display:none}@media(max-width:400px){.status-bar{gap:6px;padding:8px 10px}.status-btn{padding:6px 10px;letter-spacing:.14em}#reset-btn{min-width:4.5em}.status-btn.collapsible:not([hidden]){width:36px;min-width:0;padding:0;display:grid;place-items:center;color:var(--ink-dim)}.status-btn.collapsible .lbl{display:none}.status-btn.collapsible .ico{display:block}.status-btn.collapsible:hover:not(:disabled){color:var(--ink)}}.hint-row{margin:0;text-align:center;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);min-height:14px}.hint-row.stuck{color:var(--illegal);opacity:1;letter-spacing:.18em;animation:hint-pulse 1.8s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.7}50%{opacity:1}}body[data-motion=reduced] .hint-row.stuck{animation:none;opacity:1}.status-btn.attention{border-color:var(--illegal);color:var(--illegal);animation:btn-attention 1.8s ease-in-out infinite}@keyframes btn-attention{0%,to{box-shadow:0 0 #c2643f00}50%{box-shadow:0 0 0 3px #c2643f40}}body[data-motion=reduced] .status-btn.attention{animation:none}.hint-row:empty,.hint-row.dim{opacity:0}.overlay{position:fixed;inset:0;background:#14110fb8;display:flex;justify-content:center;align-items:center;padding:24px;z-index:200}.overlay[hidden]{display:none}.overlay .sheet{background:var(--surface);border-radius:12px;padding:28px 24px 22px;width:100%;max-width:380px;text-align:center;box-shadow:0 12px 60px #0000008c;color:var(--ink)}.overlay h2{font-family:Georgia,serif;font-size:26px;letter-spacing:.18em;text-transform:uppercase;font-weight:400;margin:0 0 6px}.overlay .sub{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim)}.overlay .big-time{font-family:Georgia,serif;font-size:48px;margin:18px 0 4px;font-feature-settings:"tnum";color:var(--accent)}.overlay .share-grid{margin:16px 0;padding:14px 12px;background:var(--surface-2);border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;text-align:left;white-space:pre-wrap;word-break:break-word;color:var(--ink)}.overlay .actions{display:flex;justify-content:center;gap:8px;margin-top:8px;flex-wrap:wrap}.overlay button{all:unset;touch-action:manipulation;cursor:pointer;padding:10px 16px;border-radius:999px;background:var(--ink);color:var(--bg);font-family:Georgia,serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;display:inline-block;min-height:44px;box-sizing:border-box}.overlay button[hidden]{display:none}.try-line{margin-top:8px;font-family:Georgia,serif;font-size:13px;color:var(--ink-mid);text-align:center}.try-line[hidden]{display:none}.overlay button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line-strong)}.overlay .countdown-row{margin-top:8px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);font-family:ui-monospace,monospace}.overlay.stuck h2{color:var(--illegal)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);padding:10px 16px;background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:999px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;box-shadow:0 6px 20px #00000059;z-index:300;opacity:0;transition:opacity .22s;pointer-events:none}.toast.show{opacity:1}.toast.success{border-color:var(--legal);color:var(--legal)}.toast.error{border-color:var(--illegal);color:var(--illegal)}.toast.joker{border-color:var(--joker);color:var(--joker)}body:not([data-dev=on]) [data-dev-only]{display:none!important}.dev-surface{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:320px;background:var(--surface);border-left:1px solid var(--line-strong);z-index:240;transform:translate(100%);transition:transform .32s cubic-bezier(.32,.72,0,1);padding:56px 20px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:18px;box-shadow:-12px 0 40px #00000059}.dev-surface.open{transform:translate(0)}body[data-motion=reduced] .dev-surface{transition:none}.dev-surface .dev-close{all:unset;touch-action:manipulation;cursor:pointer;position:absolute;top:14px;right:18px;font-size:22px;line-height:1;color:var(--ink-faint);padding:4px 8px}.dev-surface .dev-close:hover{color:var(--ink)}.dev-surface .dev-title{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);margin:0 0 6px}.dev-toggle{all:unset;touch-action:manipulation;cursor:pointer;position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);right:12px;z-index:235;padding:5px 10px;border:1px dashed var(--line-strong);border-radius:999px;background:var(--surface);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);box-shadow:0 2px 8px #0000004d;opacity:.7}.dev-toggle:hover{opacity:1;color:var(--ink)}.dev-toggle:hover{background:var(--surface-2)}body:not([data-dev=on]) .dev-toggle{display:none}.dev-section .dev-lbl{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.dev-rows .row{display:flex;justify-content:space-between;gap:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--ink-dim);line-height:1.6}.dev-rows .row b{color:var(--ink);font-weight:400}.dev-deal-picker{display:flex;flex-direction:column;gap:12px}.dev-deal-filter{position:sticky;top:0;background:var(--bg);padding:4px 0;z-index:1}.dev-deal-filter input{all:unset;touch-action:manipulation;width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:6px;font-family:ui-monospace,monospace;font-size:11px;color:var(--ink);background:transparent;box-sizing:border-box}.dev-deal-filter input:focus-visible{border-color:var(--accent);outline:none}.dev-deal-list{display:flex;flex-direction:column;gap:10px}.dev-deal-section{display:flex;flex-direction:column;gap:4px}.dev-deal-section[hidden]{display:none}.dev-deal-section-heading{margin:0;padding:2px 0;font-family:Georgia,serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);font-weight:400;border-bottom:1px solid var(--line)}.dev-deal-section button{all:unset;touch-action:manipulation;cursor:pointer;padding:5px 10px;border-radius:999px;border:1px solid var(--line);color:var(--ink-dim);font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.04em;display:inline-block;width:fit-content}.dev-deal-section button[aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}.dev-deal-section button[hidden]{display:none}.dev-actions{display:flex;gap:8px}.dev-btn{all:unset;touch-action:manipulation;cursor:pointer;padding:8px 14px;border:1px solid var(--line-strong);border-radius:999px;font-family:Georgia,serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);min-height:32px;box-sizing:border-box}.dev-btn:hover{background:var(--surface-2)}.settings-scrim{position:fixed;inset:0;background:#14110f80;z-index:230;opacity:0;pointer-events:none;transition:opacity .32s cubic-bezier(.32,.72,0,1);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.settings-scrim.open{opacity:1;pointer-events:auto}body[data-motion=reduced] .settings-scrim{transition:none}.settings-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:320px;background:var(--surface);border-left:1px solid var(--line);z-index:240;transform:translate(100%);transition:transform .32s cubic-bezier(.32,.72,0,1);padding:60px 22px 22px;overflow-y:auto;will-change:transform;box-shadow:-12px 0 40px #00000059}.settings-panel.open{transform:translate(0)}body[data-motion=reduced] .settings-panel{transition:none}.settings-panel h3{margin:0 0 18px;font-family:Georgia,serif;font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);font-weight:400}.settings-panel .group{margin-bottom:22px}.settings-panel .group .lbl{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.settings-panel .options{display:flex;gap:6px;flex-wrap:wrap}.settings-panel .opt{all:unset;touch-action:manipulation;cursor:pointer;padding:7px 12px;border:1px solid var(--line);border-radius:999px;font-family:Georgia,serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);min-height:28px;box-sizing:border-box;transition:color .18s ease,background .18s ease,border-color .18s ease}.settings-panel .opt[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.settings-panel .options[data-setting]{position:relative;display:flex;gap:0;padding:3px;background:var(--surface-2);border-radius:999px;border:1px solid var(--line);overflow:hidden;width:100%;--slider-pos: 0%}.settings-panel .options[data-setting]:has(.opt:nth-child(1)[aria-pressed=true]){--slider-pos: 0%}.settings-panel .options[data-setting]:has(.opt:nth-child(2)[aria-pressed=true]){--slider-pos: 100%}.settings-panel .options[data-setting]:before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);background:var(--ink);border-radius:999px;transform:translate(var(--slider-pos));transition:transform .24s cubic-bezier(.32,.72,0,1);z-index:0;box-shadow:0 1px 3px #00000040}body[data-motion=reduced] .settings-panel .options[data-setting]:before{transition:none}.settings-panel .options[data-setting] .opt{all:unset;touch-action:manipulation;position:relative;z-index:1;cursor:pointer;flex:1 1 0;min-width:0;padding:7px 12px;border:none;border-radius:999px;font-family:Georgia,serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);min-height:28px;box-sizing:border-box;text-align:center;transition:color .22s cubic-bezier(.32,.72,0,1)}.settings-panel .options[data-setting] .opt[aria-pressed=true]{color:var(--bg);background:transparent;border-color:transparent}.settings-panel .options[data-setting] .opt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-panel .close{position:absolute;top:14px;right:18px;background:transparent;border:0;color:var(--ink-dim);cursor:pointer;font-size:18px;line-height:1}.onb-stage{position:relative;width:240px;height:120px;margin:0 auto}.onb-card-frame{position:absolute;width:56px;height:80px}.onb-card-frame .card{padding:4px 5px;border-radius:6px;cursor:default}.onb-card-frame .card .rank{font-size:12px}.onb-card-frame .card .suit-glyph{font-size:19px}.onb-card-frame .card .rank-bottom{font-size:9px}.onb-card-frame .card.is-joker .joker-label{font-size:7px;letter-spacing:.2em}.onb-card-frame .card.is-joker .joker-icon svg{width:70%;height:70%}.onb-card-frame.joker-large{width:70px;height:104px}.onb-card-frame.joker-large .card .joker-label{font-size:8px}.onb-card-frame.joker-large .card.is-joker .joker-icon svg{width:78%;height:78%}.onb-card-frame.full-size{width:70px;height:104px}.onb-card-frame.full-size .card .rank{font-size:14px}.onb-card-frame.full-size .card .suit-glyph{font-size:22px}.onb-card-frame.full-size .card .rank-bottom{font-size:11px}.onb-flipper.onb-flipper-tap.full-size{width:70px;height:104px}.onb-card-frame.discard-slot:before{content:"";position:absolute;inset:-3px;border:1px dashed var(--line-strong);border-radius:7px;pointer-events:none}.onb-card-frame.halo-legal:after{content:"";position:absolute;inset:-3px;border-radius:8px;box-shadow:0 0 0 2px var(--legal),0 0 12px var(--legal);pointer-events:none;opacity:.85}.onb-card-frame.discard-halo-cycle:after{content:"";position:absolute;inset:-3px;border-radius:8px;box-shadow:0 0 0 2px var(--legal),0 0 14px var(--legal);pointer-events:none;opacity:0;animation:discard-halo-cycle 3.2s ease-in-out infinite}@keyframes discard-halo-cycle{0%,8%{opacity:0}18%,30%{opacity:.85}38%,58%{opacity:0}68%,80%{opacity:.85}88%,to{opacity:0}}body[data-motion=reduced] .onb-card-frame.discard-halo-cycle:after{animation:none}.onb-discard-label{position:absolute;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);width:46px;text-align:center}.onb-tiny-label{position:absolute;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);text-align:center}.rank-delta{position:absolute;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;color:var(--legal);letter-spacing:.06em}.onb-card-frame.rank-slide-right{animation:rank-slide-right 3.2s ease-in-out infinite}.onb-card-frame.rank-slide-left{animation:rank-slide-left 3.2s ease-in-out infinite;animation-delay:1.6s}@keyframes rank-slide-right{0%,10%{transform:translate(0) scale(1)}35%{transform:translate(40px) scale(1.04)}55%{transform:translate(40px) scale(1.04)}78%,to{transform:translate(0) scale(1)}}@keyframes rank-slide-left{0%,10%{transform:translate(0) scale(1)}35%{transform:translate(-40px) scale(1.04)}55%{transform:translate(-40px) scale(1.04)}78%,to{transform:translate(0) scale(1)}}.onb-arrow{position:absolute;font-size:22px;color:var(--accent)}.onb-flipper{position:absolute;width:42px;height:62px}.onb-flipper .onb-card-frame{position:absolute;inset:0;width:100%;height:100%}@keyframes drag-loop{0%{transform:translate(0) scale(1);opacity:0}8%{transform:translate(0) scale(1);opacity:1}20%{transform:translateY(-6px) scale(1.08) rotate(-2deg);opacity:1}55%{transform:translate(152px,-6px) scale(1.08) rotate(-2deg);opacity:1}68%{transform:translate(152px) scale(1) rotate(0);opacity:1}82%{transform:translate(152px) scale(1);opacity:1}to{transform:translate(152px) scale(1);opacity:0}}.drag-loop{animation:drag-loop 3.4s ease-in-out infinite;z-index:5}@keyframes stack-source{0%,14%{transform:translate(0) rotate(0);opacity:1}20%{transform:translateY(-8px) rotate(-3deg);opacity:1}50%{transform:translate(128px,-8px) rotate(-3deg);opacity:1}60%{transform:translate(128px) rotate(0);opacity:1}85%{transform:translate(128px);opacity:1}93%{transform:translate(128px);opacity:0}to{transform:translate(0);opacity:0}}.onb-card-frame.stack-source{z-index:2;animation:stack-source 4.4s ease-in-out infinite}.onb-card-frame.stack-source-under{z-index:0}.onb-card-frame.stack-dest{z-index:1}.onb-flipper-tap{transform-style:preserve-3d;transition:transform .52s cubic-bezier(.22,.55,.3,1);position:relative;cursor:pointer}.onb-flipper-tap.flipped{transform:rotateY(180deg)}.onb-flipper-tap .face,.onb-flipper-tap .back{position:absolute;inset:0;backface-visibility:hidden}.onb-flipper-tap .back{transform:rotateY(180deg)}body[data-motion=reduced] .onb-flipper-tap{transition:none}@keyframes joker-reveal{0%,60%{transform:scale(1);filter:drop-shadow(0 0 0 transparent)}75%{transform:scale(1.15);filter:drop-shadow(0 0 12px rgba(155,123,184,.85))}to{transform:scale(1);filter:drop-shadow(0 0 0 transparent)}}.onb-card-frame.joker-reveal{animation:joker-reveal 2.8s ease-in-out infinite}.onb-sheet{background:var(--surface);border-radius:12px;padding:28px 24px 22px;width:100%;max-width:380px;text-align:center;box-shadow:0 12px 60px #0000008c;color:var(--ink);overflow:hidden}@keyframes onb-slide-out-left{to{transform:translate(-110%);opacity:0}}@keyframes onb-slide-out-right{to{transform:translate(110%);opacity:0}}@keyframes onb-slide-in-from-right{0%{transform:translate(110%);opacity:0}}@keyframes onb-slide-in-from-left{0%{transform:translate(-110%);opacity:0}}.onb-body.anim-out-left{animation:onb-slide-out-left .18s ease-out forwards}.onb-body.anim-out-right{animation:onb-slide-out-right .18s ease-out forwards}.onb-body.anim-in-from-right{animation:onb-slide-in-from-right .18s ease-out}.onb-body.anim-in-from-left{animation:onb-slide-in-from-left .18s ease-out}body[data-motion=reduced] .onb-body.anim-out-left,body[data-motion=reduced] .onb-body.anim-out-right,body[data-motion=reduced] .onb-body.anim-in-from-right,body[data-motion=reduced] .onb-body.anim-in-from-left{animation:none}.onb-sheet .step-meta{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px}.onb-sheet h2{font-family:Georgia,serif;font-size:22px;letter-spacing:.06em;font-weight:400;margin:0 0 14px;min-height:2.4em}.onb-sheet .stage{margin:18px 0 22px;min-height:140px;display:flex;align-items:center;justify-content:center}.onb-sheet p.caption{font-size:13px;line-height:1.6;color:var(--ink-dim);margin:0 0 18px;min-height:4.8em}.onb-sheet .progress{display:flex;gap:6px;justify-content:center;margin:18px 0 6px}.onb-sheet .progress .dot{width:6px;height:6px;border-radius:999px;background:var(--line-strong)}.onb-sheet .progress .dot.on{background:var(--accent)}.onb-sheet .actions{display:flex;align-items:center;gap:10px}.onb-sheet .actions #onb-back{margin-left:auto}.onb-sheet .actions button:disabled{opacity:.3;cursor:default;pointer-events:none;transition:none}.onb-sheet .actions button{all:unset;touch-action:manipulation;cursor:pointer;padding:9px 16px;border-radius:999px;font-family:Georgia,serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;border:1px solid var(--line-strong);color:var(--ink);min-height:44px;box-sizing:border-box;transition:opacity .2s ease-in}body[data-motion=reduced] .onb-sheet .actions button{transition:none}.onb-sheet .actions button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink);min-width:7.6em;text-align:center}.rules-body{text-align:left;font-size:13px;line-height:1.7;color:var(--ink-dim)}.rules-body p{margin:0 0 12px}.rules-body p b{color:var(--ink);font-weight:400}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}body[data-motion=reduced] *,body[data-motion=reduced] *:before,body[data-motion=reduced] *:after{animation:none!important;transition:none!important}.hdr .title{font-size:clamp(18px,5vw,22px)}.hdr .hdr-meta{font-size:clamp(10px,2.5vw,11px)}