:root{--game-accent:#4ade80;--game-accent-dark:#16a34a;--game-accent-soft:#14301f;--ink:#eef1f6;--ink-soft:#9aa4b5;--bg:#10131a;--panel:#1a1f2b;--panel-border:#2a3142;--good:#4ade80;--bad:#f87171;--radius:18px;--radius-small:12px;--shadow:0 4px 18px #00000059;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--tap-min:48px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}.topbar{align-items:center;gap:.6rem;max-width:560px;margin:0 auto;padding:.7rem 1rem .3rem;display:flex}.topbar .back{color:var(--ink-soft);padding:.4rem .2rem;font-size:.95rem;text-decoration:none}.topbar .back:hover{color:var(--ink)}.topbar h1{text-align:center;flex:1;margin:0;font-size:1.25rem}.icon-btn{background:var(--panel);border:1px solid var(--panel-border);cursor:pointer;border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.icon-btn svg{width:22px;height:22px;stroke:var(--ink)}.settings-wrap{max-width:560px;margin:0 auto;padding:0 1rem}.settings-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);margin-top:.4rem;padding:.9rem 1rem}.settings-panel[hidden]{display:none}.setting-row{justify-content:space-between;align-items:center;gap:1rem;padding:.45rem 0;display:flex}.setting-row .lbl{font-size:1rem}.switch{border:1px solid var(--panel-border);cursor:pointer;background:#262c3d;border-radius:999px;flex:none;width:52px;height:30px;padding:0;position:relative}.switch:after{content:"";background:#cbd5e1;border-radius:50%;width:22px;height:22px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--game-accent-dark)}.switch[aria-checked=true]:after{background:#fff;transform:translate(22px)}.seg{border:1px solid var(--panel-border);background:#262c3d;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.32rem .7rem;font-size:.92rem}.seg button[aria-pressed=true]{background:var(--game-accent-dark);color:#fff}.setting-select{border:1px solid var(--panel-border);color:var(--ink);font:inherit;cursor:pointer;appearance:none;background:#262c3d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right .7rem center/.85rem no-repeat;border-radius:999px;padding:.42rem 2rem .42rem .85rem;font-size:.92rem}.footer{text-align:center;color:var(--ink-soft);padding:1.2rem 1rem 1.6rem;font-size:.85rem;line-height:1.5}.footer a{color:var(--ink-soft)}.footer a.bmc-pill{color:#000;white-space:nowrap;vertical-align:middle;background:#fd0;border:1px solid #000;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:.95em;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.footer a.bmc-inline{color:inherit;white-space:nowrap;text-decoration:none}.footer a.bmc-inline:hover{text-decoration:underline}.btn{background:var(--game-accent-dark);color:#fff;cursor:pointer;min-height:var(--tap-min);border:0;border-radius:12px;padding:.7rem 1.3rem;font-size:1rem;font-weight:600}.btn.secondary{background:var(--panel);border:1px solid var(--panel-border);color:var(--ink);font-weight:500}html[data-theme=halloween]{--bg:#160f1e;--panel:#221631;--panel-border:#3b2354;--ink:#f6ecdd;--ink-soft:#b39ecb;--game-accent:#fb923c;--game-accent-dark:#ea580c;--game-accent-soft:#2f1a08}html[data-theme=christmas]{--bg:#0c1a12;--panel:#12291a;--panel-border:#1e4630;--ink:#f2efe3;--ink-soft:#a9bfa5;--game-accent:#ef4444;--game-accent-dark:#b91c1c;--game-accent-soft:#2f0f0f}.season-banner{max-width:560px;margin:.6rem auto 0;padding:0 1rem}.season-banner-inner{background:var(--panel);border:1px solid var(--game-accent-dark);border-radius:var(--radius-small);align-items:center;gap:.6rem;padding:.55rem .8rem;font-size:.95rem;display:flex}.season-banner-main{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:.2rem 0}.season-banner-close{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;flex:none;padding:.3rem;font-size:1.05rem;line-height:1}:root{--game-accent:#d97706;--game-accent-dark:#b45309;--game-accent-soft:#3a2410;--bg:#241611;--ink:#f3e7d3;--ink-soft:#c4a882;--panel:#3a2417;--panel-border:#5d4028;--radius:14px;--radius-small:10px}body{background:radial-gradient(120% 90% at 50% 0,#31200f 0%,#241611 55%);min-height:100dvh}.wrap{max-width:560px;margin:0 auto;padding:.4rem 1rem 0}.setup{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);margin-top:.4rem;padding:1rem}.setup-title{margin:0 0 .2rem;font-size:1.15rem}.setup-sub{color:var(--ink-soft);margin:0 0 .9rem}.setup-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.setup-lbl{color:var(--ink-soft)}.seg{background:#2e1c10}.start-btn{width:100%}.resume-btn{width:100%;margin-bottom:.6rem}.stats-line{color:var(--ink-soft);min-height:1.2em;margin:.8rem 0 0;font-size:.92rem}.game-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""panelB""board""panelW""status""coach""controls""learn";gap:.5rem;max-width:1180px;margin:0 auto;padding:.5rem .75rem 0;display:grid;position:relative}.g-head{grid-area:head}.g-panel-b{grid-area:panelB}.g-panel-w{grid-area:panelW}.g-board{grid-area:board}.g-status{grid-area:status}.g-coach{grid-area:coach}.g-controls{grid-area:controls}.g-learn{grid-area:learn}.g-head .topbar{max-width:none;margin:0;padding:.1rem 0}.g-head .topbar .back{white-space:nowrap;flex:none}.g-head .topbar h1{font-size:1.05rem}.game-settings{z-index:60;position:absolute;top:3rem;right:.75rem}.game-settings .settings-wrap{position:relative}.game-settings .settings-panel{width:min(300px,100vw - 2rem);box-shadow:var(--shadow);position:absolute;top:0;right:0}.player-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-small);grid-template-columns:16px 1fr auto;grid-template-areas:"disc name badge""disc meta meta";align-items:center;column-gap:.55rem;min-width:0;min-height:54px;padding:.45rem .7rem;display:grid}.player-panel.active{border-color:var(--game-accent);box-shadow:0 0 0 1px var(--game-accent)}.dot{border-radius:50%;flex:none;grid-area:disc;width:15px;height:15px}.dot-white{background:radial-gradient(circle at 35% 30%,#fff,#f7efdc 60%,#c9bfa8);border:1px solid #b09a6d}.dot-black{background:radial-gradient(circle at 35% 30%,#6b5138,#2a1c12 60%,#0e0805);border:1px solid #000}.pp-name{white-space:nowrap;text-overflow:ellipsis;grid-area:name;font-weight:700;overflow:hidden}.pp-meta{color:var(--ink-soft);white-space:nowrap;grid-area:meta;font-size:.86rem}.turn-badge{background:var(--game-accent);color:#fff;white-space:nowrap;border-radius:999px;grid-area:badge;padding:.08rem .6rem;font-size:.76rem;font-weight:700}.turn-badge.placeholder{visibility:hidden}.board-frame{background:linear-gradient(#7c4a24,#5d3418);border:1px solid #4a2a12;border-radius:16px;width:100%;max-width:640px;margin:0 auto;padding:11px;position:relative;box-shadow:inset 0 0 0 2px #8f5c2e,0 10px 28px #00000073}.board-svg{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;width:100%;height:auto;display:block}.bd-frame{stroke:#4a2a12;stroke-width:1.5px}.bd-felt{fill:#e8d5ae}.bd-bar{fill:#6e452a}.pt{stroke:#3b200c59;stroke-width:1px}.pt-a{fill:#a4442c}.pt-b{fill:#5d3a22}.checker{pointer-events:none}.checker .ck-body{stroke-width:1.6px}.checker-white .ck-body{fill:#f7efdc;stroke:#b09a6d}.checker-black .ck-body{fill:#2a1c12;stroke:#0e0805}.checker .ck-ring{fill:none;stroke-width:1.4px;opacity:.55}.checker-white .ck-ring{stroke:#b09a6d}.checker-black .ck-ring{stroke:#000}.checker .ck-shine{fill:#fff;opacity:.5}.checker-black .ck-shine{fill:#8a6d4f;opacity:.65}.ck-movable{pointer-events:auto;cursor:pointer}.ck-movable .ck-body{stroke:#d97706;stroke-width:2.4px}.ck-selected .ck-body{stroke:#fbbf24;stroke-width:3px}.ck-ghost{opacity:.45;pointer-events:none}.ck-ghost .ck-body{stroke-dasharray:4 3}.dest-zone{fill:#d97706;opacity:.22;cursor:pointer}.dest-zone-quiet{opacity:0}.hl-off .ck-movable .ck-body{stroke-width:1.6px}.hl-off .checker-white.ck-movable .ck-body{stroke:#b09a6d}.hl-off .checker-black.ck-movable .ck-body{stroke:#0e0805}.tray{fill:#54341c;stroke:#3c2312;stroke-width:1.5px}.tray-dest{fill:#8a5a20;stroke:#fbbf24;stroke-width:2.5px;pointer-events:none}.tray-count{fill:#f3e7d3;pointer-events:none;font-size:15px;font-weight:700}.ck-mini .ck-body{stroke-width:1.2px}.stack-badge rect{fill:#241611;opacity:.88}.stack-badge text{fill:#f3e7d3;font-size:11px;font-weight:700}.fly-checker{pointer-events:none;z-index:30;border-radius:50%;position:absolute;box-shadow:0 6px 14px #00000073}.fly-white{background:radial-gradient(circle at 35% 30%,#fff,#f7efdc 55%,#d9c9a3);border:2px solid #b09a6d}.fly-black{background:radial-gradient(circle at 35% 30%,#6b5138,#2a1c12 55%,#0e0805);border:2px solid #000}.status{text-align:center;justify-content:center;align-items:center;min-height:2.5em;margin:0;font-weight:600;line-height:1.3;display:flex}.coach{text-align:center;color:#fbbf24;min-height:1.3em;margin:0;font-size:.92rem}.coach:empty{min-height:0}.g-controls{flex-direction:column;gap:.5rem;display:flex}.dice-tray{justify-content:center;align-items:center;gap:.55rem;min-height:48px;display:flex}.die{cursor:pointer;background:#faf6ee;border:2px solid #8a6d4f;border-radius:10px;flex:none;width:44px;height:44px;padding:0;position:relative}.die svg{width:100%;height:100%;display:block}.die.active{outline-offset:1px;outline:3px solid #fbbf24}.die.used{opacity:.32;cursor:default}.die.static{cursor:default}.die-count{background:var(--game-accent);color:#fff;pointer-events:none;border-radius:999px;padding:.08rem .42rem;font-size:.72rem;font-weight:800;position:absolute;top:-9px;right:-9px}.die-slot{border:2px dashed #6b4e32;border-radius:10px;flex:none;width:44px;height:44px}button.die-slot{cursor:pointer;background:0 0;padding:0}.swap-btn{border:1px solid var(--panel-border);background:var(--panel);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:50%;flex:none;font-size:1.05rem}.swap-btn.placeholder{visibility:hidden}.undo-hint{gap:.5rem;display:flex}.undo-hint .btn{flex:1}.phase-btn{width:100%;font-size:1.05rem}.btn:disabled{opacity:.45;cursor:default}.minor-row{justify-content:center;gap:.5rem;display:flex}.btn-ghost{border:1px solid var(--panel-border);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:10px;min-height:40px;padding:.45rem .9rem;font-size:.92rem}.btn-ghost.armed{border-color:var(--bad);color:var(--bad);font-weight:700}.finish-overlay{z-index:40;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.finish-card{text-align:center;background:#24160af5;border:1px solid #8f5c2e;border-radius:14px;width:100%;max-width:340px;padding:1rem 1.2rem;box-shadow:0 14px 34px #0000008c}.finish-title{margin:0 0 .3rem;font-size:1.3rem}.finish-detail{color:var(--ink-soft);margin:0 0 .4rem}.finish-tally{margin:0 0 .9rem;font-weight:600}.finish-btns{gap:.5rem;display:flex}.finish-btns .btn{flex:1}.confetti-layer{pointer-events:none;z-index:35;position:absolute;inset:0;overflow:hidden}.confetti-piece{pointer-events:none;border-radius:2px;position:absolute;top:-12px}.how{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:.8rem 1rem}.how-toggle{width:100%;font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;margin:0;padding:0;font-size:1.05rem;font-weight:700;display:flex}.how-chev{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:19px;height:19px;transition:transform .18s}.how-toggle[aria-expanded=true] .how-chev{transform:rotate(180deg)}.how-body{margin-top:.35rem}.how-body[hidden]{display:none}.how p{color:var(--ink-soft);margin:0;line-height:1.5}.how-body p+p{margin-top:.5rem}@media (orientation:landscape){.game-layout{grid-template:"board head""board panelB""board panelW""board status""board coach""board controls"1fr"board learn"/minmax(0,1fr) 250px;height:100dvh;padding-bottom:.5rem}.g-board{align-items:center;min-height:0;display:flex}.board-frame{width:min(100%,143.85dvh - 37.401px);max-width:920px}.status{text-align:left;justify-content:flex-start;min-height:2.5em}.coach{text-align:left}.g-learn{align-self:end}}@media (orientation:landscape) and (height<=500px){.game-layout{gap:.19rem;padding-top:.3rem;padding-bottom:.3rem}.g-head .topbar{padding:0}.g-head .topbar h1{font-size:.95rem}.g-head .icon-btn{border-radius:9px;width:34px;height:34px}.g-head .icon-btn svg{width:18px;height:18px}.player-panel{min-height:44px;padding:.3rem .55rem}.pp-name{font-size:.95rem}.pp-meta{font-size:.78rem}.status{min-height:2.3em;font-size:.85rem}.coach{font-size:.82rem}.g-controls{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.dice-tray{grid-column:1/-1;min-height:38px}.die,.die-slot{width:36px;height:36px}.swap-btn{width:32px;height:32px}.undo-hint,.minor-row{display:contents}.g-controls .btn{min-height:36px;padding:.35rem .8rem}.phase-btn{grid-column:1/-1;font-size:1rem}.btn-ghost{min-height:30px;padding:.2rem .5rem;font-size:.82rem}.how{padding:.4rem .65rem}.how-toggle{font-size:.92rem}}@media (orientation:portrait){.g-controls{flex-flow:wrap;align-items:stretch}.undo-hint{display:contents}.undo-hint .btn{flex:1;min-height:48px}.btn-undo{order:1}.btn-hint{order:2}.dice-tray{order:3;min-height:48px}.phase-btn{flex:1;order:4;width:auto}.minor-row{flex-basis:100%;order:5}.board-frame{max-width:560px}}