.wrap{max-width:var(--shell-max);min-height:100dvh;padding:var(--space-4) var(--space-4) var(--space-8);flex-direction:column;margin:0 auto;display:flex}.view{flex:1 0 auto}.home{text-align:center;margin:var(--space-6) 0 var(--space-6)}.home h1{margin:0;font-size:clamp(26px,7vw,38px);font-weight:800}.home h1 .accent{color:var(--accent)}.home .tag{color:var(--text-faint);margin:var(--space-2) 0 0;font-size:var(--fs-sm)}.menu{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.gcard{align-items:flex-start;gap:var(--space-1);padding:var(--space-5) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);cursor:pointer;text-align:left;font:inherit;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease), background var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex-direction:column;display:flex;position:relative}.gcard.ready:hover{border-color:var(--accent);background:var(--surface-2);box-shadow:var(--shadow);transform:translateY(-3px)}.gcard.soon{opacity:.55;cursor:default}.gcard .glyph{font-size:32px}.gcard .zh{font-size:var(--fs-lg);font-weight:800}.gcard .en{color:var(--text-faint);font-size:var(--fs-xs)}.gcard .badge{top:var(--space-3);right:var(--space-3);font-size:var(--fs-xs);color:var(--text-faint);background:var(--surface-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);font-weight:700;position:absolute}.foot{color:var(--text-faint);font-size:var(--fs-xs);text-align:center;margin-top:var(--space-6)}.foot a{color:var(--text-muted)}.brand-credit{text-align:center;margin-top:var(--space-5);padding:var(--space-5) 0 var(--space-3);border-top:1px solid var(--border)}.brand-credit a{font-size:var(--fs-xs);letter-spacing:.06em;color:var(--text-faint);transition:color var(--dur) var(--ease);text-decoration:none}.brand-credit a:hover{color:var(--accent)}.brand-tagline{margin-top:var(--space-1);font-size:calc(10px * var(--font-scale));letter-spacing:.04em;color:var(--text-faint);display:block}.bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.bar h1{font-size:var(--fs-xl);margin:0;font-weight:800}.bar h1 .sub{color:var(--text-faint);font-size:var(--fs-sm);font-weight:600}.back{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--fs-md);cursor:pointer;transition:background var(--dur-fast) var(--ease);background:0 0;line-height:1}.back:hover{background:var(--surface-2)}.modes{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:flex}.modes button{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);cursor:pointer;background:0 0}.modes button.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:700}.status{align-items:center;gap:var(--space-3);font-size:var(--fs-md);margin-bottom:var(--space-3);min-height:34px;display:flex}.status .red,.win.red{color:var(--pl-red);font-weight:800}.status .black,.win.black{color:var(--p-black);font-weight:800}.status .white,.win.white{color:var(--p-white);font-weight:800}@keyframes winpop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes winglow{0%,to{text-shadow:0 0 6px}50%{text-shadow:0 0 20px,0 0 34px}}.win{animation:.5s cubic-bezier(.2,1.5,.4,1) both winpop,1.7s ease-in-out .5s infinite winglow;display:inline-block}@media (prefers-reduced-motion:reduce){.win{animation:none}}.home{position:relative}.home-mute,.home-theme{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:var(--space-2) var(--space-3);cursor:pointer;line-height:1;position:absolute;top:0}.home-mute{font-size:var(--fs-md);right:0}.home-theme{font-size:var(--fs-sm);font-weight:600;left:0}.confetti{pointer-events:none;z-index:60;position:fixed;inset:0;overflow:hidden}.confetti span{opacity:.95;border-radius:2px;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;position:absolute;top:-6%}@keyframes confetti-fall{0%{transform:translateY(-10vh)rotate(0)}to{transform:translateY(112vh)rotate(760deg)}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.status .win{font-size:var(--fs-lg)}.reset{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);margin-left:auto;font-weight:600}.reset:hover{background:var(--surface-2);border-color:var(--border-strong)}.board{-webkit-user-select:none;user-select:none;background:#2a6b46;border:3px solid #14532d;border-radius:10px;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(7,1fr);gap:2px;width:100%;padding:2px;display:grid}.cell{cursor:pointer;background:#d9c89e;border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative}.cell.water{background:#5aa9d6}.cell.trap{background:#c8a86a;box-shadow:inset 0 0 0 2px #9a7b3a}.cell.den{background:#b9914f;box-shadow:inset 0 0 0 2px #6b4a1f}.cell .mark{color:#5b3d16;opacity:.65;font-size:13px}.cell.sel{outline-offset:-3px;z-index:2;outline:3px solid #ffd23f}.cell.last{box-shadow:inset 0 0 0 2px #ffd23f88}.pc{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:82%;height:82%;font-size:clamp(16px,5.2vw,26px);font-weight:800;line-height:1;display:flex;position:absolute;box-shadow:0 1px 3px #0006}.pc.red{background:radial-gradient(circle at 35% 30%,#ff7a6e,#c0392b)}.pc.black{background:radial-gradient(circle at 35% 30%,#4a5666,#222d3a)}.dot{pointer-events:none;background:#14532d8c;border-radius:50%;width:26%;height:26%;position:absolute}.dot.cap{box-sizing:border-box;background:0 0;border:3px solid #ff5046d9;width:90%;height:90%}.hint{color:var(--text-faint);font-size:var(--fs-sm);margin-top:var(--space-4);line-height:1.5}.cc-board{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:460px;padding:var(--space-2);margin:0 auto}.cc-board svg{width:100%;height:auto;display:block}.cc-board .hole{fill:#2c4636;stroke:#1c3324;stroke-width:.04px}.cc-board .hole.last{fill:#3f5a45}.cc-board .marble{stroke:#00000059;stroke-width:.05px}.cc-board .marble.red{fill:#e0524a}.cc-board .marble.yellow{fill:#f2c94c}.cc-board .marble.blue{fill:#4a78d6}.cc-board .marble.green{fill:#34a853}.cc-board .marble.purple{fill:#a855f7}.cc-board .marble.orange{fill:#f59e0b}.cc-board .marble.sel{stroke:#ffd23f;stroke-width:.12px}.cc-board .dest{fill:none;stroke:#ffd23f;stroke-width:.09px}.status .blue,.win.blue{color:var(--pl-blue);font-weight:800}.status .green,.win.green{color:var(--pl-green);font-weight:800}.status .yellow,.win.yellow{color:var(--pl-yellow);font-weight:800}.status .purple,.win.purple{color:var(--pl-purple);font-weight:800}.status .orange,.win.orange{color:var(--pl-orange);font-weight:800}.ludo-wrap{width:100%;max-width:460px;margin:0 auto}.ludo-board{aspect-ratio:1;background:#fdfdf6;border:3px solid #c9b890;border-radius:10px;width:100%;position:relative;overflow:hidden}.lgrid{grid-template-rows:repeat(15,1fr);grid-template-columns:repeat(15,1fr);font-size:clamp(8px,1.7vw,14px);display:grid;position:absolute;inset:0}.lc{border:.5px solid #ece7d6;position:relative}.lc.void,.lc.center{background:#fdfdf6;border-color:#fdfdf6}.lc.own-red,.lc.home-red,.lc.yard-red{background:#e8473a}.lc.own-yellow,.lc.home-yellow,.lc.yard-yellow{background:#f3c220}.lc.own-blue,.lc.home-blue,.lc.yard-blue{background:#3b73d6}.lc.own-green,.lc.home-green,.lc.yard-green{background:#36a85a}.lc.ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:19%;box-shadow:0 0 0 1px #0000001f}.lc.slot:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:15%;box-shadow:0 0 0 1px #00000026}.lc.ring.start-red,.lc.ring.start-yellow,.lc.ring.start-blue,.lc.ring.start-green{box-shadow:inset 0 0 0 2.5px #00000073}.lc.ring.safe{box-shadow:inset 0 0 0 2px #0000004d}.lc.ring.fly{outline-offset:-3px;outline:2px dashed #2a2a2a}.arr{color:#fffffff2;justify-content:center;align-items:center;height:100%;font-weight:900;display:flex}.ludo-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.lb-plane{text-anchor:middle;dominant-baseline:central;font-size:.9px}.lb-plane.ghost{opacity:.22}.lb-ready{text-anchor:middle;dominant-baseline:central;opacity:.75;font-size:.8px}.token .n{color:#fff;text-shadow:0 1px 2px #000000b3;pointer-events:none;justify-content:center;align-items:center;font-size:clamp(9px,2vw,13px);font-weight:800;display:flex;position:absolute;inset:0}.goal .sub2{opacity:.62;font-size:.86em;font-weight:500}.notice{opacity:.85;margin-top:4px;font-size:.86em;font-weight:600;display:block}.startrule.confirm{color:var(--gold);font-weight:600}.startrule-note{opacity:.68;width:100%;margin-top:4px;font-size:.84em;display:block}.gmk-board{box-sizing:border-box;background:#dcab63;border:3px solid #a9772f;border-radius:10px;width:100%;max-width:460px;margin:0 auto;padding:3.2%}.gmk-board svg{width:100%;display:block}.gmk-line{stroke:#5a3d18;stroke-width:.04px}.gmk-star{fill:#5a3d18}.gmk-stone{stroke:#00000059;stroke-width:.03px}.gmk-stone.black{fill:#232a31}.gmk-stone.white{fill:#f6f6f0;stroke:#9aa0a6;stroke-width:.04px}.gmk-stone.last{stroke:#e0524a;stroke-width:.1px}.gmk-stone.win{stroke:#ffd23f;stroke-width:.14px}.gmk-hint{fill:none;stroke:#2f6fd0;stroke-width:.09px;stroke-dasharray:.18 .12}.rev-board{box-sizing:border-box;background:#1c5e38;border:3px solid #134227;border-radius:10px;width:100%;max-width:420px;margin:0 auto;padding:2.4%}.rev-board svg{width:100%;display:block}.rev-sq{fill:#2f7d4f;stroke:#1c5e38;stroke-width:.04px}.rev-stone{stroke:#00000059;stroke-width:.03px}.rev-stone.black{fill:#232a31}.rev-stone.white{fill:#f6f6f0;stroke:#9aa0a6;stroke-width:.04px}.rev-stone.last{stroke:#ffd23f;stroke-width:.08px}.rev-dot{fill:#ffffff73}.rev-hint{fill:none;stroke:#5ad1ff;stroke-width:.08px;stroke-dasharray:.16 .1}.rev-tag{font-weight:800}.rev-tag.black{color:var(--p-black)}.rev-tag.white{color:var(--p-white)}.bq-board{box-sizing:border-box;background:#b9914f;border:3px solid #6b4a1f;border-radius:10px;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(8,1fr);gap:2%;width:100%;max-width:460px;margin:0 auto;padding:2%;display:grid}.bq-cell{aspect-ratio:1;cursor:pointer;background:#e8dcc0;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.bq-cell.sel{outline-offset:-3px;outline:3px solid #ffd23f}.bq-cell.last{box-shadow:inset 0 0 0 3px #ffd23f88}.bq-cell.hint{box-shadow:inset 0 0 0 3px #5ad1ff}.bq-pc{background:#f3ead5;border-radius:50%;justify-content:center;align-items:center;width:86%;height:86%;font-size:clamp(15px,5vw,26px);font-weight:800;display:flex}.bq-pc.red{color:#c0392b;box-shadow:inset 0 0 0 2px #c0392b}.bq-pc.black{color:#232a31;box-shadow:inset 0 0 0 2px #232a31}.bq-back{background:radial-gradient(circle at 35% 30%,#3f7a55,#1c5e38);border-radius:50%;width:86%;height:86%;box-shadow:inset 0 0 0 2px #134227,0 1px 2px #0006}.bq-dot{background:#14532d8c;border-radius:50%;width:26%;height:26%;position:absolute}.bq-dot.cap{box-sizing:border-box;background:0 0;border:3px solid #14532d;width:92%;height:92%}.fly-lines{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.fly-line{stroke-width:.12px;stroke-dasharray:.34 .3;stroke-linecap:round;fill:none;opacity:.85}.fly-line.red{stroke:#c0392b}.fly-line.green{stroke:#1f8a4c}.fly-line.blue{stroke:#2f5bd0}.fly-line.yellow{stroke:#b88a00}.token{cursor:default;z-index:2;border:2px solid #0006;border-radius:50%;width:5%;min-width:20px;height:5%;min-height:20px;padding:0;transition:left .25s,top .25s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 3px #00000080}.token.red{background:radial-gradient(circle at 35% 30%,#ff7a6e,#c0392b)}.token.green{background:radial-gradient(circle at 35% 30%,#6fd49a,#1f8a4c)}.token.blue{background:radial-gradient(circle at 35% 30%,#7aa0e8,#2f5bd0)}.token.yellow{background:radial-gradient(circle at 35% 30%,#ffe27a,#d8a800)}.token.done{opacity:.62;width:3.6%;min-width:15px;height:3.6%;min-height:15px}.token.movable{cursor:pointer;outline-offset:1px;z-index:3;outline:3px solid #ffd23f}.goal-row{gap:var(--space-2);margin:var(--space-3) 0 var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.goal{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);font-size:var(--fs-sm);border-left-width:4px;font-weight:600}.goal.full{color:var(--text);border-color:var(--border-strong);font-weight:800}.goal.red{border-left-color:#c0392b}.goal.green{border-left-color:#2e9e5b}.goal.blue{border-left-color:#2f5bd0}.goal.yellow{border-left-color:#d8a800}.dice-row{align-items:center;gap:var(--space-3);margin:var(--space-4) 0 var(--space-1);min-height:40px;display:flex}.dice-btn{border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:var(--fs-md);cursor:pointer;transition:background var(--dur-fast) var(--ease);font-weight:700}.dice-btn:hover{background:var(--accent-strong)}.dice-val{font-size:var(--fs-lg);font-weight:800}.lz-msg{margin-left:var(--space-2);color:var(--gold);font-size:var(--fs-sm)}.lz-board{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:min(360px,36dvh);padding:var(--space-2);margin:0 auto}.lz-board svg{width:100%;height:auto;display:block}.lz-rail{stroke:#8a7a52;stroke-width:.09px;stroke-linecap:round}.lz-mountain circle{fill:none;stroke:#6f6244;stroke-width:.06px}.lz-mountain circle.fill{fill:var(--surface);stroke:none}.lz-node{fill:#6f8a78}.lz-camp{fill:none;stroke:var(--text-muted);stroke-width:.05px}.lz-hq{fill:#2c4636;stroke:#b9914f;stroke-width:.06px}.lz-dest{fill:#ffd23f8c}.lz-dest.cap{fill:none;stroke:#ffd23f;stroke-width:.08px}.lz-pc{stroke:#00000059;stroke-width:.03px}.lz-pc.red{fill:#c0392b}.lz-pc.blue{fill:#2f5bd0}.lz-pc.sel{stroke:#ffd23f;stroke-width:.1px}.lz-pc.last{stroke:#ffd23f88;stroke-width:.08px}.lz-label{fill:#fff;text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:.34px;font-weight:700}.setup-back{margin-bottom:var(--space-2)}.lz-tray{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.tray-pc{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-1);font-size:var(--fs-sm);cursor:pointer;font-weight:700}.tray-pc.red.on{background:#c0392b;border-color:#ff7a6e}.tray-pc.blue.on{background:#2f5bd0;border-color:#7aa0e8}.tray-pc.empty{opacity:.35;cursor:default}.tray-pc .cnt{font-size:var(--fs-xs);opacity:.8;margin-left:var(--space-1);font-weight:600}.lobby{gap:var(--space-3);margin-top:var(--space-5);flex-direction:column;display:flex}.lobby .dice-btn{text-align:center;background:var(--surface);border-color:var(--border);width:100%;color:var(--text);padding:var(--space-4);line-height:1.5}.lobby .dice-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--accent)}.lobby .dice-btn:disabled{opacity:.45;cursor:not-allowed}.lobby .dice-btn small{color:var(--text-faint);font-weight:500;font-size:var(--fs-xs)}.lobby .join{gap:var(--space-2);display:flex}.lobby .join input{text-transform:uppercase;letter-spacing:.2em;text-align:center;font-size:var(--fs-lg);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);padding:var(--space-2);flex:1;font-weight:800}.room-panel{text-align:center;margin:var(--space-4) 0}.room-code{font-size:var(--fs-md);margin-bottom:var(--space-3)}.room-code b{font-size:var(--fs-lg);letter-spacing:.15em}.room-qr{border-radius:var(--radius-sm);background:#fff;width:200px;height:200px;padding:6px}.net-note{margin:var(--space-3) 0;padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;line-height:1.5;display:flex}.net-note.warn{border-color:var(--gold);color:var(--text)}.net-note.ask{border-color:var(--border-strong);color:var(--text);font-weight:600}.net-actions{gap:var(--space-2);display:flex}.coming{text-align:center;padding:var(--space-12) 0;color:var(--text-faint)}.coming .big{font-size:64px}.coming p{font-size:var(--fs-md)}.tools{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.tool{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);font-weight:600}.tool:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.tool:disabled{opacity:.4;cursor:not-allowed}.cell.hint{z-index:2;box-shadow:inset 0 0 0 3px #5ad1ff}.cc-board .hole.hint{fill:#2b6f8f;stroke:#5ad1ff;stroke-width:.06px}.token.hint{outline-offset:1px;z-index:4;outline:3px dashed #5ad1ff}.lz-hint{fill:none;stroke:#5ad1ff;stroke-width:.09px;stroke-dasharray:.18 .12}.lz-pc.hint{stroke:#5ad1ff;stroke-width:.1px}.rules-modal{z-index:50;padding:var(--space-5);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rules-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:460px;max-height:80vh;padding:var(--space-6) var(--space-6) var(--space-5);box-shadow:var(--shadow-lg);position:relative;overflow-y:auto}.rules-x{top:var(--space-3);right:var(--space-3);border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--text);font-size:var(--fs-sm);cursor:pointer;border-radius:50%;position:absolute}.rules h2{margin:0 0 var(--space-3);font-size:var(--fs-lg);color:var(--text)}.rules h3.rules-variant{margin:var(--space-5) 0 var(--space-2);font-size:var(--fs-md);color:var(--text);padding-top:var(--space-4);border-top:1px solid var(--border)}.rules ul{padding-left:var(--space-5);margin:0}.rules li{margin:var(--space-2) 0;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.6}.startrule{align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--fs-sm);color:var(--text-faint);flex-wrap:wrap;display:flex}.pill{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);font-size:var(--fs-sm);cursor:pointer;font-weight:600}.pill.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:700}.pill:disabled{opacity:.45;cursor:not-allowed}.locked{color:var(--text-faint);font-size:var(--fs-xs)}.pill.seat{border-left-width:4px}.pill.seat.red{border-left-color:#c0392b}.pill.seat.green{border-left-color:#2e9e5b}.pill.seat.blue{border-left-color:#2f5bd0}.pill.seat.yellow{border-left-color:#d8a800}.pill.seat.purple{border-left-color:#9b59b6}.pill.seat.orange{border-left-color:#e67e22}.wrap{padding-left:max(var(--space-4), env(safe-area-inset-left));padding-right:max(var(--space-4), env(safe-area-inset-right));padding-top:max(var(--space-4), env(safe-area-inset-top));padding-bottom:max(var(--space-8), env(safe-area-inset-bottom))}@media (width>=700px){.wrap{padding-top:max(var(--space-6), env(safe-area-inset-top))}.home{margin:var(--space-8) 0 var(--space-8)}.home h1{font-size:var(--fs-3xl)}.home .tag{font-size:var(--fs-md);margin-top:var(--space-3)}.home-mute{font-size:var(--fs-lg);padding:var(--space-3)}.home-theme{font-size:var(--fs-md);padding:var(--space-3)}.menu{gap:var(--space-5);grid-template-columns:repeat(3,1fr)}.gcard{padding:var(--space-6) var(--space-5);gap:var(--space-2);border-radius:var(--radius-lg)}.gcard .glyph{font-size:42px}.gcard .zh{font-size:var(--fs-xl)}.gcard .en{font-size:var(--fs-sm)}.foot{font-size:var(--fs-sm);margin-top:var(--space-8)}.bar h1{font-size:var(--fs-2xl)}.bar h1 .sub{font-size:var(--fs-md)}.back,.modes button,.reset{font-size:var(--fs-md);padding:var(--space-2) var(--space-4)}.status{font-size:var(--fs-lg);min-height:40px}.status .win{font-size:var(--fs-xl)}.board{max-width:min(640px,52dvh);margin:0 auto}.cc-board,.ludo-wrap,.gmk-board{max-width:min(700px,70dvh)}.rev-board{max-width:min(660px,66dvh)}.bq-board{max-width:700px}.lz-board{max-width:min(480px,36dvh)}.pc{font-size:36px}.bq-pc{font-size:32px}.lgrid,.cell .mark{font-size:16px}.dice-btn{font-size:var(--fs-lg);padding:var(--space-3) var(--space-5)}.dice-val{font-size:var(--fs-xl)}.tool{font-size:var(--fs-md);padding:var(--space-3) var(--space-4);border-radius:var(--radius)}.tools{gap:var(--space-3);margin-top:var(--space-5)}.hint{font-size:var(--fs-md)}.lz-tray{gap:var(--space-2);grid-template-columns:repeat(7,1fr)}.tray-pc{font-size:var(--fs-md);padding:var(--space-3) var(--space-2)}.rules-card{max-width:620px;padding:var(--space-8) var(--space-8) var(--space-6)}.rules h2{font-size:var(--fs-xl)}.rules li{font-size:var(--fs-md)}.lobby{width:100%;max-width:460px;margin-left:auto;margin-right:auto}.room-qr{width:240px;height:240px}.tip-open{font-size:var(--fs-md);padding:var(--space-4);max-width:460px;margin-left:auto;margin-right:auto}.tip-card .tip-lead{font-size:var(--fs-md)}.tip-btn{padding:var(--space-4) var(--space-5)}.tip-name,.tip-price{font-size:var(--fs-md)}.view{flex-direction:column;justify-content:safe center;display:flex}}.tip-open{width:100%;margin-top:var(--space-5);border:1px dashed var(--border-strong);color:var(--text-muted);border-radius:var(--radius);padding:var(--space-3);font:inherit;font-size:var(--fs-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;font-weight:600;display:block}.tip-open:hover{background:var(--surface);color:var(--text)}.tip-card .tip-lead{font-size:var(--fs-sm);color:var(--text-muted);margin:0 0 var(--space-4);line-height:1.7}.tip-card .tip-lead b{color:var(--text)}.tip-list{gap:var(--space-3);flex-direction:column;display:flex}.tip-btn{align-items:center;gap:var(--space-3);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font:inherit;cursor:pointer;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);display:flex}.tip-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2)}.tip-btn:disabled{opacity:.5;cursor:progress}.tip-emoji{font-size:22px;line-height:1}.tip-name{font-size:var(--fs-md);font-weight:700}.tip-price{font-size:var(--fs-md);color:var(--text-muted);margin-left:auto;font-weight:800}.tip-note{font-size:var(--fs-sm);color:var(--text-faint);margin:var(--space-4) 0 0;line-height:1.6}.tip-thanks{font-size:var(--fs-md);color:var(--text);margin:var(--space-2) 0 0;font-weight:700;line-height:1.7}.tip-fine{font-size:var(--fs-xs);color:var(--text-faint);margin:var(--space-5) 0 0;line-height:1.6}@media (width>=900px) and (height>=600px) and (orientation:landscape){.view:not(.view-menu):has(>.board,>.gmk-board,>.cc-board,>.ludo-wrap,>.rev-board,>.bq-board,>.lz-board){column-gap:var(--space-6);grid-template-columns:minmax(0,1fr) clamp(280px,26%,380px);align-content:start;display:grid}.view:not(.view-menu):has(>.board,>.gmk-board,>.cc-board,>.ludo-wrap,>.rev-board,>.bq-board,>.lz-board)>*{grid-column:2}.view:not(.view-menu)>.bar{grid-column:1/-1}.view:not(.view-menu)>.board,.view:not(.view-menu)>.gmk-board,.view:not(.view-menu)>.cc-board,.view:not(.view-menu)>.ludo-wrap,.view:not(.view-menu)>.rev-board,.view:not(.view-menu)>.bq-board,.view:not(.view-menu)>.lz-board{grid-area:2/1/span 20;align-self:start;margin:0}:root{--land-h:calc(100dvh - 235px)}.board{max-width:min(100%, calc(var(--land-h) * .78))}.gmk-board{max-width:min(100%, var(--land-h))}.cc-board{max-width:min(100%, calc(var(--land-h) * .88))}.ludo-wrap,.rev-board{max-width:min(100%, var(--land-h))}.bq-board{max-width:min(100%, calc(var(--land-h) * 2))}.lz-board{max-width:min(100%, calc(var(--land-h) * .42))}.lz-tray{grid-template-columns:repeat(3,1fr)}.view-menu .menu{grid-template-columns:repeat(4,1fr)}}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:10px;--radius:14px;--radius-lg:20px;--radius-pill:999px;--font-scale:1;--fs-xs:calc(12px * var(--font-scale));--fs-sm:calc(14px * var(--font-scale));--fs-md:calc(16px * var(--font-scale));--fs-lg:calc(19px * var(--font-scale));--fs-xl:calc(24px * var(--font-scale));--fs-2xl:calc(30px * var(--font-scale));--fs-3xl:calc(42px * var(--font-scale));--ease:cubic-bezier(.4, 0, .2, 1);--dur-fast:.12s;--dur:.2s;--font-sans:"Inter", system-ui, -apple-system, "PingFang HK", "PingFang TC", "Noto Sans TC", sans-serif;--font-num:"Inter", system-ui, -apple-system, sans-serif;--shell-max:480px}@media (width>=700px){:root{--shell-max:780px}}@media (width>=900px) and (height>=600px) and (orientation:landscape){:root{--shell-max:min(100%, 1280px)}}[data-theme=dark]{--bg:#080d1c;--bg-elev:#0f1729;--surface:#0f1729;--surface-2:#172033;--surface-3:#243151;--border:#ffffff14;--border-strong:#ffffff2e;--text:#eff3fa;--text-muted:#b6c2d6;--text-faint:#e6edf894;--on-accent:#fff;--accent:#3b82f6;--accent-strong:#60a5fa;--accent-soft:#3b82f62e;--gold:#fbbf24;--gold-soft:#fbbf2429;--pos:#34d399;--neg:#f87171;--danger:#f43f5e;--danger-soft:#f43f5e29;--shadow-sm:0 1px 2px #03061280;--shadow:0 8px 24px #0306128c;--shadow-lg:0 18px 48px #030612a6;--p-black:#cdd6e0;--p-white:#f0f3f7;--pl-red:#ff6b5e;--pl-blue:#6f9be0;--pl-green:#4cc47e;--pl-yellow:#e8c84a;--pl-purple:#c084fc;--pl-orange:#f59e0b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#f0f5fc;--bg-elev:#fff;--surface:#fff;--surface-2:#e0ecff;--surface-3:#c7daff;--border:#1725541a;--border-strong:#17255433;--text:#0f1d44;--text-muted:#3f4e6b;--text-faint:#1725548c;--on-accent:#fff;--accent:#1d4ed8;--accent-strong:#1e40af;--accent-soft:#1d4ed81f;--gold:#b45309;--gold-soft:#b4530924;--pos:#047857;--neg:#dc2626;--danger:#dc2626;--danger-soft:#dc26261a;--shadow-sm:0 1px 2px #17255414;--shadow:0 6px 20px #1725541a;--shadow-lg:0 16px 40px #17255424;--p-black:#222a31;--p-white:#6c7681;--pl-red:#c0392b;--pl-blue:#2f5bd0;--pl-green:#1f7a45;--pl-yellow:#9a7400;--pl-purple:#7c3aed;--pl-orange:#b45309;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root:not([data-theme]){--bg:#080d1c;--surface:#0f1729;--text:#eff3fa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{overscroll-behavior:none}html,body{margin:0}body{min-height:100dvh;font-family:var(--font-sans);background:var(--bg);color:var(--text);overscroll-behavior:none;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;display:flex}#root{width:100%}button{font-family:inherit}