@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Inter-400.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Inter-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Inter-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Inter-700.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Inter-800.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(38 76% 47%);--accent-2: hsl(188 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(38 88% 68%);--accent-2: hsl(188 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)}}*{box-sizing:border-box}html,body,#root{height:100%}html{scrollbar-gutter:stable}body{margin:0;font-family:var(--font-text);color:var(--text);background:radial-gradient(120% 80% at 50% -10%,color-mix(in oklab,var(--accent) 14%,transparent),transparent 60%),var(--bg);-webkit-font-smoothing:antialiased}.eyebrow{font:600 .75rem/1 var(--font-text);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.btn{--_bg: var(--surface);--_fg: var(--text);display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.3rem;border-radius:var(--radius-pill);font:600 1rem/1 var(--font-text);text-decoration:none;cursor:pointer;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),opacity var(--dur) var(--ease)}.btn--primary{--_bg: var(--accent);--_fg: var(--accent-contrast);border-color:transparent;box-shadow:var(--shadow)}.btn--accent{--_bg: var(--accent-2);--_fg: #062a2a;border-color:transparent;box-shadow:var(--shadow)}.btn--ghost{background:transparent}.btn--roll{font-size:1.15rem;padding:0 2rem;min-height:52px}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.42;cursor:default}.btn:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 55%,transparent);outline-offset:2px}.game{min-height:100dvh;display:flex;flex-direction:column;gap:clamp(.4rem,1.5vw,.9rem);padding:clamp(.5rem,2vw,1rem);max-width:900px;margin:0 auto;width:100%}.game__live{display:contents}.hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;padding:.35rem .4rem}.hud__side{display:flex;align-items:center;gap:.5rem;min-width:0}.hud__side--right{justify-content:flex-end}.hud__who{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;font-size:.95rem}.dot{width:14px;height:14px;border-radius:50%;display:inline-block;box-shadow:inset 0 1px 2px #0006}.dot--w{background:radial-gradient(circle at 35% 30%,#fbf6ea,#cdbc98)}.dot--b{background:radial-gradient(circle at 35% 30%,#4a3a28,#181008)}.hud__pip{font-variant-numeric:tabular-nums;font-weight:800;font-size:1.25rem;display:inline-flex;align-items:baseline;gap:.2rem}.hud__pip small{font-size:.6rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.hud__side{padding:.3rem .6rem;border-radius:var(--radius);transition:background var(--dur) var(--ease)}.hud__side.is-active{background:color-mix(in oklab,var(--accent) 16%,transparent)}.hud__center{display:flex;flex-direction:column;align-items:center;gap:.2rem}.hud__diff{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-pill);padding:.3rem .9rem;font-weight:700;cursor:pointer;min-height:34px}.hud__streak{font-size:.85rem;font-weight:700;color:var(--accent)}.hud__mute{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:.2rem;min-height:34px}@media (max-width: 400px){.hud{gap:.25rem;padding:.35rem .15rem}.hud__side{gap:.3rem;padding:.25rem .35rem}.hud__who{font-size:.82rem}.hud__pip{font-size:1.05rem}.hud__diff{padding:.3rem .7rem}}.game__boardwrap{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.board{width:100%;height:auto;max-height:68dvh;display:block;touch-action:manipulation;border-radius:18px;box-shadow:0 18px 40px #00000059}.checker circle{transition:cx var(--dur) var(--ease),cy var(--dur) var(--ease)}@media (prefers-reduced-motion: reduce){.checker circle{transition:none}}.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:.9}}.dest{animation:destpop 1.4s ease-in-out infinite}@keyframes destpop{0%,to{opacity:.28}50%{opacity:.5}}.hit-flash{animation:hitflash .5s ease-out forwards;transform-origin:center}@keyframes hitflash{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.pulse,.dest,.hit-flash{animation:none}}.actions{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-height:88px}.actions__msg{margin:0;color:var(--muted);font-weight:600;text-align:center;min-height:1.4em}.actions__row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;justify-content:center}.actions__spinner{width:22px;height:22px;border-radius:50%;border:3px solid color-mix(in oklab,var(--accent) 30%,transparent);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.actions__spinner{animation-duration:2s}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:1rem;background:color-mix(in oklab,var(--bg) 88%,rgba(0,0,0,.5))}.overlay__card{background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) * 1.6);box-shadow:var(--shadow-lg);padding:clamp(1.4rem,4vw,2.2rem);width:min(560px,96vw);max-height:92dvh;overflow-y:auto;text-align:center;opacity:1}.menu__title{margin:.4rem 0 .6rem;font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,8vw,3.4rem);letter-spacing:-.02em;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 auto .8rem;max-width:42ch;color:var(--muted);line-height:1.6}.menu__streak{color:var(--accent);font-weight:700;margin:0 0 .8rem}.menu__tiers{display:flex;flex-direction:column;gap:.7rem;margin:1rem 0}.tier{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.2rem 1rem;text-align:left;padding:.9rem 1.1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);cursor:pointer;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.tier:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow)}.tier:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 55%,transparent);outline-offset:2px}.tier__name{font-weight:800;font-size:1.15rem;grid-column:1}.tier__blurb{grid-column:1;color:var(--muted);font-size:.9rem;line-height:1.4}.tier__go{grid-column:2;grid-row:1 / 3;color:var(--accent);font-weight:700;white-space:nowrap}.menu__foot{color:var(--muted);font-size:.85rem;margin:.6rem 0 0}.menu__foot a{color:var(--accent)}.result__headline{margin:0 0 .8rem;font-family:var(--font-display);font-size:clamp(2rem,7vw,2.8rem);font-weight:800}.result__headline.won{color:color-mix(in oklab,var(--accent-2) 70%,var(--text))}.result__headline.lost{color:var(--muted)}.result__card{width:min(280px,70vw);height:auto;border-radius:var(--radius);box-shadow:var(--shadow-lg)}.result__actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:1.1rem 0 .3rem}.result__adwrap{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--border);min-height:0}.share__toast{display:block;min-height:1.3em;color:var(--accent);font-weight:600;font-size:.9rem}.sitefoot{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;padding:.8rem 1rem 1rem;font-size:.82rem;color:var(--muted)}.sitefoot a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.sitefoot a:hover{color:var(--text)}.legal{max-width:760px;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.7rem;font-size:1.15rem}.legal p,.legal li{color:var(--text);line-height:1.75}.legal a{color:var(--accent)}.legal__back{display:inline-block;margin-bottom:1rem;color:var(--accent);text-decoration:none;font-weight:600}.guide .faq-q{font-weight:700;margin-top:1rem}@media (max-height: 520px) and (orientation: landscape){.board{max-height:82dvh}.actions{min-height:60px}}