:root{--font-display: "Baloo 2", system-ui, sans-serif;--font-body: Nunito, system-ui, sans-serif;--text-hero: 800 96px/.92 var(--font-display);--text-title: 800 44px/1 var(--font-display);--text-heading: 800 34px/1 var(--font-display);--text-subheading: 800 19px/1.2 var(--font-display);--text-button: 800 17px/1 var(--font-display);--text-score: 800 18px/1 var(--font-display);--text-body: 700 15px/1.45 var(--font-body);--text-caption: 700 13px/1.4 var(--font-body);--text-label: 800 12px/1 var(--font-display)}:root{--felt-500: #2e9e63;--felt-600: #26804f;--felt-700: #1a5c38;--felt-900: #163a2a;--felt-board: #1f513b;--gold-400: #ffd66e;--gold-500: #ffc940;--gold-700: #c28e1b;--sky-400: #a9cdeb;--sky-500: #7fb5e0;--sky-700: #4e82ac;--sky-ink: #1e3a52;--paper: #fffdf6;--cream: #fff6e3;--sand: #faf1de;--tan: #efe3c8;--tan-border: #d5c4a0;--taupe: #b0a188;--brown: #6b5b3e;--brown-text: #5b5344;--ink: #203a2c;--tile-face: #f3ead8;--tile-ink: #191714;--tile-edge: #c8b994;--tile-back-a: #2f312c;--tile-back-b: #151614;--red-500: #d94f3d;--red-700: #a83324;--mint: #eafbef;--surface-page: var(--sand);--surface-card: var(--paper);--surface-felt: var(--felt-board);--surface-sunken: var(--tan);--surface-overlay: rgba(32, 58, 44, .92);--text-heading-color: var(--ink);--text-body-color: var(--brown-text);--text-muted: var(--taupe);--text-on-gold: var(--ink);--text-on-felt: var(--cream);--action-primary: var(--gold-500);--action-primary-edge: var(--gold-700);--border-soft: var(--tan-border)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--hit-target: 44px}:root{--radius-pill: 999px;--radius-card: 20px;--radius-modal: 26px;--radius-tile: 14px;--radius-cell: 8px;--candy-gold: 0 4px 0 var(--gold-700);--candy-gold-sm: 0 3px 0 var(--gold-700);--candy-gold-press: 0 2px 0 var(--gold-700);--candy-tan: 0 3px 0 var(--tan-border);--candy-tan-press: 0 1px 0 var(--tan-border);--candy-sky: 0 3px 0 var(--sky-700);--candy-felt: 0 4px 0 var(--felt-900);--candy-red: 0 3px 0 var(--red-700);--shadow-card: 0 10px 22px rgba(90, 70, 40, .15);--shadow-float: 0 6px 18px rgba(90, 70, 40, .12);--shadow-pop: 0 20px 44px rgba(10, 40, 25, .4);--shadow-tile: 0 3px 8px rgba(90, 70, 40, .18);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--speed-quick: .15s;--speed-pop: .26s;--speed-shimmer: 1.8s}:root{color:var(--text-body-color);background:var(--surface-page);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:var(--surface-page)}button{font:inherit}h1,h2{margin:0;color:var(--text-heading-color);font-family:var(--font-display);font-weight:800;letter-spacing:0}h1{font-size:clamp(1.65rem,4.5vw,2.75rem);line-height:1}:focus-visible{outline:3px solid var(--gold-500);outline-offset:2px}.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:0;border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:800;white-space:nowrap;cursor:pointer;transition:transform var(--speed-quick) var(--ease-bounce),box-shadow var(--speed-quick) ease,filter var(--speed-quick) ease}.ds-button--lg{min-height:56px;padding:0 30px;font-size:1.25rem}.ds-button--md{min-height:48px;padding:0 22px;font-size:1.0625rem}.ds-button--sm{min-height:38px;padding:0 16px;font-size:.875rem}.ds-button--block{width:100%}.ds-button--primary{background:var(--action-primary);color:var(--text-on-gold);box-shadow:var(--candy-gold)}.ds-button--secondary{border:3px solid var(--felt-500);background:var(--paper);color:var(--felt-500)}.ds-button--quiet{border:3px solid var(--border-soft);background:var(--paper);color:var(--brown)}.ds-button--danger{border:3px solid var(--red-500);background:var(--paper);color:var(--red-500)}.ds-button--danger-solid{background:var(--red-500);color:var(--paper);box-shadow:var(--candy-red)}.ds-button--onFelt{border:3px solid rgba(255,246,227,.7);background:#163a2a40;color:var(--cream)}.ds-button--ghost{background:transparent;color:var(--text-muted)}.ds-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03)}.ds-button:active:not(:disabled){transform:translateY(2px);filter:none}.ds-button--primary:active:not(:disabled){box-shadow:var(--candy-gold-press)}.ds-button--danger-solid:active:not(:disabled){box-shadow:0 1px 0 var(--red-700)}.ds-button:disabled{cursor:not-allowed;opacity:.5}.ds-icon-button{display:grid;place-items:center;border:0;border-radius:var(--radius-pill);background:var(--tan);color:var(--brown);box-shadow:var(--candy-tan);cursor:pointer;transition:transform var(--speed-quick) var(--ease-bounce),box-shadow var(--speed-quick) ease}.ds-icon-button--md{width:var(--hit-target);height:var(--hit-target)}.ds-icon-button--sm{width:40px;height:40px}.ds-icon-button:hover:not(:disabled){transform:translateY(-1px)}.ds-icon-button:active:not(:disabled){transform:translateY(2px);box-shadow:var(--candy-tan-press)}.ds-icon-button:disabled{cursor:not-allowed;opacity:.4}.ds-panel{padding:var(--space-5);border-radius:var(--radius-card);background:var(--surface-card);box-shadow:var(--shadow-float)}.ds-panel--felt{background:var(--felt-500);color:var(--text-on-felt)}.ds-score-pill{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:40px;padding:0 16px;border-radius:var(--radius-pill);font:var(--text-score)}.ds-score-pill-name,.ds-score-pill strong{line-height:1}.ds-score-pill strong{font-size:1.15em}.ds-score-pill--human{background:var(--gold-500);color:var(--ink);box-shadow:var(--candy-gold-sm)}.ds-score-pill--ai{background:var(--sky-500);color:var(--sky-ink);box-shadow:var(--candy-sky)}.ds-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.ds-confetti-dot,.ds-confetti-square{position:absolute;aspect-ratio:1;opacity:.9}.ds-confetti-dot{border-radius:var(--radius-pill)}.ds-confetti-square{border-radius:3px}.segmented-setting{display:grid;gap:var(--space-2)}.segmented-setting>span{color:var(--text-muted);font:var(--text-label);letter-spacing:.06em;text-transform:uppercase}.segmented-setting-options{display:flex;flex-wrap:wrap;gap:6px}.segmented-setting-options button{min-height:36px;padding:0 15px;border:3px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--paper);color:var(--brown);font-family:var(--font-display);font-size:.8125rem;font-weight:800;cursor:pointer;transition:transform var(--speed-quick) var(--ease-bounce),background-color var(--speed-quick) ease,border-color var(--speed-quick) ease,box-shadow var(--speed-quick) ease}.segmented-setting-options button:hover{transform:translateY(-1px);border-color:var(--gold-400)}.segmented-setting-options button.is-active{border-color:var(--gold-500);background:var(--gold-500);color:var(--ink);box-shadow:var(--candy-gold-sm)}.segmented-setting-hint{min-height:2.8em;max-width:46ch;margin:0;color:var(--text-body-color);font:var(--text-caption)}.ds-coach-bubble{position:relative;display:grid;gap:var(--space-2);padding:18px 20px;border:3px solid var(--gold-500);border-radius:var(--radius-card);background:var(--surface-card);box-shadow:var(--shadow-card)}.ds-coach-tail{position:absolute;left:26px;width:22px;height:22px;background:var(--surface-card);transform:rotate(45deg)}.ds-coach-bubble--tail-bottom .ds-coach-tail{bottom:-13px;border-right:3px solid var(--gold-500);border-bottom:3px solid var(--gold-500)}.ds-coach-bubble--tail-top .ds-coach-tail{top:-13px;border-left:3px solid var(--gold-500);border-top:3px solid var(--gold-500)}.ds-coach-title{color:var(--text-heading-color);font:var(--text-subheading)}.ds-coach-body{margin:0;color:var(--text-body-color);font:var(--text-body)}.app-shell{height:100svh;padding:clamp(10px,1.6vw,16px);background:var(--surface-page);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.app-shell--title{position:relative;display:grid;place-items:stretch;padding:0;overflow:hidden}.game-table{position:relative;width:min(1240px,100%);height:100%;margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:var(--space-3);min-height:0}.game-table.is-starter-draw{grid-template-rows:auto minmax(0,1fr)}.play-surface{container-type:size;position:relative;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch}.game-topbar{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3) var(--space-4);padding:10px var(--space-4);border-radius:var(--radius-card);background:var(--surface-card);box-shadow:var(--shadow-float)}.topbar-brand{font-size:1.5rem;line-height:1;color:var(--felt-600)}.topbar-scores{display:flex;align-items:center;gap:var(--space-2)}.topbar-vs{color:var(--text-muted);font-family:var(--font-display);font-size:.875rem;font-weight:800}.topbar-copy{min-width:0;display:grid;gap:2px;justify-items:end;text-align:right}.topbar-status{margin:0;color:var(--felt-600);font:var(--text-subheading)}.topbar-rules{margin:0;color:var(--text-muted);font:var(--text-caption)}.title-screen{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-columns:minmax(320px,.95fr) minmax(320px,1.05fr);align-items:center;gap:clamp(24px,5vw,64px);padding:clamp(24px,6vw,72px);overflow:hidden;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.12),transparent 42%),var(--felt-500)}.title-copy{position:relative;z-index:2;max-width:520px;display:grid;align-content:center;gap:18px}.title-copy h1{color:var(--cream);font-size:clamp(3.5rem,9vw,6rem);line-height:.92;text-shadow:0 5px 0 var(--felt-700),0 14px 28px rgba(10,40,25,.4)}.title-lede{max-width:32ch;margin:0;color:var(--mint);font:var(--text-subheading);font-size:clamp(1.05rem,2.1vw,1.25rem)}.title-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-1)}.title-links{display:flex;flex-wrap:wrap;gap:var(--space-5)}.title-links button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0;border:0;border-bottom:2px dotted rgba(234,251,239,.5);background:transparent;color:#eafbefd9;font-family:var(--font-display);font-size:.875rem;font-weight:800;cursor:pointer;transition:color var(--speed-quick) ease,transform var(--speed-quick) var(--ease-bounce)}.title-links button:hover{color:var(--cream);transform:translateY(-1px)}.title-screen .ds-confetti>span{scale:1.5}.title-tableau{position:relative;z-index:1;width:min(46vw,520px);aspect-ratio:1 / 1;justify-self:center}.title-domino,.title-stack{position:absolute;filter:drop-shadow(0 18px 22px rgba(10,40,25,.34))}.title-domino--one{left:16%;top:16%;transform:rotate(10deg)}.title-domino--two{right:22%;top:34%;transform:rotate(94deg)}.title-domino--three{left:26%;bottom:20%;transform:rotate(-8deg)}.title-stack{right:2%;bottom:12%;display:grid;gap:6px;transform:rotate(8deg)}.title-stack .domino-back{width:104px;height:60px}.display-domino-tile{--mark-size: 1.1rem;width:clamp(112px,13vw,150px);height:clamp(58px,6.8vw,76px);display:grid;grid-template-columns:1fr 2px 1fr;padding:4px;color:var(--tile-ink);background:var(--tile-face);border:2px solid var(--tile-edge);border-radius:var(--radius-tile)}.display-domino-divider,.domino-divider,.placed-domino-divider,.flight-domino-divider,.pile-mini-divider{border-radius:2px;background:#1a5c3859}.game-setup-screen{min-height:100svh;display:grid;place-items:center;padding:clamp(20px,5vw,48px);background:var(--surface-page)}.setup-panel{width:min(480px,100%);display:grid;gap:var(--space-3);padding:var(--space-6)}.setup-settings{display:grid;gap:var(--space-3)}.setup-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.board-stage{position:relative;min-width:0;min-height:0;width:fit-content;justify-self:center;align-self:stretch;display:grid;grid-template-columns:136px auto 170px;grid-template-rows:auto auto;justify-content:center;align-content:center;align-items:center;gap:var(--space-2) var(--space-3)}.stage-center{display:contents}.stage-center>.opponent-hand{grid-column:2;grid-row:1;justify-self:center}.stage-center>.board{grid-column:2;grid-row:2}.stage-rail{grid-row:2;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2)}.stage-rail--left{grid-column:1}.stage-rail--right{grid-column:3}.opponent-hand{min-width:0;width:min(100%,430px);display:flex;justify-content:center;gap:7px;padding:var(--space-1) 0}.opponent-hand-item{width:48px;height:32px;display:grid;place-items:center;transform-origin:center}.opponent-hand-item.is-revealing{z-index:7}.opponent-hand-item .domino-tile{--mark-size: .5rem;width:100%;height:100%;padding:2px;border-width:1px;border-radius:6px;cursor:default}.opponent-hand-item .pip{width:min(3px,30%)}.opponent-hand-item.is-refilling,.hand-item.is-refilling .domino-tile{opacity:0}.hand-item.is-refilling{width:0;border-width:0;opacity:0;overflow:hidden}.tile-pile{position:relative;width:96px;min-height:118px;display:grid;place-items:center}.tile-pile--rail,.tile-pile--discard{padding:var(--space-2);border-radius:var(--radius-card);background:var(--surface-sunken)}.tile-pile--discard{--mini-w: 50px;--mini-h: 26px;--mini-slot-w: 58px;--mini-slot-h: 38px;width:auto}.pile-stack{position:relative;width:88px;min-height:88px}.pile-slot{position:relative;display:grid;place-items:center}.pile-slot-empty{display:block;width:50px;height:26px;border:0;border-radius:var(--radius-cell);opacity:.7}.pile-mini-domino{--mark-size: .5rem;width:var(--mini-w);height:var(--mini-h);display:grid;grid-template-columns:1fr 1px 1fr;border:2px solid var(--tile-edge);border-radius:var(--radius-cell);background:var(--tile-face);box-shadow:var(--shadow-tile)}.pile-mini-domino .domino-half{padding:3px}.pile-mini-domino .pip{width:2.4px}.pile-mini-domino .domino-half.is-blank:after{top:2px;right:2px;width:.85em;height:.85em;font-size:.36rem}.tile-pile--discard .pile-stack{width:auto;display:grid;grid-template-columns:repeat(2,var(--mini-slot-w));grid-auto-rows:var(--mini-slot-h);align-content:center;justify-items:center;gap:var(--space-1)}.discard-pile-slot{width:var(--mini-slot-w);height:var(--mini-slot-h)}.tile-pile--discard .pile-slot-empty{width:var(--mini-w);height:var(--mini-h)}.discard-pile-slot.is-empty .pile-slot-empty{opacity:.45}.tile-pile--draw{width:164px}.tile-pile--draw .pile-stack{width:152px;min-height:356px;display:grid;grid-template-columns:repeat(2,64px);grid-auto-rows:38px;align-content:center;justify-content:center;gap:14px 12px}.draw-pile-slot{width:62px;height:36px}.draw-pile-slot.is-empty .pile-slot-empty{width:62px;height:36px;border-radius:10px;opacity:.34}.draw-pile-tile{width:62px;height:36px;padding:0;border:0;border-radius:10px;background:transparent;cursor:pointer;transform:translate(var(--pile-x, 0),var(--pile-y, 0)) rotate(var(--pile-rotate, 0deg));transition:filter var(--speed-quick) ease,transform var(--speed-pop) var(--ease-bounce)}.draw-pile-tile:hover,.draw-pile-tile:focus-visible{filter:brightness(1.18)}.tile-pile--draw .domino-back{width:62px;height:36px;border-width:2px;border-radius:10px;transform:translate(var(--pile-x, 0),var(--pile-y, 0)) rotate(var(--pile-rotate, 0deg))}.tile-pile--draw .draw-pile-tile .domino-back{width:100%;height:100%;transform:none}.domino-back{--back-offset: 0px;position:relative;width:48px;height:28px;border:3px solid var(--felt-900);border-radius:10px;background:linear-gradient(135deg,var(--tile-back-a),var(--tile-back-b));box-shadow:var(--candy-felt)}.domino-back span{position:absolute;left:50%;top:5px;bottom:5px;width:2px;background:#f6f1e82e;transform:translate(-50%)}.starter-draw-interlude{min-width:0;min-height:0;align-self:stretch;display:grid;grid-template-rows:auto minmax(0,1fr) 140px;justify-items:center;gap:var(--space-4);padding:clamp(16px,3vw,28px);border-radius:var(--radius-card);background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.07),transparent 60%),var(--felt-500);box-shadow:var(--shadow-float)}.starter-draw-copy{display:grid;gap:var(--space-2);justify-items:center;text-align:center}.starter-draw-copy strong{min-height:2em;display:grid;align-items:center;max-width:16ch;color:var(--cream);font-family:var(--font-display);font-size:clamp(1.75rem,4.4vw,2.75rem);font-weight:800;line-height:1}.starter-draw-copy p{min-height:2lh;max-width:40ch;margin:0;color:var(--mint);font:var(--text-caption);font-size:clamp(.8125rem,1.5vw,.9375rem)}.starter-draw-pile-wrap{container-type:size;width:100%;height:100%;min-height:0;display:grid;place-items:center}.tile-pile--starter{--starter-tile-height: max(20px, min(48px, calc((100cqh - 80px) / 6 - 2px)));width:min(100%,420px);min-height:0}.tile-pile--starter.tile-pile--draw .pile-stack{width:fit-content;min-height:0;grid-template-columns:repeat(3,calc(var(--starter-tile-height) * 1.8 + 2px));grid-auto-rows:calc(var(--starter-tile-height) + 2px);gap:16px 14px}.tile-pile--starter.tile-pile--draw .draw-pile-slot,.tile-pile--starter.tile-pile--draw .draw-pile-tile,.tile-pile--starter.tile-pile--draw .domino-back,.tile-pile--starter.tile-pile--draw .draw-pile-slot.is-empty .pile-slot-empty{width:calc(var(--starter-tile-height) * 1.8);height:var(--starter-tile-height);border-radius:12px}.tile-pile--starter.tile-pile--draw .draw-pile-tile:hover,.tile-pile--starter.tile-pile--draw .draw-pile-tile:focus-visible{filter:brightness(1.2);transform:translate(var(--pile-x, 0),calc(var(--pile-y, 0) - 3px)) rotate(var(--pile-rotate, 0deg))}.starter-reveal-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,380px);gap:var(--space-3)}.starter-tile{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-card);background:var(--surface-card);box-shadow:var(--shadow-card)}.starter-tile span{color:var(--text-muted);font:var(--text-label);letter-spacing:.07em;text-transform:uppercase}.starter-tile .domino-tile{width:104px;height:52px;pointer-events:none}.starter-tile strong{display:grid;place-items:center;min-width:40px;min-height:32px;padding:0 12px;border-radius:var(--radius-pill);font:var(--text-score)}.starter-tile--human strong{background:var(--gold-500);color:var(--ink);box-shadow:var(--candy-gold-sm)}.starter-tile--ai strong{background:var(--sky-500);color:var(--sky-ink);box-shadow:var(--candy-sky)}.board{--playfield-width: max(0px, min( calc(100cqw - 368px) , calc((100cqh - 150px)/2) , 340px));min-height:0;width:fit-content;max-width:100%;justify-self:center;align-self:center;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:6px solid var(--felt-900);border-radius:24px;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.06),transparent 60%),var(--surface-felt);box-shadow:0 16px 34px #5a462840}.grid{--board-gap: 4px;flex:0 0 auto;position:relative;width:var(--playfield-width);height:auto;max-height:100%;aspect-ratio:3 / 6;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:var(--board-gap)}.board-cell{min-width:0;display:grid;place-items:center;border:2px dashed rgba(246,241,232,.22);border-radius:var(--radius-cell);background:#05080638;cursor:pointer;transition:border-color var(--speed-quick) ease,background-color var(--speed-quick) ease,box-shadow var(--speed-quick) ease}.board-cell.is-ai-territory{background:#24485b47}.board-cell.is-human-territory{background:#123a2747}.board-cell.is-boundary-top{border-bottom-color:#f6f1e880}.board-cell.is-boundary-bottom{border-top-color:#f6f1e880}.board-cell.is-legal-cell{border-style:solid;border-color:var(--gold-400);background:#ffe6aa57}.board-cell.is-preview{border-color:var(--cream);background:#ffc940d9}.board-cell.has-domino{cursor:default;border-color:transparent;background:#05080624}.board-column-scores{width:var(--playfield-width);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--board-gap, 4px)}.board-column-score{min-height:26px;display:grid;place-items:center;padding:2px 8px;border-radius:10px;background:#f6f1e8e6}.board-column-score strong{font-family:var(--font-display);font-size:.9375rem;font-weight:800;line-height:1}.board-column-scores--ai .board-column-score{background:#d2e4efeb}.board-column-scores--ai .board-column-score strong{color:var(--sky-ink)}.board-column-scores--human .board-column-score{background:#ffd66ef2}.board-column-scores--human .board-column-score strong{color:#5c4300}.placed-domino{--mark-size: 1rem;position:absolute;z-index:3;min-width:0;min-height:0;display:grid;padding:3px;color:var(--tile-ink);background:var(--tile-face);border:2px solid var(--tile-edge);border-radius:var(--radius-tile);box-shadow:var(--shadow-tile);pointer-events:none;animation:place-pop var(--speed-pop) var(--ease-bounce)}.placed-domino.is-flight-hidden{opacity:0}.placed-domino--horizontal{grid-template-columns:1fr 2px 1fr}.placed-domino--vertical{grid-template-rows:1fr 2px 1fr}.domino-tile{--tile-rotation: 0deg;--mark-size: .95rem;width:112px;height:56px;display:grid;grid-template-columns:1fr 2px 1fr;align-items:stretch;padding:4px;color:var(--tile-ink);background:var(--tile-face);border:2px solid var(--tile-edge);border-radius:var(--radius-tile);box-shadow:var(--shadow-tile);cursor:pointer;transform:rotate(var(--tile-rotation));transform-origin:center;transition:transform var(--speed-pop) var(--ease-bounce),border-color var(--speed-quick) ease,box-shadow var(--speed-quick) ease}.domino-tile--down{--tile-rotation: 90deg}.domino-tile--left{--tile-rotation: 180deg}.domino-tile--up{--tile-rotation: 270deg}.hand-item .domino-tile{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--tile-rotation))}.domino-tile:hover:not(:disabled),.domino-tile.is-selected{border-color:var(--gold-500)}.domino-tile.is-selected{box-shadow:var(--shadow-tile),0 0 0 3px var(--gold-500)}.domino-tile:disabled{cursor:not-allowed;opacity:.48}.hand .domino-tile,.domino-tile[draggable=true]{-webkit-touch-callout:none;touch-action:none}.domino-half{position:relative;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden}.domino-pips{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center;height:84%;aspect-ratio:1}.pip{width:min(9px,30%);aspect-ratio:1;border-radius:var(--radius-pill);background:var(--tile-ink)}.blank-mark{position:absolute;inset:0;display:grid;place-items:center;color:#19171466;font-family:var(--font-display);font-size:var(--mark-size, .85rem);font-weight:800;line-height:1;pointer-events:none}.domino-half.is-blank:after{content:"B";position:absolute;top:3px;right:4px;display:grid;place-items:center;width:1.05em;height:1.05em;border:1px solid var(--tile-edge);border-radius:var(--radius-pill);background:var(--paper);color:var(--brown);font-family:var(--font-display);font-size:.52rem;font-weight:800;line-height:1}.domino-half--0.is-blank:after{content:none}.domino-half--1 .pip:nth-child(1){grid-area:2 / 2}.domino-half--2 .pip:nth-child(1){grid-area:1 / 1}.domino-half--2 .pip:nth-child(2){grid-area:3 / 3}.domino-half--3 .pip:nth-child(1){grid-area:1 / 1}.domino-half--3 .pip:nth-child(2){grid-area:2 / 2}.domino-half--3 .pip:nth-child(3){grid-area:3 / 3}.domino-half--4 .pip:nth-child(1){grid-area:1 / 1}.domino-half--4 .pip:nth-child(2){grid-area:1 / 3}.domino-half--4 .pip:nth-child(3){grid-area:3 / 1}.domino-half--4 .pip:nth-child(4){grid-area:3 / 3}.domino-half--5 .pip:nth-child(1){grid-area:1 / 1}.domino-half--5 .pip:nth-child(2){grid-area:1 / 3}.domino-half--5 .pip:nth-child(3){grid-area:2 / 2}.domino-half--5 .pip:nth-child(4){grid-area:3 / 1}.domino-half--5 .pip:nth-child(5){grid-area:3 / 3}.domino-half--6 .pip:nth-child(1){grid-area:1 / 1}.domino-half--6 .pip:nth-child(2){grid-area:1 / 3}.domino-half--6 .pip:nth-child(3){grid-area:2 / 1}.domino-half--6 .pip:nth-child(4){grid-area:2 / 3}.domino-half--6 .pip:nth-child(5){grid-area:3 / 1}.domino-half--6 .pip:nth-child(6){grid-area:3 / 3}.controls:has(.hand:empty){display:none}.controls{width:100%;min-width:0;min-height:0;display:grid;justify-items:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-card);background:var(--surface-card);box-shadow:var(--shadow-float);overflow-x:auto;overflow-y:hidden}.hand{min-height:118px;display:flex;flex-wrap:nowrap;gap:10px;align-items:center;min-width:0}.hand-item{position:relative;flex:0 0 auto;width:118px;height:118px;display:grid;place-items:center;-webkit-touch-callout:none;touch-action:none}.hand-item.is-selected{z-index:5}.tile-rotate-button{position:absolute;top:0;right:0;z-index:2;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:var(--radius-pill);background:var(--tan);color:var(--brown);box-shadow:var(--candy-tan);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--speed-quick) ease,transform var(--speed-quick) var(--ease-bounce)}.hand-item:hover .tile-rotate-button,.hand-item:focus-within .tile-rotate-button,.hand-item.is-selected .tile-rotate-button{opacity:1;pointer-events:auto}.tile-rotate-button:active:not(:disabled){transform:translateY(2px);box-shadow:var(--candy-tan-press)}.hand-item:hover .tile-rotate-button:disabled,.hand-item:focus-within .tile-rotate-button:disabled,.hand-item.is-selected .tile-rotate-button:disabled,.tile-rotate-button:disabled{opacity:0;cursor:not-allowed;pointer-events:none}.drag-ghost{position:fixed;z-index:20;pointer-events:none;transform:translate(-50%,-50%);filter:drop-shadow(0 16px 20px rgba(90,70,40,.34))}.drag-ghost .domino-tile{transform:rotate(var(--tile-rotation)) scale(1.04);border-color:var(--gold-500)}.flight-layer{position:fixed;inset:0;z-index:40;pointer-events:none}.flight-tile{display:grid;place-items:center;filter:drop-shadow(0 14px 18px rgba(90,70,40,.3))}.flight-tile .domino-tile,.flight-tile .domino-back{width:100%;height:100%}.flight-domino{--mark-size: .95rem;width:100%;height:100%;min-width:0;min-height:0;display:grid;padding:3px;color:var(--tile-ink);background:var(--tile-face);border:2px solid var(--tile-edge);border-radius:var(--radius-tile)}.flight-domino--horizontal{grid-template-columns:1fr 2px 1fr}.flight-domino--vertical{grid-template-rows:1fr 2px 1fr}.modal-overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:18px;background:var(--surface-overlay)}.modal-panel{position:relative;width:min(520px,100%);max-height:calc(100svh - 36px);display:grid;gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-modal);background:var(--surface-card);box-shadow:var(--shadow-pop);overflow-y:auto}.modal-panel h2{font-size:clamp(1.75rem,5vw,2.125rem);line-height:1;padding-right:44px}.modal-panel--centered{justify-items:center;text-align:center}.modal-panel--centered h2{padding-right:0}.modal-close-button{position:absolute;top:14px;right:14px}.modal-copy{margin:0;color:var(--text-body-color);font:var(--text-body)}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.menu-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.menu-actions .menu-resume,.menu-actions .menu-reset{grid-column:1 / -1}.install-guide{display:grid;gap:var(--space-3)}.install-guide ol{display:grid;gap:var(--space-2);margin:0;padding-left:22px;color:var(--text-body-color);font:var(--text-body)}.install-guide li::marker{color:var(--gold-700);font-weight:900}.credits-list{display:grid;gap:var(--space-1);padding:var(--space-2) 0 2px}.credits-list span{color:var(--text-muted);font:var(--text-label);letter-spacing:.08em;text-transform:uppercase}.credits-list strong{color:var(--felt-600);font-family:var(--font-display);font-size:clamp(2.2rem,8vw,3.5rem);font-weight:800;line-height:1}.how-to-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.quick-guide-tile{display:grid;gap:var(--space-1);align-content:start;padding:var(--space-3);border-radius:14px;background:var(--sand)}.quick-guide-tile strong{color:var(--gold-700);font:var(--text-label);letter-spacing:.08em;text-transform:uppercase}.quick-guide-tile p{margin:0;color:var(--text-body-color);font:var(--text-caption)}.modal-overlay--game-over{position:absolute}.game-over-panel{width:min(420px,100%);gap:var(--space-3);padding:30px var(--space-6)}.winner-badge{display:grid;place-items:center;width:72px;height:72px;border-radius:var(--radius-pill);background:var(--gold-500);box-shadow:var(--candy-gold);color:var(--ink);font-family:var(--font-display);font-size:2.125rem;font-weight:800;transform:rotate(-6deg)}.final-score-row{display:flex;align-items:center;gap:var(--space-2)}.difficulty-nudge{max-width:34ch;margin:0;color:var(--text-body-color);font:var(--text-body)}.final-rule-line{margin:0;color:var(--text-muted);font:var(--text-caption)}.game-over-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-1)}.is-tutorial>.play-surface{grid-column:1;grid-row:2}.is-tutorial>.controls{grid-column:1;grid-row:3}.tutorial-coach{position:absolute;left:var(--coach-left, 0px);top:var(--coach-top, 100px);width:300px;min-width:0;z-index:58}.ds-coach-inline-action{white-space:nowrap}.ds-button.tutorial-continue{display:inline;min-height:0;padding:0;border:0;border-radius:var(--radius-cell);background:none;box-shadow:none;color:var(--felt-700);font:inherit;font-weight:900;line-height:inherit;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;vertical-align:baseline;animation:tutorial-link-shimmer var(--speed-shimmer) ease-in-out 1}.ds-button.tutorial-continue:hover,.ds-button.tutorial-continue:active{transform:none;box-shadow:none;color:var(--felt-900)}@keyframes tutorial-link-shimmer{0%,to{text-shadow:none}45%{text-shadow:0 0 8px var(--gold-500)}}@media(prefers-reduced-motion:reduce){.ds-button.tutorial-continue{animation:none}}.tutorial-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.pending-blank-panel{position:absolute;left:50%;bottom:154px;z-index:15;width:min(520px,calc(100% - 24px));display:grid;grid-template-columns:124px minmax(0,1fr);align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-card);background:var(--surface-card);box-shadow:var(--shadow-pop);transform:translate(-50%)}.pending-blank-preview{position:relative;width:124px;height:124px;display:grid;place-items:center}.pending-blank-controls{display:grid;gap:var(--space-2)}.pending-blank-controls strong{color:var(--text-heading-color);font:var(--text-subheading);font-size:1.0625rem}.blank-picker{display:flex;flex-wrap:wrap;gap:var(--space-2)}.blank-picker-group{display:grid;gap:5px}.blank-picker-group>span{color:var(--text-muted);font:var(--text-label);letter-spacing:.06em;text-transform:uppercase}.blank-picker-group div{display:flex;gap:6px}.blank-picker button{width:40px;height:40px;border:0;border-radius:var(--radius-pill);background:var(--tan);color:var(--brown);box-shadow:var(--candy-tan);font-family:var(--font-display);font-size:1.0625rem;font-weight:800;cursor:pointer;transition:transform var(--speed-quick) var(--ease-bounce),background-color var(--speed-quick) ease,box-shadow var(--speed-quick) ease}.blank-picker button:hover{transform:translateY(-1px)}.blank-picker button.is-active{background:var(--gold-500);color:var(--ink);box-shadow:var(--candy-gold-sm)}.pending-blank-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}@keyframes place-pop{0%{transform:scale(.86);opacity:.7}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ds-button:hover:not(:disabled),.ds-icon-button:hover:not(:disabled),.segmented-setting-options button:hover,.blank-picker button:hover,.title-links button:hover{transform:none}}@media(max-width:1100px){.game-table.is-tutorial{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto}.is-tutorial>.play-surface,.is-tutorial>.controls,.tutorial-coach{grid-column:1}.tutorial-coach{position:static;align-self:center;margin-bottom:0;grid-row:4;width:min(100%,600px);justify-self:center}}@media(max-width:760px){.game-topbar{position:absolute;top:0;right:0;z-index:60;display:block;padding:0;background:none;box-shadow:none}.game-topbar>:not(.topbar-menu-button){display:none}.topbar-menu-button{background:none;box-shadow:none;color:var(--felt-600)}.is-starter-draw .topbar-menu-button{color:var(--text-on-felt)}.game-table:not(.is-starter-draw){display:flex;flex-direction:column}.game-table:not(.is-starter-draw)>.play-surface{flex:1 1 0;max-height:calc(min(250px,calc(100vw - 116px))*2 + 118px)}.controls,.tutorial-coach,.is-tutorial>.pending-blank-panel{flex-shrink:0}.game-table{grid-template-rows:minmax(0,1fr) auto}.game-table.is-starter-draw{grid-template-rows:minmax(0,1fr)}.game-table.is-tutorial{grid-template-rows:minmax(0,1fr) auto auto}.is-tutorial>.play-surface{grid-row:1}.is-tutorial>.controls{grid-row:2}.tutorial-coach{grid-row:3}body{overflow:auto}.app-shell{min-height:100svh;height:100svh;padding:calc(env(safe-area-inset-top,0px) + var(--space-2)) max(var(--space-2),env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + var(--space-6)) max(var(--space-2),env(safe-area-inset-left,0px))}.app-shell--title{height:auto;padding:0}.title-screen{min-height:100svh;grid-template-columns:1fr;grid-template-rows:auto minmax(230px,1fr);align-content:start;gap:clamp(18px,3.5svh,32px);padding:clamp(26px,7svw,34px) clamp(20px,7svw,32px)}.title-screen{padding-top:max(clamp(26px,7svw,34px),calc(env(safe-area-inset-top,0px) + var(--space-4)));padding-bottom:max(var(--space-5),calc(env(safe-area-inset-bottom,0px) + var(--space-2)))}.game-setup-screen{padding-top:max(var(--space-5),calc(env(safe-area-inset-top,0px) + var(--space-2)));padding-bottom:max(var(--space-5),calc(env(safe-area-inset-bottom,0px) + var(--space-2)))}.title-copy{max-width:none;gap:14px}.title-copy h1{font-size:clamp(3rem,15vw,4.5rem)}.title-lede{max-width:26ch;font-size:clamp(1rem,4.4vw,1.15rem)}.title-actions{display:grid;grid-template-columns:repeat(2,minmax(0,max-content))}.title-tableau{width:min(88vw,360px);justify-self:center;align-self:start}.title-stack .domino-back{width:78px;height:46px}.display-domino-tile{width:104px;height:54px}.game-table{height:100%;gap:var(--space-1)}.ds-coach-bubble{gap:6px;padding:14px 16px}.setup-panel{padding:var(--space-5)}.menu-actions,.how-to-grid{grid-template-columns:1fr}.board-stage{max-width:100%;grid-template-columns:auto minmax(0,auto) auto;align-content:start;gap:var(--space-3) var(--space-1)}.stage-rail{min-height:0}.tile-pile{width:auto;min-height:0}.tile-pile--rail,.tile-pile--discard{padding:4px;border-radius:10px}.pile-stack{width:auto;min-height:0}.pile-slot-empty{width:42px;height:24px}.tile-pile--discard{--mini-w: 22px;--mini-h: 12px;--mini-slot-w: 26px;--mini-slot-h: 15px;width:auto}.tile-pile--discard .pile-mini-domino .pip{width:1.2px}.tile-pile--discard .pile-stack{grid-template-columns:var(--mini-slot-w);gap:2px}.domino-back{width:42px;height:24px;border-width:2px;border-radius:8px}.tile-pile--draw{width:auto}.tile-pile--draw .pile-stack{width:auto;min-height:0;grid-template-columns:24px;grid-auto-rows:12px;gap:10px 2px}.draw-pile-slot,.draw-pile-slot.is-empty .pile-slot-empty,.tile-pile--draw .domino-back,.draw-pile-tile{width:24px;height:12px;border-radius:4px}.starter-draw-interlude{min-height:0;gap:var(--space-3);padding:var(--space-6) var(--space-4) var(--space-3)}.starter-draw-copy{width:100%}.starter-draw-copy strong{max-width:14ch;font-size:clamp(1.6rem,8vw,2.25rem)}.tile-pile--starter{--starter-tile-height: max(20px, min(44px, calc((100cqh - 100px) / 6 - 2px)));width:min(100%,330px)}.tile-pile--starter.tile-pile--draw .pile-stack{row-gap:20px}.starter-reveal-row{width:min(100%,330px)}.starter-tile{padding:.6rem .45rem}.starter-tile .domino-tile{width:92px;height:46px}.opponent-hand{width:100%;max-width:100%;gap:3px}.opponent-hand-item{width:28px;height:18px}.opponent-hand .domino-back{width:100%;height:100%;border-width:1px;border-radius:4px}.board{--playfield-width: max(0px, min( calc(100cqw - 100px) , calc((100cqh - 118px)/2) , 250px));padding:6px;border-width:4px;border-radius:18px}.opponent-hand{padding:0}.grid,.board-column-scores{width:var(--playfield-width)}.domino-tile{width:84px;height:42px}.controls{width:100%;max-width:100%;padding:6px var(--space-3);overflow:visible}.hand{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,96px));justify-content:center;gap:var(--space-1) var(--space-2);min-height:0}.hand-item{width:auto;height:88px}.pending-blank-preview{width:92px;height:88px}.pending-blank-panel{position:fixed;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-2));top:auto;width:auto;max-height:min(52svh,380px);grid-template-columns:minmax(88px,auto) minmax(0,1fr);justify-items:center;gap:var(--space-2);padding:var(--space-3);overflow:auto;transform:none}.pending-blank-preview{width:92px;height:92px}.is-tutorial:has(.pending-blank-panel)>.controls{display:none}.is-tutorial>.pending-blank-panel{position:static;grid-column:1;grid-row:2;width:100%;max-height:none}.pending-blank-controls{width:100%;min-width:0}.blank-picker{width:100%;display:grid}.blank-picker-group div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.blank-picker button{width:auto;min-width:0;height:38px}.pending-blank-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pending-blank-actions .ds-button{width:100%}}