.menu{position:relative;overflow:hidden;min-height:100dvh;display:grid;place-content:start center;justify-items:center;gap:var(--space-4);text-align:center;padding:clamp(1.75rem,6vw,4rem) 1.25rem 2.5rem}.menu__glow{position:absolute;inset:-25% -10% auto;height:55vh;z-index:0;background:radial-gradient(55% 60% at 30% 25%,color-mix(in oklab,var(--accent) 30%,transparent),transparent 70%),radial-gradient(50% 55% at 78% 12%,color-mix(in oklab,var(--accent-2) 34%,transparent),transparent 72%);filter:blur(24px);pointer-events:none}.menu>:not(.menu__glow){position:relative;z-index:1}.menu__title{margin:.2rem 0 0;font-family:var(--font-display);font-size:clamp(3rem,12vw,5.5rem);line-height:1;letter-spacing:-.03em;font-weight:800;background:linear-gradient(180deg,var(--text),color-mix(in oklab,var(--text) 55%,var(--accent)));-webkit-background-clip:text;background-clip:text;color:transparent}.menu__lede{margin:0;max-width:32ch;color:var(--muted);font-size:clamp(1rem,2.6vw,1.2rem);line-height:1.6}.menu__panel{display:grid;gap:var(--space-4);width:min(440px,100%);margin-top:var(--space-2)}.toggle{border:0;margin:0;padding:0}.toggle legend{font:600 .78rem/1 var(--font-text);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}.toggle__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.toggle__row--3{grid-template-columns:repeat(3,minmax(0,1fr))}.toggle__row--3 .toggle__opt{padding:.7rem .55rem}.toggle__row--3 .toggle__title{font-size:.95rem}.toggle__row--3 .toggle__desc{font-size:.72rem}.toggle__opt{display:grid;gap:.25rem;text-align:left;cursor:pointer;padding:.8rem .9rem;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);color:var(--text);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.toggle__opt:hover{transform:translateY(-1px)}.toggle__opt.is-on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent)}.toggle__opt:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 55%,transparent);outline-offset:2px}.toggle__title{font-weight:700}.toggle__desc{font-size:.78rem;color:var(--muted);line-height:1.3}.menu>.btn--xl{width:min(440px,100%);min-height:64px}.menu__streak{margin:0;color:var(--muted);font-size:.95rem}.menu__ad{width:min(440px,100%)}.menu__ad:empty{display:none}.menu__links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:.5rem}.menu__links a{color:var(--muted);text-decoration:underline;text-underline-offset:3px;font-size:.9rem}.menu__links a:hover{color:var(--text)}@media (max-height: 480px) and (orientation: landscape){.menu{gap:var(--space-2);padding:.75rem 1.25rem 1rem;place-content:center}.menu__crest,.menu__lede,.menu__ad{display:none}.menu__title{font-size:clamp(1.9rem,8vw,3rem)}.menu__panel{grid-template-columns:1fr 1fr;width:min(680px,100%)}}.menu__crest{display:flex;align-items:center;justify-content:center;gap:.3rem;margin-bottom:.35rem}.menu__crest .domino{animation:crest-drop var(--dur) var(--ease) both}.menu__crest .domino:nth-child(1){transform:rotate(-4deg);animation-delay:40ms}.menu__crest .domino:nth-child(2){transform:translateY(-3px);animation-delay:.11s}.menu__crest .domino:nth-child(3){transform:rotate(4deg);animation-delay:.18s}@keyframes crest-drop{0%{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion: reduce){.menu__crest .domino{animation:none}}@media (prefers-color-scheme: light){.menu{background:radial-gradient(120% 90% at 50% 6%,var(--felt-1),var(--felt-2) 74%);color:#f4f7f2}.menu__glow{background:radial-gradient(55% 60% at 50% 0%,color-mix(in oklab,var(--accent) 42%,transparent),transparent 68%);opacity:.7}.menu .eyebrow{color:color-mix(in oklab,#f4f7f2 82%,var(--accent))}.menu__title{background:linear-gradient(180deg,var(--bone),color-mix(in oklab,var(--bone) 62%,var(--accent)));-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 10px rgba(0,0,0,.35))}.menu__lede{color:#f4f7f2eb}.menu__streak{color:#f4f7f2bd}.menu__streak b{color:var(--accent)}.menu .toggle legend{color:#f4f7f2b8}.menu .toggle__opt{background:color-mix(in oklab,#06251b 62%,transparent);border-color:#f4f7f22e;color:#f4f7f2}.menu .toggle__opt:hover{border-color:#f4f7f257}.menu .toggle__desc{color:#f4f7f2ad}.menu .btn--primary{color:#1a1206}.menu__links a{color:#f4f7f2bd}.menu__links a:hover{color:#fff}}@media (prefers-color-scheme: dark){.menu__crest{display:none}}.table{min-height:100dvh;display:grid;grid-template-rows:auto auto 1fr auto;gap:var(--space-3);padding:env(safe-area-inset-top) 0 0;background:radial-gradient(120% 90% at 50% 8%,var(--felt-1),var(--felt-2) 72%);color:#f4f7f2}.table__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem clamp(.75rem,3vw,1.25rem)}.table__bar .btn--ghost{color:#f4f7f2;border-color:#ffffff40;background:#ffffff0f}.scoreline{display:flex;align-items:center;gap:.5rem;font-size:1rem;letter-spacing:.01em}.scoreline b{color:var(--accent);font-weight:800}.scoreline__sep{opacity:.5}.pill{font:700 .72rem/1 var(--font-text);letter-spacing:.08em;text-transform:uppercase;padding:.4rem .7rem;border-radius:var(--radius-pill);background:#ffffff1a;color:#f4f7f2}.opponent{display:grid;justify-items:center;gap:.35rem;padding:0 1rem}.opponent__hand{display:flex;gap:4px}.opponent__meta{margin:0;font-size:.9rem;color:#f4f7f2d9}.opponent__meta b{color:#fff}.turnflag{margin:0;font-weight:700;font-size:.95rem;min-height:1.2em;color:#f4f7f2bf}.turnflag.is-active{color:var(--accent)}.chainwrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.4rem;padding:0 .4rem}.chain{display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:1rem .5rem;min-height:120px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.chain::-webkit-scrollbar{height:6px}.chain::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.endzone{display:grid;place-content:center;width:40px;height:92px;flex:none;border-radius:14px;border:2px dashed rgba(255,255,255,.28);background:#ffffff0d;color:#ffffff80;font-size:1.1rem;cursor:pointer;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.endzone[disabled]{opacity:.3;cursor:default}.endzone.is-armed{border-color:var(--accent);border-style:solid;color:var(--accent-contrast);background:var(--accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 30%,transparent);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion: reduce){.endzone.is-armed{animation:none}}.fives{display:grid;justify-items:center;gap:.25rem;padding:0 1rem}.fives__count{margin:0;display:inline-flex;align-items:baseline;gap:.45rem;font-size:.9rem;color:#f4f7f2cc;padding:.35rem .85rem;border-radius:var(--radius-pill);border:1.5px solid rgba(255,255,255,.16);background:#ffffff0d;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease)}.fives__count b{font-size:1.15rem;font-weight:800;color:#fff}.fives__note{font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;opacity:.72}.fives__count.is-scoring{border-color:var(--accent);color:var(--accent);background:color-mix(in oklab,var(--accent) 18%,transparent)}.fives__count.is-scoring b{color:var(--accent)}.fives__live{margin:0;min-height:1.35em;font-size:.95rem}.fives__pop{display:inline-block;font-weight:800;color:#f4f7f2c7;animation:fives-pop .26s var(--ease) both}.fives__pop.is-you{color:var(--accent)}@keyframes fives-pop{0%{opacity:0;transform:translateY(9px) scale(.92)}}@media (prefers-reduced-motion: reduce){.fives__pop{animation:none}}.hand{align-self:end;display:grid;gap:.5rem;justify-items:center;padding:.75rem clamp(.5rem,3vw,1.25rem) calc(1rem + env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(0,0,0,.28),transparent)}.hand__tiles{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.hand__actions{min-height:44px;display:grid;place-items:center;gap:.25rem}.hand__hint{margin:0;font-size:.85rem;color:#f4f7f2bf}@media (min-width: 900px){.table{grid-template-rows:auto 1fr auto 1fr;row-gap:clamp(1rem,3.5vh,2.5rem)}.opponent{align-self:end}.hand{align-self:start}.opponent,.chainwrap,.hand{width:min(920px,100% - 4rem);margin-inline:auto}.chain{justify-content:safe center}}.domino{--face: 40px;--pad: 6px;display:inline-flex;align-items:center;justify-content:center;padding:var(--pad);background:linear-gradient(160deg,var(--bone),var(--bone-2));border:1px solid var(--bone-edge);border-radius:12px;box-shadow:0 3px 0 var(--bone-edge),0 6px 14px #00000047}.domino--sm{--face: 24px;--pad: 4px;border-radius:9px}.domino--md{--face: 34px;--pad: 5px}.domino--lg{--face: 46px;--pad: 7px}.domino--v{flex-direction:column}.domino--h{flex-direction:row}.domino__divider{background:#00000029;border-radius:2px}.domino--v .domino__divider{width:78%;height:2px}.domino--h .domino__divider{height:78%;width:2px}.domino__face{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:var(--face);height:var(--face);padding:calc(var(--face) * .1);gap:calc(var(--face) * .04)}.pip{border-radius:50%}.pip--on{background:radial-gradient(circle at 35% 30%,#3a352c,var(--pip));box-shadow:inset 0 1px 1px #ffffff26}.domino--btn{cursor:pointer;border:0;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.domino--btn:disabled{cursor:default}.domino--btn:hover{transform:translateY(-3px)}.domino--btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.domino.is-playable{box-shadow:0 3px 0 var(--bone-edge),0 0 0 3px color-mix(in oklab,var(--accent) 65%,transparent),0 8px 18px #0000004d}.domino.is-selected{transform:translateY(-8px);box-shadow:0 3px 0 var(--bone-edge),0 0 0 4px var(--accent),0 12px 22px #0006}@media (prefers-reduced-motion: reduce){.domino--btn:hover,.domino.is-selected{transform:none}}.domino.is-facedown{background:linear-gradient(150deg,#123,#0a1a13);border-color:#ffffff1a;box-shadow:0 2px 6px #0006}.domino.is-facedown .domino__back{width:var(--face);height:calc(var(--face) * 2 + 2px);border-radius:6px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 4px,transparent 4px 8px),color-mix(in oklab,var(--accent-2) 40%,#0a1a13)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:1.25rem;background:#06140eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade var(--dur) var(--ease)}@keyframes fade{0%{opacity:0}to{opacity:1}}.overlay__card{width:min(420px,100%);max-height:92dvh;overflow-y:auto;display:grid;gap:.75rem;justify-items:center;text-align:center;padding:1.75rem 1.5rem;border-radius:22px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);animation:rise var(--dur) var(--ease)}@keyframes rise{0%{transform:translateY(14px) scale(.98);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.overlay,.overlay__card{animation:none}}.overlay__badge{font:700 .72rem/1 var(--font-text);letter-spacing:.1em;text-transform:uppercase;padding:.4rem .8rem;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--muted) 20%,transparent);color:var(--muted)}.overlay__badge.is-win{background:color-mix(in oklab,var(--accent) 22%,transparent);color:var(--accent)}.overlay__title{margin:.1rem 0 0;font-family:var(--font-display);font-size:clamp(1.6rem,6vw,2.2rem);letter-spacing:-.02em}.overlay__score{margin:0;font-weight:800;font-size:clamp(2.4rem,11vw,3.4rem);letter-spacing:-.01em}.overlay__score span{color:var(--muted);margin:0 .1em}.overlay__score--sm{font-size:1.05rem;font-weight:600;color:var(--muted)}.overlay__hand{margin:0;color:var(--muted);font-weight:600}.overlay__fine{font-weight:500;opacity:.75;font-size:.9em}.overlay__cardimg{width:min(220px,62%);border-radius:14px;box-shadow:var(--shadow-lg)}.overlay__actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:.25rem}.overlay__actions--sub{margin-top:0}.overlay__ad{width:100%}.overlay__ad:empty{display:none}.share__toast{min-height:1.2em;font-size:.85rem;color:var(--muted)}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-latin-800-normal-BYj_oED-.woff2) format("woff2")}:root{color-scheme:light dark;--font-display: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-text: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius: 12px;--radius-pill: 999px;--dur: .2s;--ease: cubic-bezier(.22, 1, .36, 1);--bg: #fbfbfd;--surface: #ffffff;--text: #0d1117;--muted: #5b6472;--accent: hsl(285 76% 47%);--accent-2: hsl(75 70% 45%);--accent-contrast: #ffffff;--border: #e6e8ee;--shadow: 0 2px 8px rgba(16,24,40,.08);--shadow-lg: 0 12px 32px rgba(16,24,40,.16)}@media (prefers-color-scheme: dark){:root{--bg: #0a0b0f;--surface: #14161c;--text: #f3f5f9;--muted: #9aa3b2;--accent: hsl(285 88% 68%);--accent-2: hsl(75 80% 62%);--accent-contrast: #0a0b0f;--border: #242833;--shadow: 0 2px 8px rgba(0,0,0,.4);--shadow-lg: 0 16px 40px rgba(0,0,0,.55)}}:root{--accent: #b9821b;--accent-2: #1f6a4a;--accent-contrast: #ffffff;--felt-1: #1f6a4a;--felt-2: #0c3325;--bone: #f6efe0;--bone-2: #ece2cd;--bone-edge: #d9cdb2;--pip: #16130f}@media (prefers-color-scheme: dark){:root{--accent: #e0a63a;--accent-2: #34c08a;--accent-contrast: #1a1206;--felt-1: #1a5c40;--felt-2: #06251b;--bone: #f3ecdc;--bone-2: #e5dabf;--bone-edge: #cabf9f;--pip: #16130f}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-text);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.app{min-height:100dvh;display:flex;flex-direction:column}.app>.table,.app>.menu{flex:1}.btn--sm{min-height:36px;padding:0 .85rem;font-size:.85rem}.btn--xl{min-height:56px;padding:0 2.4rem;font-size:1.15rem}.btn[disabled]{opacity:.4;cursor:not-allowed}.btn[disabled]:hover{transform:none;box-shadow:none}.hero{position:relative;overflow:hidden;min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:var(--space-4);text-align:center;padding:clamp(1.5rem,5vw,4rem)}.hero__glow{position:absolute;inset:-30% -10% auto;height:60vh;z-index:0;background:radial-gradient(60% 60% at 30% 20%,color-mix(in oklab,var(--accent) 35%,transparent),transparent 70%),radial-gradient(50% 50% at 80% 10%,color-mix(in oklab,var(--accent-2) 30%,transparent),transparent 70%);filter:blur(20px);pointer-events:none}.hero>:not(.hero__glow){position:relative;z-index:1}.eyebrow{font:600 .8rem/1 var(--font-text);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hero h1{margin:0;font-family:var(--font-display);font-size:clamp(2.5rem,7vw,5rem);line-height:1.02;letter-spacing:-.02em;font-weight:800;background:linear-gradient(180deg,var(--text),color-mix(in oklab,var(--text) 65%,var(--accent)));-webkit-background-clip:text;background-clip:text;color:transparent}.lede{margin:0;max-width:34ch;color:var(--muted);font-size:clamp(1rem,2.4vw,1.25rem);line-height:1.6}.cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.btn{--_bg: var(--surface);--_fg: var(--text);display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.4rem;border-radius:var(--radius-pill);font:600 1rem/1 var(--font-text);text-decoration:none;background:var(--_bg);color:var(--_fg);border:1px solid var(--border);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}.btn--primary{--_bg: var(--accent);--_fg: var(--accent-contrast);border-color:transparent;box-shadow:var(--shadow)}.btn--ghost{background:transparent}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 55%,transparent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.btn{transition:none}.btn:hover{transform:none}}.sitefoot{display:flex;gap:1rem;justify-content:center;align-items:center;padding:1.25rem 1rem 1.5rem;font-size:.85rem;color:var(--muted)}.sitefoot a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.sitefoot a:hover{color:var(--text)}.legal{max-width:720px;margin:0 auto;padding:clamp(1.5rem,5vw,4rem) 1.25rem}.legal h1{font-family:var(--font-display);letter-spacing:-.02em}.legal h2{margin-top:1.6rem;font-size:1.1rem}.legal p{color:var(--muted);line-height:1.7}.legal a{color:var(--accent)}