.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 .white,.win.white{color:#f0f3f7;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(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:#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}.status .green,.win.green{color:#4cc47e;font-weight:800}.status .yellow,.win.yellow{color:#e8c84a;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-star{fill:#fff;text-anchor:middle;dominant-baseline:central;font-size:.5px;font-weight:700}.lb-plane{text-anchor:middle;dominant-baseline:central;font-size:.72px}.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:#cdd6e0}.rev-tag.white{color:#f0f3f7}.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.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.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:.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}.tools{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.tool{color:#e8edf2;cursor:pointer;background:#14302093;border:1px solid #2f6b48;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600;transition:background .12s,border-color .12s}.tool:hover:not(:disabled){background:#1c6b3a;border-color:#3a8a57}.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;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.rules-card{background:#102b1c;border:1px solid #2f6b48;border-radius:16px;width:100%;max-width:460px;max-height:80vh;padding:22px 22px 18px;position:relative;overflow-y:auto;box-shadow:0 14px 40px #00000080}.rules-x{color:#e8edf2;cursor:pointer;background:#14302093;border:1px solid #2f6b48;border-radius:50%;width:30px;height:30px;font-size:15px;position:absolute;top:12px;right:12px}.rules h2{color:#fff;margin:0 0 12px;font-size:19px}.rules ul{margin:0;padding-left:20px}.rules li{color:#d6e4dc;margin:7px 0;font-size:14px;line-height:1.6}.startrule{color:#9fc6ae;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;font-size:13px;display:flex}.pill{color:#e8edf2;cursor:pointer;background:#14302093;border:1px solid #2f6b48;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}.pill.on{background:#1c6b3a;border-color:#3a8a57;font-weight:700}.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}: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%}