.wrap{max-width:460px;margin:0 auto;padding:16px 14px 32px}.home{text-align:center;margin:24px 0 22px}.home h1{margin:0;font-size:clamp(26px,7vw,38px);font-weight:800}.home h1 .accent{color:#ff6b5e}.home .tag{color:#7fae93;margin:8px 0 0;font-size:14px}.menu{grid-template-columns:1fr 1fr;gap:14px;display:grid}.gcard{color:#e8edf2;cursor:pointer;text-align:left;font:inherit;background:#14302093;border:1px solid #2f6b48;border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 16px;transition:transform .15s,border-color .15s,background .15s;display:flex;position:relative}.gcard.ready:hover{background:#1c4a30;border-color:#ff6b5e;transform:translateY(-3px)}.gcard.soon{opacity:.55;cursor:default}.gcard .glyph{font-size:32px}.gcard .zh{font-size:20px;font-weight:800}.gcard .en{color:#7fae93;font-size:13px}.gcard .badge{color:#9fb3c2;background:#8b9bab26;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:12px;right:12px}.foot{color:#7fae93;text-align:center;margin-top:22px;font-size:13px}.foot a{color:#cfe6d8}.bar{align-items:center;gap:12px;margin-bottom:10px;display:flex}.bar h1{margin:0;font-size:22px;font-weight:800}.bar h1 .sub{color:#7fae93;font-size:14px;font-weight:600}.back{color:#cfe6d8;cursor:pointer;background:0 0;border:1px solid #2f6b48;border-radius:8px;padding:6px 11px;font-size:16px;line-height:1}.back:hover{background:#1c6b3a}.modes{gap:6px;margin-left:auto;display:flex}.modes button{color:#cfe6d8;cursor:pointer;background:0 0;border:1px solid #2f6b48;border-radius:8px;padding:6px 12px;font-size:14px}.modes button.on{color:#fff;background:#1c6b3a;border-color:#3a8a57;font-weight:700}.status{align-items:center;gap:12px;min-height:34px;margin-bottom:12px;font-size:15px;display:flex}.status .red,.win.red{color:#ff6b5e;font-weight:800}.status .black,.win.black{color:#cdd6e0;font-weight:800}.status .win{font-size:18px}.reset{color:#e8edf2;cursor:pointer;background:#14532d;border:1px solid #2f6b48;border-radius:8px;margin-left:auto;padding:7px 12px;font-size:14px}.reset:hover{background:#1c6b3a}.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(14px,4.6vw,22px);font-weight:800;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:#7fae93;margin-top:14px;font-size:13px;line-height:1.5}.cc-board{background:#14302093;border:1px solid #2f6b48;border-radius:14px;width:100%;max-width:460px;margin:0 auto;padding:8px}.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.blue{fill:#4a78d6}.cc-board .marble.sel{stroke:#ffd23f;stroke-width:.12px}.cc-board .dest{fill:none;stroke:#ffd23f;stroke-width:.09px}.status .blue,.win.blue{color:#6f9be0;font-weight:800}.ludo-wrap{width:100%;max-width:460px;margin:0 auto}.ludo-board{aspect-ratio:1;background:#11261b;border:3px solid #14532d;border-radius:10px;width:100%;position:relative;overflow:hidden}.lgrid{grid-template-rows:repeat(15,1fr);grid-template-columns:repeat(15,1fr);display:grid;position:absolute;inset:0}.lc{border:.5px solid #0d1f16}.lc.void{background:#11261b;border-color:#11261b}.lc.ring{background:#e8e0cf}.lc.safe{background:#c9e3a8}.lc.start-red{background:#f3a39c}.lc.start-blue{background:#9db8e8}.lc.home-red{background:#d9534f}.lc.home-blue{background:#4a78d6}.lc.center{background:#b9914f}.lc.yard-red{background:#5a2c2a}.lc.yard-blue{background:#25406e}.token{cursor:default;border:2px solid #0006;border-radius:50%;width:5.4%;height:5.4%;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.blue{background:radial-gradient(circle at 35% 30%,#7aa0e8,#2f5bd0)}.token.done{opacity:.55}.token.movable{cursor:pointer;outline-offset:1px;z-index:3;outline:3px solid #ffd23f}.dice-row{align-items:center;gap:10px;min-height:40px;margin:14px 0 4px;display:flex}.dice-btn{color:#e8edf2;cursor:pointer;background:#14532d;border:1px solid #2f6b48;border-radius:10px;padding:9px 16px;font-size:16px;font-weight:700}.dice-btn:hover{background:#1c6b3a}.dice-val{font-size:20px;font-weight:800}.lz-msg{color:#ffd23f;margin-left:8px;font-size:14px}.lz-board{background:#14302093;border:1px solid #2f6b48;border-radius:12px;width:100%;max-width:300px;margin:0 auto;padding:8px}.lz-board svg{width:100%;height:auto;display:block}.lz-rail{stroke:#8a7a52;stroke-width:.09px;stroke-linecap:round}.lz-node{fill:#6f8a78}.lz-camp{fill:none;stroke:#cfe6d8;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:8px}.lz-tray{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px;display:grid}.tray-pc{color:#e8edf2;cursor:pointer;background:#14302093;border:1px solid #2f6b48;border-radius:8px;padding:8px 4px;font-size:14px;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{opacity:.8;margin-left:3px;font-size:11px;font-weight:600}.lobby{flex-direction:column;gap:12px;margin-top:18px;display:flex}.lobby .dice-btn{text-align:center;width:100%;line-height:1.5}.lobby .dice-btn small{opacity:.8;font-size:12px;font-weight:500}.lobby .join{gap:8px;display:flex}.lobby .join input{text-transform:uppercase;letter-spacing:.2em;text-align:center;color:#e8edf2;background:#0f2417;border:1px solid #2f6b48;border-radius:10px;flex:1;padding:8px;font-size:18px;font-weight:800}.room-panel{text-align:center;margin:14px 0}.room-code{margin-bottom:10px;font-size:15px}.room-code b{letter-spacing:.15em;font-size:20px}.room-qr{background:#fff;border-radius:10px;width:200px;height:200px;padding:6px}.coming{text-align:center;color:#7fae93;padding:48px 0}.coming .big{font-size:64px}.coming p{font-size:15px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:-apple-system,PingFang HK,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{margin:0}body{color:#e8edf2;-webkit-font-smoothing:antialiased;background:#0f2417;justify-content:center;min-height:100dvh;display:flex}#root{width:100%}