@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Manrope:wght@400;500;600;700&display=swap";:root{--ink:#1a1410;--paper:#f3ebe0;--muted:#8a7a68;--wood-deep:#3b2416;--wood-mid:#6b3f24;--wood-edge:#9a6238;--felt:#3e946c;--felt-deep:#2f7a58;--point-a:#f0e2c8;--point-b:#e0a15a;--ivory:#f7f0e4;--ebony:#1c1612;--glow:#e8c56a;--white-accent:#efe6d6;--black-accent:#2c241c;--shadow:#120a0473;color:var(--paper);background:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Manrope,sans-serif;font-weight:500;line-height:1.4}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(80% 60% at 50% -10%,#6b3f2459,#0000 55%),radial-gradient(70% 50% at 80% 100%,#1f5c4533,#0000 50%),linear-gradient(165deg,#120e0b 0%,#1f1611 45%,#0f0c0a 100%);min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app{min-height:100vh;padding:max(1.25rem, env(safe-area-inset-top)) clamp(1rem, 3vw, 2.5rem) 1.5rem;grid-template-rows:auto 1fr auto;gap:1.25rem;display:grid;position:relative}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.brand-block{padding-right:3rem}.sound-toggle{top:max(.85rem, env(safe-area-inset-top));z-index:2;background:var(--point-b);color:#3a2412;border:1px solid #c4843e;border-radius:999px;place-items:center;width:2.6rem;height:2.6rem;padding:0;display:grid;position:absolute;right:clamp(1rem,3vw,2.5rem)}.sound-toggle.is-muted{color:#5c534c;background:#d8d4ce;border-color:#c4bfb6}.brand-block h1{letter-spacing:-.02em;color:var(--paper);margin:.15rem 0 0;font-family:Fraunces,serif;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700}.brand{letter-spacing:.28em;text-transform:uppercase;color:var(--glow);margin:0;font-size:.78rem;font-weight:700}.tagline{color:var(--muted);margin:.35rem 0 0;font-size:.95rem}.hud-stack{flex-direction:column;align-items:flex-end;gap:.75rem;display:flex}.hud-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;width:24rem;max-width:100%;display:grid}.hud-actions .ghost-btn{text-align:center;white-space:nowrap;width:100%;min-height:2.6rem;padding:.55rem .45rem}.hud{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.85rem;display:flex}.turn-pill{color:#2c241c;background:#d8d4ce;border:1px solid #c4bfb6;border-radius:999px;align-items:center;gap:.55rem;min-height:2.6rem;margin:0;padding:.45rem .95rem .45rem .55rem;font-size:.95rem;font-weight:700;display:inline-flex}.seat-checker{width:1.45rem;height:1.45rem}.seat-name{line-height:1}.turn-none{border-color:#b5923e}.ghost-btn{background:var(--point-b);color:#3a2412;border:1px solid #c4843e;border-radius:.55rem;padding:.55rem .95rem;transition:background .16s,border-color .16s}.ghost-btn:hover,.ghost-btn-active{background:#e8b06e;border-color:#d4924a}.rules{background:#ffffff0a;border:1px solid #ffffff14;border-radius:.9rem;width:min(960px,100%);margin:0 auto;padding:1rem 1.1rem 1.15rem}.rules-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 1.25rem;display:grid}.rules h2{color:var(--glow);margin:0 0 .35rem;font-family:Fraunces,serif;font-size:1.15rem;font-weight:500}.rules p,.rules li{color:var(--paper);margin:0;font-size:.92rem;font-weight:500}.rules p+p{margin-top:.45rem}.rules ol{gap:.28rem;margin:0;padding-left:1.15rem;display:grid}.dice-tray{background:#00000047;border:1px solid #ffffff14;border-radius:.75rem;align-items:center;gap:.75rem;padding:.45rem .55rem .45rem .75rem;display:flex}.dice-row{align-items:center;gap:.4rem;display:flex}.die{background:linear-gradient(145deg,#fffaf3,#e4d3b8);border-radius:.42rem;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:2.4rem;height:2.4rem;padding:.28rem;transition:transform .18s,opacity .18s;animation:.28s die-in;display:grid;box-shadow:0 2px #00000047,inset 0 1px #ffffffd9}.pip{background:radial-gradient(circle at 35% 30%,#3c342c,#14110e 72%);border-radius:50%;width:.42rem;height:.42rem;margin:auto;box-shadow:inset 0 1px #ffffff2e}.pip-empty{visibility:hidden}.die-used{opacity:.35;transform:scale(.92)}@keyframes die-in{0%{opacity:0;transform:translateY(-6px)rotate(-8deg)}to{opacity:1;transform:none}}.roll-btn{background:linear-gradient(180deg, var(--wood-edge), var(--wood-mid));color:var(--paper);box-shadow:0 2px 0 var(--wood-deep);border:none;border-radius:.5rem;padding:.55rem .95rem;font-weight:700}.roll-btn:hover:not(:disabled){filter:brightness(1.08)}.stage{flex-direction:column;align-items:center;gap:1rem;min-height:0;display:flex;overflow:auto}.board-shell{aspect-ratio:1.55;background:linear-gradient(145deg, var(--wood-edge), var(--wood-deep) 40%, #2a1810 100%);width:min(960px,100%);box-shadow:0 24px 48px var(--shadow), inset 0 1px 0 #ffffff2e;border-radius:1rem;grid-template-columns:72px 1fr 72px;gap:.45rem;padding:.7rem;animation:.5s both board-rise;display:grid}@keyframes board-rise{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}.board-play{background:linear-gradient(180deg, var(--felt), var(--felt-deep));border-radius:.45rem;grid-template-rows:1fr 18px 1fr;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #00000029}.board-dice{z-index:4;pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;width:max-content;max-width:6.2rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board-dice:before{content:"";z-index:-1;background:radial-gradient(#00000057,#0000 68%);position:absolute;inset:-.45rem -.55rem}.board-dice .die{width:clamp(1.45rem,3.6vw,2.15rem);height:clamp(1.45rem,3.6vw,2.15rem);transform:rotate(var(--tilt,0deg));padding:.2rem;animation:none;box-shadow:0 10px 16px #00000061,0 2px #00000047,inset 0 1px #ffffffd9}.board-dice .pip{width:.32rem;height:.32rem}.board-dice .die-used{opacity:.42;transform:rotate(var(--tilt,0deg)) scale(.92)}.board-dice.is-tumbling .die{animation:.48s linear infinite die-spin}.board-dice.is-tumbling .die:nth-child(2){animation-duration:.56s;animation-direction:reverse}.board-dice.is-settled .die{animation:.34s die-settle}@keyframes die-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes die-settle{0%{transform:rotate(calc(var(--tilt,0deg) + 26deg)) scale(1.14)}to{transform:rotate(var(--tilt,0deg)) scale(1)}}@media (prefers-reduced-motion:reduce){.board-dice.is-tumbling .die,.board-dice.is-settled .die{animation:none}}.board-half{grid-template-columns:repeat(6,1fr) 14px repeat(6,1fr);height:100%;display:grid}.board-bar-gap{background:linear-gradient(90deg,#0000,#00000040,#0000)}.board-mid{background:linear-gradient(90deg,#0003,#0000000d,#0003)}.mid-felt{height:100%}.point{min-width:0;color:inherit;background:0 0;border:none;flex-direction:column;align-items:center;padding:0;display:flex;position:relative}.point.down{justify-content:flex-start}.point.up{justify-content:flex-end}.point-triangle{pointer-events:none;position:absolute;inset:0}.point.down .point-triangle{background:linear-gradient(to bottom, var(--tri) 0%, transparent 92%);clip-path:polygon(50% 100%,0 0,100% 0)}.point.up .point-triangle{background:linear-gradient(to top, var(--tri) 0%, transparent 92%);clip-path:polygon(50% 0,0 100%,100% 100%)}.point-dark{--tri:var(--point-b)}.point-light{--tri:var(--point-a)}.point.origin .point-triangle{filter:brightness(1.15)}.point.selected .point-triangle,.point.target .point-triangle{outline:none}.point.selected:after,.point.target:after{content:"";pointer-events:none;border-radius:999px;position:absolute;inset:8% 18%}.point.selected:after{box-shadow:0 0 0 2px var(--glow)}.point.target:after{animation:1.2s infinite pulse-target;box-shadow:0 0 0 2px #e8c56ad9}@keyframes pulse-target{0%,to{opacity:.55}50%{opacity:1}}.point-label{color:#3a2412b8;letter-spacing:.04em;z-index:2;font-size:.65rem;position:absolute}.point.down .point-label{top:.2rem}.point.up .point-label{bottom:.2rem}.stack{z-index:1;flex-direction:column;align-items:center;gap:3px;width:100%;padding:.35rem 0;display:flex;position:relative}.point.down .stack{margin-top:.9rem}.point.up .stack{flex-direction:column-reverse;margin-bottom:.9rem}.checker{border-radius:50%;flex-shrink:0;width:clamp(1.35rem,3.2vw,2rem);height:clamp(1.35rem,3.2vw,2rem);transition:transform .16s;box-shadow:0 2px 3px #00000059,inset 0 1px #ffffff59}.point .checker{aspect-ratio:1;width:min(2rem,86%);height:auto}.checker-white{background:radial-gradient(circle at 35% 30%, #fffaf2, var(--ivory) 45%, #d9cbb4 100%);border:1px solid #cbb89a}.checker-black{background:radial-gradient(circle at 35% 30%,#5c534c,#2a241f 46%,#12100e 100%);border:1px solid #12100e}.point.origin:hover .checker,.point.selected .checker{transform:translateY(-2px)}.point.ai-focus:after{content:"";pointer-events:none;box-shadow:0 0 0 2px var(--glow);border-radius:999px;position:absolute;inset:8% 18%}.point.ai-focus .checker:last-of-type,.bar-zone.ai-focus .stack-black .checker:last-of-type,.bear-zone.ai-focus .stack-black .checker:last-of-type{z-index:4;box-shadow:0 0 0 3px var(--glow), 0 0 14px #e8c56af2;transform:scale(1.12)}.bar-zone.ai-focus,.bear-zone.ai-focus{box-shadow:inset 0 0 0 2px var(--glow);background:#e8c56a29}.stack-count{background:#0000008c;border-radius:999px;padding:.1rem .35rem;font-size:.7rem;font-weight:700;position:absolute;top:50%;right:-.55rem;transform:translateY(-50%)}.board-rail{flex-direction:column;display:flex}.bar-zone,.bear-zone{color:var(--paper);background:linear-gradient(#a97852,#8b5e3c);border:1px solid #ffffff38;border-radius:.55rem;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .25rem;transition:box-shadow .16s,background .16s;display:flex}.bar-zone.origin,.bar-zone.selected,.bear-zone.target{box-shadow:inset 0 0 0 2px var(--glow);background:#e8c56a1f}.bear-zone .stack{gap:2px;width:100%}.bear-zone .checker{border-radius:999px;width:clamp(1.2rem,3.2vw,1.7rem);height:.42rem;box-shadow:inset 0 1px #ffffff73,inset 0 -2px #00000047}.bear-zone .checker-white{background:linear-gradient(#fffaf2,#e4d5bf 55%,#c9b79a);border:1px solid #b7a58c}.bear-zone .checker-black{background:linear-gradient(#8a8178,#4a433c 42%,#1c1916);border:1px solid #b7aea4}.zone-label{letter-spacing:.14em;text-transform:uppercase;color:#fff4e6e0;font-size:.7rem}.help{text-align:center;color:var(--muted);font-size:.9rem}.help p{max-width:42rem;margin:0 auto}@media (width>=761px){.board-shell{width:min(880px,100%,155svh - 22.475rem)}.hud-stack{flex:1;align-items:center;margin-right:3.4rem}}@media (width>=1180px){.topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;column-gap:1.25rem;display:grid}.brand-block{padding-right:0}.hud-stack{flex:none;grid-column:2;align-items:center;margin-right:0}}@media (width<=760px){.app{height:100dvh;min-height:100dvh;max-height:100dvh;padding-bottom:max(.45rem, env(safe-area-inset-bottom));gap:.6rem;overflow:hidden}.stage{min-height:0;overflow:hidden}.board-shell{aspect-ratio:auto;flex:1;grid-template-columns:52px 1fr 52px;width:100%;height:auto;min-height:0}.topbar{align-items:start}.hud{width:100%}.rules-grid{grid-template-columns:1fr}}.celebration{z-index:30;pointer-events:none;position:fixed;inset:0;overflow:hidden}.streamers{position:absolute;inset:0}.streamer{opacity:.92;transform-origin:top;border-radius:3px;animation-name:streamer-fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-20vh;box-shadow:0 8px 12px #0000002e}.celebration-message{letter-spacing:-.03em;color:var(--paper);background:#120c08e0;border:1px solid #e8c56abf;border-radius:999px;margin:0;padding:.7rem 1.5rem .85rem;font-family:Fraunces,serif;font-size:clamp(2.4rem,6vw,4.4rem);font-weight:700;animation:.48s both message-in;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 48px #0006}@keyframes streamer-fall{0%{transform:translate3d(0, -25vh, 0) rotate(var(--spin-start))}to{transform:translate3d(var(--drift), 125vh, 0) rotate(var(--spin-end))}}@keyframes message-in{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.streamer{animation:none;display:none}.celebration-message{animation:none}}.btn{cursor:pointer;border:0;border-radius:999px;padding:.85rem 1.4rem;transition:transform .15s,filter .15s,opacity .15s}.btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.btn.primary{background:var(--paper);color:var(--ink);font-weight:600}.btn.ghost{color:var(--paper);background:0 0;border:1px solid #f3ebe047}.btn.gold{color:#23180a;background:linear-gradient(#e3c57a,#a9842d);font-weight:700}.lobby-overlay{min-height:100dvh;padding:20px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));place-items:center;display:grid;overflow:hidden auto}.lobby-atmosphere{pointer-events:none;position:fixed;inset:0;overflow:hidden}.lobby-felt{background:radial-gradient(at 50% 0,#3e946c38,#0000 55%),linear-gradient(#0000,#12302273);border-radius:50% 50% 0 0/28% 28% 0 0;height:42%;position:absolute;bottom:-8%;left:-10%;right:-10%}.lobby-card{z-index:1;background:linear-gradient(165deg,#241c16f0,#100c0af0);border:1px solid #ffffff24;border-radius:24px;gap:18px;width:min(100%,420px);padding:28px 24px 22px;display:grid;position:relative;box-shadow:0 24px 48px #00000073,inset 0 1px #ffffff14}.lobby-brand{text-align:center;justify-items:center;gap:8px;display:grid}.lobby-title{letter-spacing:-.03em;color:var(--paper);margin:0;font-family:Fraunces,serif;font-size:clamp(2.4rem,9vw,3.2rem);font-weight:700;line-height:.95}.byline{letter-spacing:.18em;color:var(--glow);margin:0;font-family:Fraunces,serif;font-size:1.15rem;font-style:italic}.lobby-copy,.lobby-hint,.lobby-share-status,.lobby-prose p{color:var(--muted);margin:0;line-height:1.5}.lobby-brand .lobby-copy{max-width:32ch;font-size:.98rem}.lobby-prose{gap:.75rem;display:grid}.lobby-section{gap:12px;display:grid}.lobby-button{width:100%;min-height:56px}.lobby-button-primary{flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:64px;display:inline-flex}.lobby-button-hint{letter-spacing:.04em;text-transform:uppercase;opacity:.8;font-size:.75rem;font-weight:650}.lobby-label{color:var(--muted);margin:0;font-size:.92rem}.lobby-input{width:100%;color:var(--paper);background:#ffffff0a;border:1px solid #f3ebe033;border-radius:999px;outline:none;padding:.75rem .95rem}.lobby-input:focus{border-color:var(--glow)}.lobby-stepper{background:#ffffff0a;border:1px solid #f3ebe033;border-radius:999px;grid-template-columns:48px 1fr 48px;align-items:center;min-height:48px;display:grid}.lobby-stepper strong{text-align:center;font-size:1.2rem;font-weight:700}.lobby-stepper-button{width:48px;height:48px;color:var(--paper);background:0 0;border:0;font-size:1.4rem;line-height:1}.lobby-stepper-button:disabled{opacity:.28}.lobby-choice{background:#ffffff0a;border:1px solid #f3ebe033;border-radius:999px;grid-template-columns:repeat(3,1fr);min-height:48px;display:grid;overflow:hidden}.lobby-choice button{color:var(--paper);font:inherit;cursor:pointer;background:0 0;border:0;padding:.7rem .2rem;font-weight:700}.lobby-choice button.is-selected{color:var(--glow);background:#e0a15a47}.lobby-choice button:disabled{cursor:default}.lobby-choice button:disabled:not(.is-selected){opacity:.45}.kickoff-backdrop{z-index:24;pointer-events:none;background:#120e0b75;place-items:center;animation:2.4s ease-out forwards kickoff-wash;display:grid;position:fixed;inset:0}.kickoff-card{text-align:center;padding:0 1.5rem}.kickoff-banner{color:var(--paper);margin:0;font-family:Fraunces,serif;font-size:clamp(2.2rem,7vw,4rem);font-weight:600;line-height:.95;animation:2.4s ease-out kickoff-flash}.kickoff-sub{color:var(--glow);margin:.7rem 0 0;font-size:1.05rem;animation:2.4s ease-out kickoff-flash}@keyframes kickoff-wash{0%{background:#e0a15a3d}16%{background:#120e0b75}78%{background:#120e0b75}to{background:#120e0b00}}@keyframes kickoff-flash{0%{opacity:0;transform:scale(.86)}14%{opacity:1;transform:scale(1.04)}22%{transform:scale(1)}82%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.kickoff-backdrop,.kickoff-banner,.kickoff-sub{animation:none}}.lobby-actions{gap:10px;display:flex}.lobby-actions .btn{flex:1;width:100%}.lobby-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 4px;margin-top:6px;display:flex}.lobby-text-link{color:var(--glow);cursor:pointer;font:inherit;background:0 0;border:0;padding:.35rem .45rem;text-decoration:none}.lobby-footer-sep{color:var(--muted)}.lobby-option{color:var(--paper);align-items:center;gap:10px;display:flex}.lobby-share-status{text-align:center;font-size:.9rem}.app-icon{border-radius:18px;width:80px;height:80px;box-shadow:0 12px 28px #0006}.lobby-card .rules{background:0 0;border:none;width:auto;margin:0;padding:0}.lobby-card .rules-grid{grid-template-columns:1fr}.lobby-code-mark{letter-spacing:.28em;color:var(--glow);margin:.2rem 0 .4rem;font-size:1.8rem;font-weight:700}.lobby-seats{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.lobby-seats li{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.65rem .8rem;display:flex}.lobby-seats small{color:var(--muted)}.lobby-error{color:#f6d7cc;background:#4a241c;border:1px solid #8a4636;border-radius:12px;margin:0;padding:.7rem .85rem}