:root{--ink:#173450;--ink-soft:#4d6a86;--sea:#1fb2d4;--sea-dark:#0d88b3;--sea-light:#8fe3f5;--sun:#ffd23f;--sun-dark:#e8a912;--coral:#ff6b6b;--coral-dark:#d94848;--mint:#34d399;--white:#fff;--panel:#ffffffe0;--panel-line:#ffffffe6;--shadow-soft:0 10px 30px #0c3c642e;--shadow-pop:0 18px 40px #0c3c6440;--r-lg:28px;--r-md:20px;--r-sm:14px;--font:"Baloo 2", "Nunito", "Arial Rounded MT Bold", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;background:#8fdcf5;margin:0;overflow:hidden}#app{position:fixed;inset:0}#canvas-root,#canvas-root canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hidden{display:none!important}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.boot{z-index:100;background:linear-gradient(#7fd4f5 0%,#c9f1ff 60%,#fff3c4 100%);place-content:center;justify-items:center;gap:12px;transition:opacity .6s;display:grid;position:fixed;inset:0}.boot.done{opacity:0;pointer-events:none}.boot-duck{font-size:72px;animation:1.4s ease-in-out infinite bob}.boot-text{color:var(--ink-soft);font-size:18px;font-weight:800}@keyframes bob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-10px)rotate(4deg)}}.btn{--bg:#fff;--bg2:#eef6fb;--edge:#c9dbe8;--fg:var(--ink);letter-spacing:.5px;color:var(--fg);background:linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);box-shadow:0 6px 0 var(--edge), 0 12px 24px #0c3c642e;white-space:nowrap;border:0;border-radius:999px;padding:14px 28px;font-size:18px;font-weight:800;transition:transform .12s,box-shadow .12s,filter .15s;position:relative}.btn:after{content:"";pointer-events:none;background:linear-gradient(#ffffff8c,#fff0);border-radius:999px;height:36%;position:absolute;top:5px;left:14%;right:14%}.btn:hover{filter:brightness(1.04)saturate(1.05);box-shadow:0 8px 0 var(--edge), 0 16px 28px #0c3c6438;transform:translateY(-2px)}.btn:active{box-shadow:0 2px 0 var(--edge), 0 6px 12px #0c3c6429;transform:translateY(4px)}.btn:disabled{filter:grayscale(.6)opacity(.6);pointer-events:none}.btn-sun{--bg:#ffe680;--bg2:#ffc933;--edge:#d99a0b;--fg:#5a3a00}.btn-sea{--bg:#6fdcf3;--bg2:#22b3d6;--edge:#0a7fa6;--fg:#fff;text-shadow:0 2px #00507859}.btn-coral{--bg:#ff9a8a;--bg2:#ff6b6b;--edge:#cc4545;--fg:#fff;text-shadow:0 2px #8c1e1e4d}.btn-white{--bg:#fff;--bg2:#eef5fa;--edge:#c6d7e4}.btn-xl{padding:20px 56px;font-size:26px}.btn-lg{padding:16px 44px;font-size:22px}.btn-sm{box-shadow:0 4px 0 var(--edge), 0 8px 16px #0c3c6426;padding:9px 18px;font-size:15px}.icon-btn{background:var(--panel);width:46px;height:46px;box-shadow:0 4px 0 #0c3c641f, var(--shadow-soft);border:0;border-radius:16px;font-size:20px;transition:transform .12s}.icon-btn:active{transform:translateY(3px)}.link-btn{color:var(--sea-dark);background:0 0;border:0;font-size:14px;font-weight:800}.topbar{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:16px;left:16px;right:16px}.topbar>*{pointer-events:auto}.topbar-right{align-items:center;gap:10px;display:flex}.profile-chip{background:var(--panel);box-shadow:var(--shadow-soft);color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:0;border-radius:999px;align-items:center;gap:10px;padding:6px 18px 6px 6px;display:flex}.avatar{background:var(--coral);border-radius:50%;place-items:center;width:40px;height:40px;font-size:22px;display:grid;box-shadow:inset 0 -4px #0000001f,0 0 0 3px #fff}.avatar:before{content:"🦆"}.chip-info{text-align:left;line-height:1.1;display:grid}.chip-info b{font-size:16px}.chip-info small{color:var(--ink-soft);font-weight:800}.coin-chip,.net-chip{background:var(--panel);height:46px;box-shadow:var(--shadow-soft);border-radius:16px;align-items:center;gap:8px;padding:0 16px;font-weight:800;display:flex}.net-chip i{background:#a7b5c2;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #a7b5c24d}.net-chip.online i{background:var(--mint);box-shadow:0 0 0 3px #34d3994d}.net-chip.connecting i{background:var(--sun);animation:1s infinite pulse}.net-chip span{color:var(--ink-soft);font-size:14px}@keyframes pulse{50%{opacity:.4}}.screen{z-index:10;pointer-events:none;display:none;position:fixed;inset:0}.screen.active{animation:.35s both screen-in;display:block}.screen>*{pointer-events:auto}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}}.panel{background:var(--panel);border:2px solid var(--panel-line);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);-webkit-backdrop-filter:blur(10px)}.screen-head{align-items:center;gap:18px;width:min(1100px,92vw);display:flex;position:absolute;top:84px;left:50%;transform:translate(-50%)}.screen-head h2{color:#fff;text-shadow:0 3px #0d6e968c,0 8px 20px #0d5a8259;margin:0;font-size:34px}.head-sub{color:#fff;opacity:.9;text-shadow:0 2px #0d6e9666;font-weight:800}.title-block{text-align:center;position:absolute;top:11vh;left:50%;transform:translate(-50%);pointer-events:none!important}.game-title{letter-spacing:4px;flex-direction:column;align-items:center;margin:0;font-size:clamp(56px,9.5vw,128px);font-weight:900;line-height:.86;display:flex}.game-title span{-webkit-text-stroke:0;paint-order:stroke fill;text-shadow:0 0 #fff,3px 3px #fff,-3px 3px #fff,3px -3px #fff,-3px -3px #fff,0 4px #fff,0 -4px #fff,4px 0 #fff,-4px 0 #fff,0 10px #173450d9,0 18px 30px #0a3c6459;animation:3.2s ease-in-out infinite title-bob;display:block}.game-title .w1{color:#18b0d8;transform:rotate(-3deg)}.game-title .w2{color:#ffc21a;margin-left:.6em;animation-delay:-1s}.game-title .w3{color:#ff6b6b;margin-right:.3em;animation-delay:-2s}@keyframes title-bob{0%,to{translate:0;rotate:-2deg}50%{translate:0 -8px;rotate:2deg}}.subtitle{color:#fff;letter-spacing:6px;text-shadow:0 2px #0d6e9680;margin:14px 0 0;font-size:20px;font-weight:800}.menu-main{justify-items:center;gap:18px;display:grid;position:absolute;bottom:21vh;left:50%;transform:translate(-50%)}.menu-row{gap:16px;display:flex}.menu-dock{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-soft);background:#ffffff8c;border-radius:26px;gap:14px;padding:10px;display:flex;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}.dock-btn{width:92px;height:78px;color:var(--ink);background:#fff;border:0;border-radius:20px;place-content:center;gap:2px;font-size:14px;font-weight:800;transition:transform .12s,box-shadow .12s;display:grid;box-shadow:0 5px #c8dae7}.dock-btn span{font-size:28px}.dock-btn:hover{transform:translateY(-3px)}.dock-btn:active{transform:translateY(3px);box-shadow:0 2px #c8dae7}.menu-hint{color:#17345099;font-size:13px;font-weight:700;position:absolute;bottom:14px;right:18px}.map-grid{perspective:900px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;width:min(1100px,92vw);padding:8px 6px 30px;display:grid;position:absolute;top:160px;bottom:30px;left:50%;overflow-y:auto;transform:translate(-50%)}.map-card{border-radius:var(--r-lg);height:300px;box-shadow:var(--shadow-pop);color:#fff;cursor:pointer;transform-style:preserve-3d;background-position:50%;background-size:cover;border:4px solid #fff;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.map-card:hover{transform:rotateX(6deg)rotateY(-6deg)translateY(-6px)scale(1.02);box-shadow:0 28px 50px #0c3c6459}.map-card .art{background-position:50%;background-size:cover;position:absolute;inset:0}.map-card .art-emoji{filter:drop-shadow(0 6px 8px #0003);font-size:54px;position:absolute;top:18px;left:18px}.map-card .info{background:linear-gradient(#0a325000 0%,#0a3250a6 55%);padding:16px 18px 18px;position:absolute;bottom:0;left:0;right:0}.map-card .lv{opacity:.85;letter-spacing:2px;font-size:13px;font-weight:900}.map-card h3{text-shadow:0 2px #00000040;margin:2px 0 4px;font-size:26px}.map-card .stars{color:#ffd23f;letter-spacing:2px;font-size:18px}.map-card .meta{justify-content:space-between;align-items:center;margin-top:8px;font-weight:800;display:flex}.map-card .go{background:var(--sun);color:#5a3a00;box-shadow:0 3px 0 var(--sun-dark);border-radius:999px;padding:6px 16px}.map-card.locked{cursor:default;filter:saturate(.55)}.map-card.locked:hover{transform:none}.map-card .lock{background:#173450b3;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:800;position:absolute;top:16px;right:16px}.field{gap:8px;margin-bottom:16px;display:grid}.field>span,.field>div>span{color:var(--ink-soft);font-size:14px;font-weight:900}.field.two{grid-template-columns:1fr 1fr;gap:14px}.field.two>div{gap:8px;display:grid}.field input:not([type=range]),.join-row input{height:50px;color:var(--ink);background:#fff;border:2px solid #d5e5f0;border-radius:16px;outline:none;padding:0 16px;font-size:18px;font-weight:800;transition:border-color .15s,box-shadow .15s}.field input:focus,.join-row input:focus{border-color:var(--sea);box-shadow:0 0 0 4px #1fb2d433}input[type=range]{width:100%;accent-color:var(--sea)}.seg{background:#e8f2f8;border-radius:16px;flex-wrap:wrap;gap:6px;padding:5px;display:flex}.seg button{min-width:44px;color:var(--ink-soft);background:0 0;border:0;border-radius:12px;flex:1;padding:9px 10px;font-size:15px;font-weight:900;transition:background .15s,color .15s,transform .1s}.seg button.on{color:var(--ink);background:#fff;box-shadow:0 3px #cfe0ec}.seg button:active{transform:scale(.96)}.modal{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14466e47;place-items:center;display:none;position:fixed;inset:0}.modal.active{animation:.2s both fade-in;display:grid}.modal.active .modal-card{animation:.35s cubic-bezier(.2,1.4,.4,1) both pop-in}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)translateY(20px)}}.modal-card{width:min(520px,92vw);max-height:88vh;padding:28px 30px 26px;overflow-y:auto}.modal-card h2{text-align:center;margin:0 0 18px;font-size:28px}.modal-actions{justify-content:center;gap:14px;margin-top:8px;display:flex}.mini-maps{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mini-map{color:#fff;text-shadow:0 1px 3px #00000080;cursor:pointer;background-position:50%;background-size:cover;border:3px solid #0000;border-radius:14px;place-items:end center;height:68px;padding-bottom:4px;font-size:12px;font-weight:900;display:grid;position:relative}.mini-map .e{font-size:22px;position:absolute;top:4px;left:6px}.mini-map.on{border-color:var(--sun);box-shadow:0 0 0 3px #ffd23f66}.mini-map.locked{filter:grayscale(.7)opacity(.6);cursor:not-allowed}.join-row{gap:12px;margin-bottom:18px;display:flex}.join-row input{text-transform:uppercase;letter-spacing:8px;text-align:center;flex:1;font-size:24px}.room-list-head{color:var(--ink-soft);justify-content:space-between;margin-bottom:8px;font-weight:900;display:flex}.room-list{gap:8px;max-height:260px;margin:0 0 12px;padding:0;list-style:none;display:grid;overflow-y:auto}.room-list li{cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;font-weight:800;display:flex;box-shadow:0 3px #dbe8f1}.room-list li:hover{background:#f3fbff}.room-list li .rl-name{flex:1}.room-list li small{color:var(--ink-soft)}.room-list li.empty,.board-list li.empty{color:var(--ink-soft);cursor:default;box-shadow:none;background:0 0;justify-content:center}.pause-card{gap:14px;width:min(360px,90vw);display:grid}.pause-note{text-align:center;color:var(--ink-soft);margin:-8px 0 4px;font-size:14px;font-weight:700}.disconnect-card{text-align:center}.dc-icon{font-size:48px;animation:1.4s ease-in-out infinite bob}.disconnect-card p{color:var(--ink-soft);font-weight:800}.character-layout{width:min(430px,92vw);position:absolute;top:150px;right:max(4vw,20px)}.character-panel{padding:24px}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{cursor:pointer;border:3px solid #fff;border-radius:50%;width:34px;height:34px;transition:transform .12s;box-shadow:0 2px 6px #00000026}.swatch:hover{transform:scale(1.1)}.swatch.on{box-shadow:0 0 0 3px var(--ink), 0 2px 6px #00000026}.vehicle-list{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.vehicle{text-align:center;cursor:pointer;background:#fff;border:2px solid #e2edf5;border-radius:14px;padding:10px 6px;font-size:12px;font-weight:800}.vehicle .ve{font-size:26px;display:block}.vehicle.on{border-color:var(--sun);background:#fffbe6}.vehicle.locked{opacity:.5;cursor:not-allowed}.stat-row{text-align:center;background:#eef7fc;border-radius:16px;justify-content:space-around;margin:4px 0 16px;padding:12px;display:flex}.stat-row small{color:var(--ink-soft);font-weight:800;display:block}.stat-row b{font-size:20px}.character-panel .btn{width:100%}.board-panel{width:min(860px,92vw);padding:24px;position:absolute;top:160px;left:50%;transform:translate(-50%)}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tabs button{color:var(--ink-soft);background:#eaf3f9;border:0;border-radius:999px;padding:8px 16px;font-weight:800}.tabs button.on{background:var(--sea);color:#fff}.tabs button:disabled{opacity:.45}.board-split{grid-template-columns:1.5fr 1fr;gap:20px;display:grid}.board-split h3{margin:0 0 10px}.board-list{gap:6px;max-height:46vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.board-list li{background:#fff;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-weight:800;display:flex}.board-list .pos{text-align:center;width:28px}.board-list .nm{flex:1}.board-list .dot,.rank-list .dot,.results-list .dot,.member-list .dot{border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 0 2px #fff}.my-best{background:linear-gradient(#fff9df,#fff);border-radius:20px;padding:20px;font-weight:800;line-height:1.8}.my-best b{color:var(--sea-dark);font-size:30px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;width:min(1000px,92vw);display:grid;position:absolute;top:160px;left:50%;transform:translate(-50%)}.shop-item{border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow-soft);text-align:center;padding:18px;font-weight:800}.shop-item .si{font-size:52px}.shop-item .price{background:#fff3c4;border-radius:999px;margin-top:8px;padding:4px 14px;display:inline-block}.shop-item .soon{color:var(--ink-soft);margin-top:8px;font-size:13px;display:block}.room-panel{width:min(430px,92vw);padding:24px;position:absolute;top:50%;right:max(4vw,20px);transform:translateY(-50%)}.room-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.room-head h2{margin:0;font-size:30px}.room-map-label{color:var(--ink-soft);font-weight:900}.room-name{color:var(--ink-soft);font-weight:800}.room-code{text-align:center;background:#fff3c4;border:0;border-radius:16px;padding:8px 14px;display:grid;box-shadow:0 4px #f1d27a}.room-code small{color:#8a6a10;font-weight:800}.room-code b{letter-spacing:3px;color:#5a3a00;font-size:24px}.member-list{gap:8px;max-height:44vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.member-list li{background:#fff;border-radius:16px;align-items:center;gap:10px;padding:10px 14px;font-weight:800;animation:.45s cubic-bezier(.2,1.4,.4,1) both member-in;display:flex}.member-list li .nm{flex:1}.member-list li small{color:var(--ink-soft)}.member-list li.me{background:#eaf9ff}.member-list li.off{opacity:.5}.member-list li.slot{color:var(--ink-soft);background:#ffffff73;border:2px dashed #cfe0ec;animation:none}@keyframes member-in{0%{opacity:0;transform:translateY(-14px)scale(.9)}}.room-count{justify-content:space-between;align-items:center;margin:14px 4px;font-size:22px;display:flex}.room-count span{color:var(--ink-soft);font-size:13px;font-weight:800}.room-actions{justify-content:space-between;gap:12px;display:flex}.room-actions .btn-lg{flex:1}.room-wait{text-align:center;color:var(--ink-soft);margin:12px 0 0;font-weight:800}.overlay-screen{z-index:40}.finish-card{text-align:center;pointer-events:none;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.finish-word{color:#ffd23f;text-shadow:4px 4px #fff,-4px 4px #fff,4px -4px #fff,-4px -4px #fff,0 12px #d9480f,0 20px 40px #0000004d;font-size:clamp(64px,12vw,150px);font-weight:900;animation:.7s cubic-bezier(.2,1.6,.4,1) both finish-pop}@keyframes finish-pop{0%{opacity:0;transform:scale(.2)rotate(-12deg)}}.finish-rank{color:#fff;text-shadow:0 4px #0d6e9699;font-size:44px;font-weight:900;animation:.4s .4s both screen-in}.finish-time-label{color:#fff;opacity:.9;text-shadow:0 2px #0d6e9680;margin-top:8px;font-weight:800}.finish-time{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 4px #0d6e9699;font-size:54px;font-weight:900;animation:.4s .55s both screen-in}.finish-rewards{justify-content:center;gap:14px;margin-top:16px;animation:.4s .75s both screen-in;display:flex}.finish-rewards span{background:var(--panel);box-shadow:var(--shadow-soft);border-radius:999px;padding:10px 18px;font-weight:900}.finish-wait{color:#fff;text-shadow:0 2px #0d6e9680;margin-top:18px;font-weight:800;animation:1.6s infinite pulse}.results-panel{width:min(430px,92vw);padding:24px;position:absolute;top:50%;right:max(4vw,20px);transform:translateY(-50%)}.results-panel h2{text-align:center;margin:0 0 14px;font-size:32px}.results-list{gap:8px;max-height:52vh;margin:0 0 18px;padding:0;list-style:none;display:grid;overflow-y:auto}.results-list li{background:#fff;border-radius:16px;grid-template-columns:40px 16px 1fr auto;align-items:center;gap:10px;padding:10px 14px;font-weight:800;animation:.45s cubic-bezier(.2,1.4,.4,1) both member-in;display:grid}.results-list li.top1{background:linear-gradient(90deg,#fff3c4,#fff);font-size:19px}.results-list li.me{box-shadow:0 0 0 3px var(--sea)}.results-list .medal{text-align:center;font-size:24px}.results-list .tm{font-variant-numeric:tabular-nums;color:var(--ink-soft)}.results-actions{justify-content:center;gap:12px;display:flex}.center-banner{z-index:45;pointer-events:none;text-align:center;white-space:nowrap;font-weight:900;position:fixed;top:38%;left:50%;transform:translate(-50%,-50%)}.center-banner .cd{color:#fff;text-shadow:5px 5px #1fb2d4,-5px 5px #1fb2d4,5px -5px #1fb2d4,-5px -5px #1fb2d4,0 14px #0d6f96,0 24px 40px #0000004d;font-size:clamp(90px,16vw,200px);animation:.9s cubic-bezier(.2,1.5,.4,1) both cd-pop;display:block}.center-banner .cd.go{color:#ffd23f;text-shadow:6px 6px #fff,-6px 6px #fff,6px -6px #fff,-6px -6px #fff,0 16px #e8590c,0 28px 50px #0000004d;font-size:clamp(120px,22vw,260px);animation:1.1s cubic-bezier(.2,1.5,.4,1) both go-pop}@keyframes cd-pop{0%{opacity:0;transform:scale(2.2)}25%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(.92)}to{opacity:0;transform:scale(.7)}}@keyframes go-pop{0%{opacity:0;transform:scale(.2)rotate(-10deg)}30%{opacity:1;transform:scale(1.1)rotate(3deg)}75%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(1.6)}}.center-banner .big-toast{color:#5a3a00;background:linear-gradient(#fff1a6,#ffd23f);border-radius:999px;padding:16px 30px;font-size:clamp(22px,3vw,34px);animation:2.6s both toast-big;display:inline-block;box-shadow:0 6px #d99a0b,0 16px 30px #0003}.center-banner .big-toast.sea{color:#fff;text-shadow:0 2px #00507866;background:linear-gradient(#7ee3f7,#1fb2d4);box-shadow:0 6px #0a7fa6,0 16px 30px #0003}@keyframes toast-big{0%{opacity:0;transform:scale(.4)}12%{opacity:1;transform:scale(1.08)}20%{transform:scale(1)}82%{opacity:1}to{opacity:0;transform:translateY(-30px)}}.toasts{z-index:70;pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed;top:84px;left:50%;transform:translate(-50%)}.toast{background:var(--panel);box-shadow:var(--shadow-soft);border-radius:999px;padding:12px 22px;font-weight:800;animation:3.2s both toast-in}.toast.err{color:var(--coral-dark);background:#fff0f0}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}10%,85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.loading-overlay{z-index:80;background:radial-gradient(circle at 50% 40%,#b6ecff 0%,#5cc8ea 70%);place-items:center;display:none;position:fixed;inset:0}.loading-overlay.active{display:grid}.loading-card{text-align:center}.loading-icon{font-size:80px;animation:1.4s ease-in-out infinite bob}.loading-title{color:#fff;text-shadow:0 3px #0d6e9680;font-size:32px;font-weight:900}.loading-bar{background:#ffffff80;border-radius:999px;width:260px;height:14px;margin:18px auto;overflow:hidden}.loading-bar i{border-radius:inherit;background:#fff;width:40%;height:100%;animation:1.1s ease-in-out infinite load-slide;display:block}@keyframes load-slide{0%{transform:translate(-110%)}to{transform:translate(260%)}}.loading-tip{color:#fff;opacity:.95;font-weight:800}.fps{z-index:90;color:#fff;pointer-events:none;background:#17345099;border-radius:10px;padding:4px 10px;font:700 12px ui-monospace,monospace;position:fixed;bottom:10px;left:10px}@media (width<=760px){.menu-row{flex-direction:column}.btn-xl{padding:16px 40px;font-size:22px}.menu-main{bottom:22vh}.dock-btn{width:76px;height:66px}.menu-hint{display:none}.room-panel,.results-panel,.character-layout{right:50%;transform:translate(50%,-50%)}.character-layout{transform:translate(50%)}.board-split{grid-template-columns:1fr}.screen-head h2{font-size:26px}}.hud{z-index:30;pointer-events:none;font-variant-numeric:tabular-nums;position:fixed;inset:0}.hud>*{position:absolute}.hud-tl{top:18px;left:20px}.level-tag{background:var(--sun);color:#5a3a00;letter-spacing:2px;box-shadow:0 3px 0 var(--sun-dark);border-radius:10px;padding:4px 12px;font-size:14px;font-weight:900;display:inline-block}.level-name{color:#fff;text-shadow:0 3px #0d6e9699,0 6px 16px #0028504d;margin-top:6px;font-size:30px;font-weight:900}.race-timer{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17345073;border-radius:12px;margin-top:4px;padding:4px 14px;font-size:18px;font-weight:800;display:inline-block}.hud-progress{width:min(460px,44vw);height:34px;top:22px;left:50%;transform:translate(-50%)}.hud-progress .track{background:#ffffff8c;border-radius:99px;height:8px;position:absolute;top:13px;left:0;right:0;overflow:hidden;box-shadow:0 2px 8px #00285026}.hud-progress .fill{background:linear-gradient(90deg,#7ee3f7,#1fb2d4);border-radius:99px;width:0;height:100%}.hud-progress .marks i{background:#fff;border-radius:3px;width:4px;height:16px;margin-left:-2px;position:absolute;top:9px;box-shadow:0 1px 3px #0003}.hud-progress .marks i.finish{width:18px;height:18px;box-shadow:none;background:0 0;margin-left:-9px;font-size:16px;font-style:normal;line-height:18px;top:8px}.hud-progress .dots i{border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin-left:-7px;transition:left .25s linear;position:absolute;top:10px;box-shadow:0 2px 4px #00000040}.hud-progress .dots i.me{z-index:2;border-width:3px;width:20px;height:20px;margin-left:-10px;top:7px}.hud-tr{text-align:right;top:16px;right:20px}.rank-big{background:var(--panel);box-shadow:var(--shadow-soft);border-radius:20px;align-items:baseline;gap:6px;padding:6px 18px;display:inline-flex}.rank-big span{font-size:22px}.rank-big b{color:var(--sea-dark);font-size:40px;line-height:1}.rank-big small{color:var(--ink-soft);font-size:18px;font-weight:900}.rank-list{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9;border-radius:18px;gap:3px;min-width:190px;margin:10px 0 0;padding:8px;list-style:none;display:grid}.rank-list li{text-align:left;border-radius:10px;align-items:center;gap:8px;padding:3px 10px;font-size:14px;font-weight:800;display:flex}.rank-list li .r{width:18px;color:var(--ink-soft)}.rank-list li .n{text-overflow:ellipsis;white-space:nowrap;flex:1;max-width:130px;overflow:hidden}.rank-list li .f{font-size:12px}.rank-list li.me{background:var(--sun);color:#5a3a00}.hud-feed{justify-items:end;gap:6px;display:grid;top:50%;right:20px;transform:translateY(-50%)}.hud-feed div{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17345080;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:800;animation:4s both feed-in}@keyframes feed-in{0%{opacity:0;transform:translate(20px)}8%,85%{opacity:1;transform:none}to{opacity:0}}.hud-bl{gap:10px;display:grid;bottom:22px;left:20px}.cp-box,.coin-box{background:var(--panel);box-shadow:var(--shadow-soft);border-radius:18px;padding:8px 18px;font-weight:900}.cp-box small{color:var(--ink-soft);letter-spacing:1px;font-size:12px;display:block}.cp-box b{font-size:26px}.cp-box.flash{animation:.8s cp-flash}@keyframes cp-flash{30%{background:#d9fbe9;transform:scale(1.15)}}.coin-box{font-size:22px}.coin-box.bump{animation:.25s coin-bump}@keyframes coin-bump{50%{transform:scale(1.15)}}.hud-br{bottom:22px;right:22px}.item-slot{background:var(--panel);width:112px;height:124px;box-shadow:var(--shadow-soft);border-radius:28px;align-content:center;justify-items:center;gap:2px;display:grid;position:relative}.item-slot small{color:var(--ink-soft);font-size:13px;font-weight:900}.item-icon{color:#b8c8d6;background:#eef5fa;border-radius:22px;place-items:center;width:72px;height:72px;font-size:42px;font-weight:900;display:grid;box-shadow:inset 0 3px #0000000f}.item-slot.rolling .item-icon{background:#fff7d1;animation:.12s linear infinite roll}.item-slot.ready .item-icon{color:inherit;background:linear-gradient(#fff9da,#ffe27a);animation:.4s cubic-bezier(.2,1.6,.4,1) ready-pop;box-shadow:0 0 0 4px #ffd23f80}@keyframes roll{50%{transform:translateY(-3px)scale(.95)}}@keyframes ready-pop{0%{transform:scale(.5)}}.item-slot kbd{background:var(--ink);color:#fff;width:30px;height:30px;font:900 14px var(--font);border-radius:10px;place-items:center;display:grid;position:absolute;top:-8px;right:-8px}.hud-bottom{bottom:22px;left:50%;transform:translate(-50%)}.speed-wrap{text-align:center;width:min(380px,50vw)}.speed-bar{height:18px;box-shadow:var(--shadow-soft);background:#fff9;border-radius:99px;padding:3px;overflow:hidden}.speed-fill{background:linear-gradient(90deg,#34d399,#ffd23f 70%,#ff6b6b) 0 0/380px 100%;border-radius:99px;width:0;height:100%;transition:width 80ms linear}.speed-label{color:#fff;text-shadow:0 2px #0d6e968c;margin-top:4px;font-weight:800}.speed-label b{font-size:22px}.energy-bar{background:#ffffff73;border-radius:99px;width:70%;height:8px;margin:6px auto 0;overflow:hidden}.energy-fill{background:linear-gradient(90deg,#7ee3f7,#fff);border-radius:99px;width:100%;height:100%}.energy-bar.dashing .energy-fill{background:linear-gradient(90deg,#ffd23f,#fff)}.hud-alert{background:var(--coral);color:#fff;box-shadow:0 6px 0 var(--coral-dark);border-radius:999px;padding:12px 26px;font-size:22px;font-weight:900;animation:.6s infinite pulse;top:30%;left:50%;transform:translate(-50%)}.pause-btn{pointer-events:auto;background:var(--panel);width:44px;height:44px;box-shadow:var(--shadow-soft);border:0;border-radius:14px;font-size:18px;top:120px;left:20px}.touch-controls{z-index:35;pointer-events:none;position:fixed;inset:0}.joy{pointer-events:auto;touch-action:none;background:#ffffff4d;border:3px solid #ffffffb3;border-radius:50%;width:150px;height:150px;position:absolute;bottom:120px;left:28px}.joy-knob{background:#fff;border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px;position:absolute;top:50%;left:50%;box-shadow:0 4px 10px #0003}.touch-buttons{pointer-events:auto;grid-template-columns:76px 76px;gap:14px;display:grid;position:absolute;bottom:170px;right:26px}.tbtn{touch-action:none;background:#ffffffd9;border:0;border-radius:50%;width:76px;height:76px;font-size:32px;box-shadow:0 5px #0c3c6433}.tbtn:active,.tbtn.on{transform:translateY(3px)scale(.95)}.tbtn-jump{background:var(--sun);grid-column:2}.tbtn-item{grid-column:1/span 2;justify-self:center}.touch-mode .hud-br{bottom:22px;right:50%;transform:translate(170px)}.touch-mode .item-slot{width:86px;height:96px}.touch-mode .item-icon{width:54px;height:54px;font-size:32px}.touch-mode .item-slot kbd,.touch-mode .rank-list{display:none}@media (width<=760px){.level-name{font-size:22px}.hud-progress{width:70vw;top:118px}.rank-list{display:none}}