html,body{overflow-x:hidden}:root{--bg:#050810;--bg2:#0a1122;--glass:rgba(13,20,38,.58);--glass2:rgba(22,32,58,.55);--stroke:rgba(255,255,255,.08);--stroke2:rgba(255,255,255,.16);--text:#e7ecf5;--muted:#8b96ad;--earth:#e8a33d;--water:#38bdf8;--flora:#4ade80;--fauna:#f472b6;--gold:#f5b93d;--ease:cubic-bezier(.16,1,.3,1);--font-d:"Russo One",system-ui,sans-serif;--font-b:"Inter",system-ui,sans-serif;--font-m:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-b);font-size:15px;line-height:1.5;overflow:hidden}#root{height:100%}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}input{font-family:inherit;color:inherit}::selection{background:#38bdf84d}.ambient{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5}.blob-a{width:52vmax;height:52vmax;left:-14vmax;top:-18vmax;background:radial-gradient(circle,rgba(30,64,120,.55),transparent 65%);animation:driftA 26s ease-in-out infinite alternate}.blob-b{width:46vmax;height:46vmax;right:-12vmax;bottom:-16vmax;background:radial-gradient(circle,rgba(20,90,80,.45),transparent 65%);animation:driftB 32s ease-in-out infinite alternate}@keyframes driftA{0%{transform:translate(0) scale(1)}to{transform:translate(6vmax,4vmax) scale(1.12)}}@keyframes driftB{0%{transform:translate(0) scale(1.08)}to{transform:translate(-5vmax,-3vmax) scale(1)}}.stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 12% 22%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 68% 12%,rgba(255,255,255,.35),transparent),radial-gradient(1.5px 1.5px at 84% 58%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 32% 78%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 52% 42%,rgba(255,255,255,.25),transparent),radial-gradient(1.5px 1.5px at 8% 62%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 92% 88%,rgba(255,255,255,.35),transparent)}.glass{background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--stroke);border-radius:16px;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff0f}.title-wrap{position:relative;z-index:1;height:100%;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:32px 18px}.brand-eyebrow{font-family:var(--font-m);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}.logo{font-family:var(--font-d);font-size:clamp(44px,9vw,84px);letter-spacing:.14em;line-height:1;background:linear-gradient(180deg,#fff 20%,#9fc3e8 60%,#4a7fb5);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 60px rgba(56,189,248,.25);text-align:center}.tagline{color:var(--muted);font-size:14px;text-align:center}.tagline b{color:var(--text);font-weight:600}.beta-chip{font-family:var(--font-m);font-size:11px;letter-spacing:.18em;color:var(--gold);border:1px solid rgba(245,185,61,.4);border-radius:99px;padding:4px 14px;background:#f5b93d14}.section-label{font-family:var(--font-m);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);text-align:center}.ver-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,220px));gap:12px;width:100%;max-width:720px}.ver-card{padding:16px 14px;text-align:left;transition:border-color .25s var(--ease),transform .25s var(--ease);min-height:44px}.ver-card:hover{border-color:var(--stroke2)}.ver-card.on{border-color:#38bdf88c;box-shadow:0 0 0 1px #38bdf859,0 8px 32px #00000059}.ver-num{font-family:var(--font-m);font-size:12px;color:var(--water);letter-spacing:.1em}.ver-name{font-family:var(--font-d);font-size:15px;margin:4px 0 6px;letter-spacing:.03em}.ver-desc{font-size:12px;color:var(--muted);line-height:1.45}.setup-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.count-btn{width:46px;height:46px;border-radius:12px;font-family:var(--font-m);font-size:16px;border:1px solid var(--stroke);background:var(--glass);transition:all .2s var(--ease)}.count-btn.on{border-color:#38bdf88c;color:var(--water);background:#38bdf81a}.name-grid{display:grid;gap:8px;width:100%;max-width:440px}.name-row{display:flex;align-items:center;gap:10px;padding:8px 12px}.dot{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:0 0 10px currentColor}.name-in{flex:1;background:transparent;border:none;outline:none;font-size:14px;min-height:28px}.name-in::placeholder{color:var(--muted)}.start-btn{font-family:var(--font-d);font-size:17px;letter-spacing:.1em;padding:15px 44px;border-radius:14px;color:#06121f;background:linear-gradient(135deg,#67d1ff,#38bdf8 45%,#2f9fd8);box-shadow:0 8px 30px #38bdf859,inset 0 1px #ffffff80;min-height:48px}.start-btn:disabled{opacity:.4;filter:saturate(.3);cursor:default}.beta-chip.off{color:#f87171;border-color:#f8717144}.lobby-name{max-width:340px;margin:0 auto}.count-btn.wide{width:auto;padding:0 18px}.code-label{font-size:12px;color:var(--muted)}.lobby-code{margin:18px auto 4px;padding:14px 30px;font-family:var(--font-m);font-size:30px;letter-spacing:6px;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;gap:4px;border-radius:16px;user-select:none}.lobby-code .cc{font-size:10px;letter-spacing:1px;color:var(--muted)}.lobby-seats{max-width:380px;margin:0 auto}.seat-nm{font-size:14px}.conn-dot{width:8px;height:8px;border-radius:50%;background:#64748b55;margin-left:auto;flex:none}.conn-dot.on{background:#4ade80;box-shadow:0 0 8px #4ade8088}.lobby-note{font-size:12px;color:var(--muted);margin-top:10px}.lobby-err{margin-top:14px;color:#f87171;font-size:13px}.conn-badge{font-size:10px;padding:3px 8px;border-radius:10px;background:#0f172acc;color:var(--muted);flex:none}.conn-badge.off{color:#f87171}.log-holder{display:contents}.log-btn,.log-close{display:none}.invite-btn{margin-top:16px;padding:12px 26px;border-radius:14px;border:1px solid #38bdf866;background:linear-gradient(135deg,#0ea5e922,#38bdf822);color:#7dd3fc;font-family:var(--font-m);font-size:13px;letter-spacing:1px;cursor:pointer}.invite-btn:hover{border-color:#38bdf8;color:#bae6fd}.invite-btn.sm{padding:7px 14px;font-size:11px;margin-left:10px}.chain-note{margin:12px auto 0;max-width:380px;padding:10px 16px;border-radius:12px;border:1px solid #f5d06b44;background:#f5d06b12;color:#f5d06b;font-size:12px;line-height:1.5}.rematch-note{margin:0 0 14px;padding:10px 14px;border-radius:12px;border:1px solid #4ade8044;background:#4ade8012;color:#86efac;font-size:13px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}.vote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:560px;margin:10px auto 0}.pace-grid{grid-template-columns:repeat(2,1fr);max-width:420px}.final-card{max-width:460px;margin:10px auto 0;padding:13px 16px;border-radius:14px;font-size:12.5px;line-height:1.55;color:#c3cbdc;text-align:center}.final-card b{color:var(--gold)}.ki-row{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px auto 0;flex-wrap:wrap}.ki-label{font-size:12px;color:var(--muted);letter-spacing:.04em}.ki-btn{padding:7px 14px;border-radius:10px;border:1px solid rgba(148,163,184,.25);background:#0f172a99;color:#cfe4f7;font-size:12px;cursor:pointer;font-family:var(--font-m)}.ki-btn:active{transform:scale(.96)}.bot-level{font-size:10px;color:var(--muted);letter-spacing:.03em}.bot-kick{width:24px;height:24px;border-radius:7px;border:1px solid rgba(148,163,184,.22);background:#0f172a80;color:var(--muted);font-size:11px;cursor:pointer;flex:none}@media (max-width:640px){.vote-grid{grid-template-columns:1fr;max-width:340px}.pace-grid{grid-template-columns:repeat(2,1fr);max-width:360px}}.vote-card{padding:12px 10px;border-radius:14px;cursor:pointer;text-align:center;position:relative;border:1px solid rgba(148,163,184,.16)}.vote-card.on{border-color:#38bdf8aa;box-shadow:0 0 18px #38bdf822}.vote-card.host-pick{border-color:var(--gold)}.vote-dots{display:flex;justify-content:center;gap:5px;min-height:12px;margin-top:8px}.vote-dots .dot{width:9px;height:9px}.host-mark{margin-top:6px;font-size:10px;letter-spacing:1px;color:var(--gold)}.dice-btn{width:46px;height:46px;border-radius:13px;border:1px solid rgba(148,163,184,.25);background:#0f172a99;font-size:20px;cursor:pointer;flex:none}.dice-btn:disabled{opacity:.4;cursor:default}.dock{flex-direction:column;gap:8px}.dock-status{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-m);font-size:13px;letter-spacing:.02em;text-align:center;min-height:18px}.budget-mini{font-size:11px;color:var(--muted);letter-spacing:.05em}.turn-timer{font-size:11px;color:var(--muted);letter-spacing:.05em;font-family:var(--font-m)}.turn-timer.hot{color:#f59e0b;animation:timer-pulse 1s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.45}}.pcards{display:flex;gap:8px;justify-content:center;width:100%}.pcard.locked{opacity:.5}.pcard .ph{justify-content:center}.pbtns{display:flex;gap:5px;width:100%}.pbtns .pbtn{flex:1}.dock-action{display:flex;gap:10px;align-items:center;justify-content:center;width:100%}.dock-main-btn{min-width:150px}.chip.out .nm{text-decoration:line-through}.game{position:relative;z-index:1;height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:10px;padding:10px;overflow:hidden;max-width:100vw}.game>*{min-width:0}.topbar{display:flex;align-items:center;gap:10px;padding:8px 14px;flex-wrap:wrap}.top-logo{font-family:var(--font-d);font-size:16px;letter-spacing:.12em;color:#cfe4f7}.top-ver{font-family:var(--font-m);font-size:10px;color:var(--muted);letter-spacing:.12em;border:1px solid var(--stroke);border-radius:99px;padding:2px 9px}.chips{display:flex;gap:8px;flex:1;justify-content:center;flex-wrap:wrap;min-width:200px}.chip{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:12px;border:1px solid var(--stroke);background:var(--glass2);transition:box-shadow .3s var(--ease),border-color .3s var(--ease);position:relative}.chip.active{border-color:var(--pc);box-shadow:0 0 0 1px var(--pc),0 0 22px -4px var(--pc)}.chip .nm{font-size:12px;font-weight:600;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip .sc{font-family:var(--font-m);font-size:15px;font-weight:700}.chip .tiles{display:flex;gap:2px}.chip .tile-dot{width:4px;height:4px;border-radius:50%;background:var(--pc);opacity:.85}.chip .tile-dot.used{opacity:.18}.chip .mk{font-size:13px;color:var(--gold);text-shadow:0 0 8px rgba(245,185,61,.7)}.icon-btn{width:38px;height:38px;min-width:38px;border-radius:11px;border:1px solid var(--stroke);background:var(--glass2);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .2s var(--ease);font-size:15px}.icon-btn:hover{color:var(--text);border-color:var(--stroke2)}.mid{display:grid;grid-template-columns:1fr 300px;gap:10px;min-height:0}.board-wrap{position:relative;border-radius:20px;overflow:hidden;min-height:0;touch-action:none;overscroll-behavior:contain}.recenter-btn{position:absolute;top:10px;right:10px;z-index:5;width:34px;height:34px;border-radius:10px;border:1px solid rgba(148,163,184,.3);background:#0f172ab8;color:#7dd3fc;font-size:17px;cursor:pointer;backdrop-filter:blur(6px)}.board-svg{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.board-svg:active{cursor:grabbing}.board-hint{position:absolute;left:50%;bottom:12px;transform:translate(-50%);font-family:var(--font-m);font-size:11px;letter-spacing:.08em;color:var(--muted);background:#050810b8;border:1px solid var(--stroke);border-radius:99px;padding:6px 14px;pointer-events:none;white-space:nowrap;backdrop-filter:blur(8px)}.log{display:flex;flex-direction:column;min-height:0;overflow:hidden}.log-head{font-family:var(--font-m);font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);padding:12px 14px 8px;border-bottom:1px solid var(--stroke)}.log-body{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:7px}.log-body::-webkit-scrollbar{width:5px}.log-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.log-item{font-size:12px;line-height:1.45;color:#c3cbdc;padding:7px 10px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.log-item.big{color:var(--gold);border-color:#f5b93d4d;background:#f5b93d0f;font-weight:600}.log-item .who{font-weight:700}.dock{display:flex;align-items:stretch;gap:10px;padding:12px 14px;flex-wrap:wrap;justify-content:center}.dock-info{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:170px;flex:1 1 170px;max-width:260px}.dock-turn{font-family:var(--font-d);font-size:14px;letter-spacing:.04em}.dock-sub{font-size:11.5px;color:var(--muted);line-height:1.4}.budget{display:flex;gap:4px;align-items:center;margin-top:2px}.budget .seg{width:22px;height:6px;border-radius:3px;background:#ffffff1a;transition:background .25s var(--ease),box-shadow .25s var(--ease)}.budget .seg.on{background:var(--gold);box-shadow:0 0 8px #f5b93d99}.budget .bt{font-family:var(--font-m);font-size:11px;color:var(--muted);margin-left:6px}.pcards{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pcard{width:92px;padding:9px 8px 8px;border-radius:14px;border:1px solid var(--stroke);background:var(--glass2);display:flex;flex-direction:column;align-items:center;gap:6px;transition:border-color .25s var(--ease)}.pcard .ph{display:flex;align-items:center;gap:5px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.pcard .pv{font-family:var(--font-m);font-size:24px;font-weight:700;line-height:1}.pcard .pbtns{display:flex;gap:6px}.pbtn{width:34px;height:30px;border-radius:9px;border:1px solid var(--stroke);background:#ffffff0d;font-family:var(--font-m);font-size:15px;display:flex;align-items:center;justify-content:center;transition:all .15s var(--ease)}.pbtn:not(:disabled):hover{background:#ffffff1c}.pbtn:disabled{opacity:.25;cursor:default}.dock-note{font-family:var(--font-m);font-size:11px;color:var(--muted);align-self:center;max-width:170px;line-height:1.5}.dock-note b{color:var(--water)}.pass-btn{align-self:center;font-family:var(--font-m);font-size:11px;letter-spacing:.05em;color:var(--muted);border:1px solid var(--stroke);border-radius:10px;padding:10px 13px;min-height:40px;background:#ffffff08;transition:all .2s var(--ease)}.pass-btn:not(:disabled):hover{color:var(--text);border-color:var(--stroke2)}.pass-btn:disabled{opacity:.35;cursor:default}.board-tilt{position:absolute;inset:0;perspective:1300px;perspective-origin:50% 26%}.board-svg{transform:rotateX(24deg) scale(1.12);transform-origin:50% 58%}.cell-empty{fill:#ffffff04;stroke:#ffffff0d;stroke-width:1}.cell-glow{fill:#38bdf852;pointer-events:none;animation:underGlow 1s ease-in-out infinite alternate}@keyframes underGlow{0%{opacity:.22}to{opacity:.55}}.cell-valid{fill:#38bdf80d;stroke:#82d7ff2e;stroke-width:1;cursor:pointer;transition:fill .3s var(--ease)}.cell-valid:hover{fill:#38bdf824}.hex-flash{animation:hexFlash .55s var(--ease)}@keyframes hexFlash{0%{filter:brightness(1)}30%{filter:brightness(2) drop-shadow(0 0 14px rgba(120,220,255,.9))}to{filter:brightness(1)}}.hex-encircle{animation:encFlash 1s var(--ease)}@keyframes encFlash{0%{filter:brightness(1)}25%{filter:brightness(2.6) drop-shadow(0 0 22px rgba(245,185,61,1))}to{filter:brightness(1)}}.pval{font-family:var(--font-m);font-weight:700;font-size:14px}.pval-pop{animation:valPop .5s var(--ease)}@keyframes valPop{0%{transform:scale(1)}35%{transform:scale(1.7)}to{transform:scale(1)}}.float-plus{font-family:var(--font-m);font-weight:700;font-size:13px;animation:floatUp 1s ease-out forwards;pointer-events:none}@keyframes floatUp{0%{opacity:0;transform:translateY(4px)}20%{opacity:1}to{opacity:0;transform:translateY(-26px)}}.mark-sym{font-size:19px;fill:var(--gold);font-family:var(--font-b);font-weight:700;stroke:var(--gold);stroke-width:1.4px;paint-order:stroke;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(245,185,61,.95)) drop-shadow(0 0 2px rgba(0,0,0,.8))}.ring-wave{fill:none;stroke:#78dcffcc;stroke-width:2;animation:ringOut .8s ease-out forwards;pointer-events:none}@keyframes ringOut{0%{opacity:.9}to{opacity:0;transform:scale(1.9)}}.overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px}.overlay-bg{position:absolute;inset:0;background:#03050ab8;backdrop-filter:blur(6px)}.modal{position:relative;max-width:640px;width:100%;max-height:82vh;overflow-y:auto;padding:26px 26px 22px}.modal h2{font-family:var(--font-d);font-size:22px;letter-spacing:.05em;margin-bottom:14px}.modal h2 .v{color:var(--water);font-size:14px;font-family:var(--font-m);margin-left:8px}.modal details{border:1px solid var(--stroke);border-radius:12px;margin-bottom:8px;overflow:hidden}.modal summary{cursor:pointer;padding:11px 14px;font-weight:600;font-size:13.5px;list-style:none;min-height:44px;display:flex;align-items:center}.modal summary:before{content:"◇";color:var(--water);margin-right:9px;font-size:11px}.modal details[open] summary{border-bottom:1px solid var(--stroke);background:#ffffff08}.modal details p{padding:10px 14px;font-size:13px;color:#c3cbdc;line-height:1.6}.modal details p+p{padding-top:0}.modal .close{position:sticky;bottom:0;margin-top:14px;width:100%;padding:12px;border-radius:12px;min-height:44px;font-family:var(--font-d);letter-spacing:.08em;background:#38bdf824;border:1px solid rgba(56,189,248,.4);color:var(--water)}.genesis-wrap{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:15vh 16px 0;pointer-events:none}.toast-wrap{position:fixed;left:0;right:0;top:70px;z-index:60;display:flex;justify-content:center;pointer-events:none;padding:0 14px}.toast{background:#2c1210db;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(248,113,113,.5);color:#ffd9d3;border-radius:14px;padding:11px 18px;font-size:13px;line-height:1.45;max-width:460px;text-align:center;box-shadow:0 10px 36px #00000073}.genesis-pop{display:flex;align-items:center;gap:16px;padding:16px 24px;border-radius:18px;max-width:min(480px,90vw);background:#181308d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(245,185,61,.45);box-shadow:0 14px 50px #00000080,0 0 44px #f5b93d38,inset 0 1px #ffebb426}.genesis-pop .sym{font-size:42px;color:var(--gold);text-shadow:0 0 22px rgba(245,185,61,.85);line-height:1;flex:none}.genesis-pop .txt{font-family:var(--font-d);font-size:14.5px;letter-spacing:.04em;color:#ffe6ad;line-height:1.5}.win-card{position:relative;max-width:480px;width:100%;padding:36px 30px;text-align:center}.win-card h2{font-family:var(--font-d);font-size:26px;letter-spacing:.06em;margin-bottom:10px}.win-card .why{color:var(--muted);font-size:13.5px;line-height:1.6;margin-bottom:20px}.win-scores{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.win-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;border:1px solid var(--stroke);background:#ffffff08}.win-row .nm{flex:1;text-align:left;font-weight:600;font-size:14px}.win-row .sc{font-family:var(--font-m);font-size:17px;font-weight:700}.win-row.top{border-color:#f5b93d80;background:#f5b93d12}@media (max-width:900px){.mid{grid-template-columns:1fr}.log{max-height:130px}.board-svg{transform:rotateX(17deg) scale(1.05)}.ver-grid{grid-template-columns:1fr;max-width:340px}.dock{padding:10px}.pcard{width:84px}.dock-note{display:none}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}@media (max-width:700px){body{overscroll-behavior:none}.game{height:100vh;height:100dvh;height:var(--app-h,100dvh);padding:5px;gap:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom,0px))}.topbar{padding:5px 6px;gap:5px;flex-wrap:nowrap}.top-logo,.top-ver{display:none}.conn-badge{font-size:8px;padding:2px 5px}.icon-btn{width:32px;height:32px;min-width:32px;border-radius:9px}.log-btn{display:flex}.chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;min-width:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.chips::-webkit-scrollbar{display:none}.chip{padding:4px 8px;flex:none}.chip .nm{max-width:64px;font-size:11px}.chip .tiles{display:none}.chip .sc{font-size:13px}.mid{display:flex;flex-direction:column;min-height:0;position:relative}.board-wrap{flex:1 1 auto;min-height:200px}.board-hint{font-size:9.5px;padding:4px 10px;bottom:8px;max-width:94%;white-space:normal;text-align:center;line-height:1.35}.log-holder{display:none;position:absolute;left:6px;right:6px;bottom:6px;z-index:40}.log-holder.open{display:block}.log-holder .log{height:min(46vh,340px);box-shadow:0 18px 50px #0000008c}.log-holder .log-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.log-close{display:flex;position:absolute;top:4px;right:6px;z-index:2;width:28px;height:28px;align-items:center;justify-content:center;border-radius:8px;color:var(--muted);background:#ffffff0f}.dock{padding:7px 6px;gap:7px}.dock-status{font-size:12px;min-height:16px;gap:8px}.budget-mini{font-size:11px}.pcards{gap:3px}.pcard{flex:1;min-width:0;padding:6px 3px 5px;gap:4px;border-radius:11px}.pcard .ph{font-size:0}.pcard .pv{font-size:22px}.pbtns{gap:3px}.pbtn{height:40px;font-size:20px;border-radius:9px}.dock-action{gap:8px}.dock-main-btn{flex:1;min-width:0;font-size:13px!important;padding:12px!important;letter-spacing:.05em}.pass-btn.dock-main-btn{max-width:none}.dice-btn{width:44px;height:44px;font-size:18px;flex:none}.title-wrap{padding:18px 12px}.logo{font-size:38px}.lobby-code{font-size:24px;letter-spacing:4px;padding:10px 20px}}.howto{max-width:420px;text-align:center;position:relative}.howto-scene{margin:6px auto 2px;max-width:300px}.howto-scene svg{width:100%;height:auto;display:block}.howto-cap{font-size:12.5px;line-height:1.55;color:#c3cbdc;margin:8px 4px 12px}.howto-dots{display:flex;gap:7px;justify-content:center;margin-bottom:14px}.hdot{width:7px;height:7px;border-radius:50%;background:#9fb3d94d;cursor:pointer}.hdot.on{background:#7dd3fc}.howto-nav{display:flex;justify-content:space-between;align-items:center;gap:10px}.howto-next{margin:0;padding:10px 24px;font-size:13px}.howto-rules{margin-top:14px;background:none;border:none;color:#7dd3fc;font-size:12px;cursor:pointer;text-decoration:underline;font-family:inherit}.modal-x{position:absolute;top:10px;right:12px;width:28px;height:28px;border-radius:8px;border:1px solid rgba(148,163,184,.25);background:#0f172a99;color:#9fb3d9;cursor:pointer;font-size:12px}.howto-open{background:none;border:none;color:#7dd3fc;font-size:13px;cursor:pointer;text-decoration:underline;font-family:inherit;display:block;margin:12px auto 0}.hint-toast{position:fixed;left:50%;transform:translate(-50%);bottom:150px;z-index:60;max-width:88vw;background:#101c33f0;border:1px solid rgba(125,211,252,.35);border-radius:14px;padding:10px 15px;font-size:12.5px;line-height:1.45;color:#dbe7f7;backdrop-filter:blur(8px);box-shadow:0 8px 28px #00000073}.zak-btn{display:flex;align-items:center;gap:5px;padding:12px 15px;border-radius:14px;flex:none;border:1px solid rgba(245,208,107,.4);background:linear-gradient(160deg,#f5d06b29,#0f172aa6);color:#f5d06b;font-family:var(--font-m);font-size:13px;cursor:pointer;white-space:nowrap}.zak-btn:disabled{opacity:.35;cursor:default}.zak-btn:active:not(:disabled){transform:scale(.95)}.zak-n{font-size:10px;opacity:.85}.zak-cell{fill:#f5d06b26;stroke:#f5d06b;stroke-width:3;stroke-dasharray:9 6;pointer-events:none;filter:drop-shadow(0 0 7px rgba(245,208,107,.75));animation:zakDash 1.1s linear infinite,zakGlow 1.4s ease-in-out infinite}@keyframes zakDash{to{stroke-dashoffset:-15}}@keyframes zakGlow{0%,to{opacity:.55}50%{opacity:1}}.qboot{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.qb-hex{width:44px;height:50px;background:#38bdf82e;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);animation:qbPulse 1.3s ease-in-out infinite}.qb-t{font-family:var(--font-d);font-size:17px;letter-spacing:.06em}.qb-s{font-family:var(--font-m);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}@keyframes qbPulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.12);opacity:1}}button{touch-action:manipulation}