:root{--paper:#fdf6e3;--paper-deep:#f3e7c9;--paper-line:#e2d1ab;--ink:#3a1d16;--ink-muted:#6b5045;--oxblood:#7a1d24;--oxblood-pressed:#5c141a;--cloth:#1b2742;--cloth-raised:#26365c;--cloth-line:#3a4c78;--cream:#f2e9d5;--cream-muted:#b9c0d2;--paint-white:#ece2cb;--paint-red:#b3252c;--paint-red-pressed:#8f1b21;--paint-yellow:#e0ae20;--paint-blue:#1e5aa8;--tack:#7a5a34;--murder:#ff9a8f;--glow:#ffe7a0;--gold:#c9a35a;--focus:#f6d36b;--font-display:"Rokkitt", "Rockwell", Georgia, serif;--font-body:"Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{background:var(--cloth)}[data-screen=setup],[data-screen=setup] body{background:var(--paper)}body{color:var(--cream);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;font-size:17px;line-height:1.45}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.wordmark{font-family:var(--font-display);flex-direction:column;margin:0;line-height:1;display:flex}.wordmark-name{color:var(--gold);font-size:.95rem;font-weight:500}.wordmark-game{color:var(--cream);letter-spacing:.04em;text-transform:uppercase;text-shadow:1.5px 1.5px 0 var(--paint-red);font-size:1.75rem;font-weight:800}.primary,.secondary{cursor:pointer;border-radius:12px;width:100%;display:block}.primary{background:var(--paint-red);min-height:54px;color:var(--cream);font-family:var(--font-display);border:0;font-size:1.35rem;font-weight:800}.primary:active{background:var(--paint-red-pressed)}.secondary{border:1.5px solid var(--cream-muted);background:0 0;min-height:50px;font-weight:700}.swatch{border-radius:50%;flex:none;width:26px;height:26px;box-shadow:1px 2px 3px #00000073}.setup{--focus:var(--oxblood);max-width:30rem;padding-block:max(20px, env(safe-area-inset-top,0px)) max(28px, env(safe-area-inset-bottom,0px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));color:var(--ink);margin:0 auto}.logo{width:min(100%,19rem);margin:0 auto}.logo img{width:100%;height:auto;display:block}.lede{max-width:30ch;color:var(--ink-muted);text-align:center;text-wrap:balance;margin:4px auto 0}.continue{background:var(--paper-deep);border-radius:14px;margin-top:24px;padding:14px}.continue p{margin:0 0 10px}.section-title{color:var(--oxblood);font-family:var(--font-display);margin:30px 0 12px;font-size:1.6rem;font-weight:800}.team{border:1px solid var(--paper-line);border-radius:14px;margin:0 0 14px;padding:4px 14px}.team legend{color:var(--ink-muted);font-family:var(--font-display);padding:0 6px;font-size:1.15rem;font-weight:500}.seat{gap:10px;padding:12px 0;display:grid}.seat+.seat{border-top:1px solid var(--paper-line)}.seat-who{align-items:center;gap:10px;display:flex}.seat-name{font-weight:700}.seat-corner{color:var(--ink-muted);font-size:.9rem}.setup .primary{background:var(--oxblood);color:var(--paper)}.setup .primary:active{background:var(--oxblood-pressed)}.setup .secondary{border-color:var(--ink-muted)}.segmented{background:var(--paper-deep);border-radius:10px;gap:3px;padding:3px;display:flex}.segmented label{cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:44px;padding:6px;display:flex;position:relative}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented label.on{background:var(--oxblood);color:var(--paper);font-weight:700}.segmented label:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:1px}.hint{color:var(--ink-muted);margin:4px 2px 22px;font-size:.92rem}.game{max-width:34rem;min-height:100%;padding-block:max(8px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-bottom,0px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));flex-direction:column;gap:8px;margin:0 auto;display:flex}.game-head{justify-content:space-between;align-items:center;display:flex}.text-button{min-height:44px;color:var(--cream-muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:10px 4px;text-decoration:underline}.players{grid-template-columns:1fr 1fr;gap:8px;display:grid}.chip{border:1.5px solid #0000;border-radius:10px;align-items:center;gap:8px;min-width:0;padding:6px 10px;display:flex}.chip:nth-child(2){text-align:right;flex-direction:row-reverse}.chip.current{border-color:var(--cream);background:var(--cloth-raised)}.chip-text{min-width:0}.chip-name{font-weight:700;line-height:1.2}.chip-detail{color:var(--cream-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;line-height:1.25;overflow:hidden}@media (width<=359px){.chip-detail-extra{display:none}}.board-wrap{aspect-ratio:1;width:min(100%,max(224px,100dvh - 362px));margin:0 auto;position:relative}.board{background-color:#bb8249;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.0035 0.055' numOctaves='3' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 0.36 0 0 0 0 0.2 0 0 0 0 0.07 0 0 0 1.9 -0.72'/%3E%3C/filter%3E%3Crect width='640' height='640' fill='%23bb8249'/%3E%3Crect width='640' height='640' filter='url(%23g)'/%3E%3C/svg%3E");background-size:cover;border-radius:14px;width:100%;height:100%;box-shadow:inset 0 0 0 5px #5c34148c,inset 0 0 22px #3c1e0a80,0 10px 26px #00000073}.board svg{touch-action:manipulation;width:100%;height:100%;display:block}.spot-paint{stroke:#3c230f59;stroke-width:.03px}.spot-track .spot-paint{fill:var(--paint-white)}.spot-start .spot-paint{fill:var(--paint-yellow)}.spot-home .spot-paint,.spot-base .spot-paint{fill:var(--paint-red)}.spot-center .spot-paint{fill:var(--paint-blue)}.spot-tack{fill:var(--tack);opacity:.8}.spot-home .spot-tack,.spot-base .spot-tack,.spot-center .spot-tack{fill:#280a0a8c}.marble{transition:transform .45s ease-in-out}.marble.hopping{transition-duration:.1s;transition-timing-function:ease-out}.marble-art{transform-box:fill-box;transform-origin:50%;transition:transform .16s ease-out}.marble.movable .marble-art{transform:scale(1.35)}.marble-shadow{fill:#1e0f0559}.marble-body{stroke:#00000059;stroke-width:.02px}.marble.movable,.target{cursor:pointer}.marble:focus-visible,.target:focus-visible{outline:none}.hit{fill:#0000}.glow{fill:var(--glow);fill-opacity:.45}.halo{fill:none;stroke:var(--glow);stroke-width:.1px}.marble.selected .halo{stroke:var(--paint-yellow);stroke-width:.1px}.target-ring{fill:#fff4cf38;stroke:#fff4cf;stroke-width:.06px;stroke-dasharray:.16 .1}.marble:focus-visible .halo,.target:focus-visible .target-ring{stroke:var(--focus);stroke-width:.12px}.game-over{background:var(--cream);color:var(--cloth);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;gap:10px;padding:18px;display:flex;position:absolute;inset:8%;box-shadow:0 12px 30px #00000080}.game-over h2{font-family:var(--font-display);margin:0;font-size:2.2rem;font-weight:800;line-height:1}.game-over p{margin:0 0 6px}.game-over .secondary{border-color:var(--cloth)}.log{min-height:3.8em;color:var(--cream-muted);flex-direction:column;flex:1 1 0;justify-content:flex-end;gap:6px;margin:0;padding:1.1em 0 0;font-size:.9rem;line-height:1.3;list-style:none;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 1.1em);mask-image:linear-gradient(#0000,#000 1.1em)}.log-entry{align-items:center;gap:8px;display:flex}.log-entry:last-child{color:var(--cream)}.log-entry.log-murder{color:var(--murder);font-weight:700}.swatch-small{width:12px;height:12px;box-shadow:none}.turn{border-top:1px solid var(--cloth-line);align-items:center;gap:14px;padding-top:6px;display:flex}.status{flex:1;min-height:2.9em;margin:0}.die{cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:2px;width:84px;padding:0;display:flex}.die svg{width:72px;height:72px;display:block}.die:disabled{cursor:default}.die-face{fill:var(--paint-white);stroke:#0000004d;stroke-width:2px}.die.ready .die-face{stroke:var(--paint-yellow);stroke-width:6px}.die-pip{fill:#2a1d12}.die-label{min-height:1.4em;font-family:var(--font-display);font-size:1.15rem;font-weight:800}@media (prefers-reduced-motion:no-preference){.halo,.glow{animation:1.1s ease-in-out infinite alternate glow}.marble.selected .halo,.marble.selected .glow{animation:none}.die.rolling svg{animation:.42s ease-out tumble}}@keyframes glow{0%{opacity:.55}to{opacity:1}}@keyframes tumble{0%{transform:rotate(0)scale(1)}50%{transform:rotate(-12deg)scale(.92)}to{transform:rotate(0)scale(1)}}.online .hint{margin-top:-4px}.small-button{border:1.5px solid var(--oxblood);background:var(--oxblood);min-height:44px;color:var(--paper);cursor:pointer;border-radius:10px;flex:none;padding:8px 14px;font-weight:700}.small-button:active{background:var(--oxblood-pressed)}.open-games{gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.open-game{background:var(--paper-deep);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.open-game-text{flex:1;min-width:0}.open-game-name{font-weight:700}.open-game-detail{color:var(--ink-muted);font-size:.9rem}.back-button{min-height:44px;color:var(--oxblood);cursor:pointer;background:0 0;border:0;margin-left:-4px;padding:8px 4px;font-weight:700}.page-title{color:var(--oxblood);font-family:var(--font-display);margin:4px 0 6px;font-size:2.1rem;font-weight:800;line-height:1.05}.stack{gap:14px;display:grid}.field{gap:6px;margin-bottom:4px;display:grid}.field-label{font-weight:700}.field-help{color:var(--ink-muted);font-size:.92rem}.setup input{border:1.5px solid var(--paper-line);width:100%;min-height:48px;color:var(--ink);font:inherit;background:#fffaf0;border-radius:10px;padding:10px 12px;font-size:max(16px,1rem)}.setup input:focus-visible{border-color:var(--oxblood);outline:2px solid var(--oxblood);outline-offset:0}.form-error{color:var(--paint-red-pressed);margin:0;font-weight:700}.code-form{gap:10px;margin-bottom:10px;display:flex}.code-form input{min-width:0;font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;flex:1;font-size:1.4rem;font-weight:800}.code-form .secondary{width:auto;padding:0 22px}.invite{background:var(--paper-deep);border-radius:14px;gap:10px;margin:10px 0 18px;padding:14px;display:grid}.game-code{justify-content:space-between;align-items:baseline;margin:0;display:flex}.game-code-label{color:var(--ink-muted)}.game-code strong{color:var(--oxblood);font-family:var(--font-display);letter-spacing:.18em;font-size:2.2rem;font-weight:800;line-height:1}.invite-link{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin-top:4px;display:block}.lobby-seat{justify-content:space-between;align-items:center;gap:10px;display:flex}.waiting{background:var(--paper-deep);text-align:center;border-radius:12px;margin:8px 0 0;padding:14px;font-weight:700}.game-code-chip{color:var(--cream-muted);letter-spacing:.06em;font-size:.85rem}.chip.away{opacity:.6}.online-panel{gap:6px;font-size:.92rem;display:grid}.online-panel p{background:var(--cloth-raised);border-radius:8px;margin:0;padding:6px 10px}.online-row{background:var(--cloth-raised);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;display:flex}.online-row>span{flex:10em}.online-panel .small-button{border-color:var(--paint-yellow);min-height:40px;color:var(--cream);background:0 0;padding:6px 12px}.online-name{border:1.5px solid var(--cloth-line);background:var(--cloth);min-width:0;min-height:40px;color:var(--cream);font:inherit;border-radius:8px;flex:8em;padding:6px 10px;font-size:max(16px,1rem)}