*{box-sizing:border-box;margin:0;padding:0}:root{--sky:#e3e6e9;--sky-2:#d2d6da;--ink:#262626;--ink-2:#3a3a3a;--ink-3:#1a1a1a;--muted:#5a5a5a;--on-dark:#e3e6e9;--on-dark-2:#a4a8ac;--accent:#f7c51e;--accent-dark:#c79a00;--card:#ffffff;--blue:#3a8ee6;--blue-dark:#1f5e9e;--red:#d9483b;--red-dark:#8f2620;--green:#4caf50;--green-dark:#2f7a33;--font:"Noto Sans TC","Microsoft JhengHei","PingFang TC",system-ui,sans-serif;--font-num:"Oswald","Noto Sans TC",sans-serif}body,html{height:100%}body{font-family:var(--font);background:var(--sky);color:var(--ink);overflow:hidden}button,input,select{font-family:inherit}#app{height:100vh;display:flex;flex-direction:column}body.mode-3d .only-2d{display:none!important}body:not(.mode-3d) .only-3d{display:none!important}.dark-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 14px;background:var(--ink-2);color:var(--on-dark);border:none;border-bottom:4px solid var(--ink-3);font-weight:700;font-size:14px;white-space:nowrap;cursor:pointer;text-decoration:none}.dark-btn:hover{background:#474747}.dark-btn:active{transform:translateY(2px);border-bottom-width:2px}.dark-btn.square{width:40px;padding:0;font-family:var(--font-num);font-size:20px}.dark-btn.active{background:var(--accent);color:var(--ink);border-bottom-color:var(--accent-dark)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;min-height:36px;background:var(--card);color:var(--ink);border:3px solid var(--ink);font-weight:700;font-size:13px;cursor:pointer;text-decoration:none}.icon-btn:hover{background:#fff7d6}.topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:8px 18px;background:var(--ink)}.top-left{display:flex;align-items:center;gap:14px}.brand{font-weight:900;font-size:26px;letter-spacing:.06em;color:var(--on-dark);white-space:nowrap}.top-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.view-btns{display:flex;gap:4px}.view-btns .dark-btn{height:34px;padding:0 10px;font-size:13px}.quality-pick{gap:4px;height:34px}.quality-pick select{font-weight:700;color:var(--on-dark);background:0 0;border:none;outline:0;cursor:pointer}.quality-pick select option{color:var(--ink)}.fps-meter{font-size:11px;font-weight:600;opacity:.7;min-width:34px}.weather{font-size:13px;font-weight:700;color:var(--on-dark-2);white-space:nowrap}.scoreboard{display:flex;align-items:stretch;height:46px}.scoreboard span{display:flex;align-items:center;font-family:var(--font-num);font-weight:700;white-space:nowrap}.sc-blue{padding:0 16px 0 22px;background:var(--blue);color:#fff;font-size:22px;clip-path:polygon(12px 0,100% 0,100% 100%,0 100%)}.sc-time{padding:0 22px;background:var(--accent);color:var(--ink);font-size:30px;letter-spacing:.04em}.sc-red{padding:0 22px 0 16px;background:var(--red);color:#fff;font-size:22px;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}.view-toggle{display:flex;background:var(--ink-3);padding:3px;gap:3px}.view-toggle button{width:52px;height:34px;border:none;cursor:pointer;background:0 0;color:var(--on-dark-2);font-family:var(--font-num);font-weight:700;font-size:17px}.view-toggle button.active{background:var(--accent);color:var(--ink)}.view-toggle.big button{width:66px;height:40px;font-size:20px}.cockpit{flex:1;min-height:0;display:flex;gap:16px;padding:16px 18px}.panel{flex:0 0 230px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.ribbon{background:var(--ink);color:var(--on-dark);padding:7px 14px;font-weight:900;font-size:16px;letter-spacing:.12em;clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}.ribbon.right{clip-path:polygon(8% 0,100% 0,100% 100%,0 100%);text-align:right}.card{background:var(--card);border:3px solid var(--ink);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.roster{display:flex;flex-direction:column;gap:6px}.roster-row{display:flex;align-items:center;gap:8px;background:var(--card);border:3px solid var(--ink);border-left-width:10px;padding:4px 8px}.roster-row.team-blue{border-left-color:var(--blue)}.roster-row.team-red{border-left-color:var(--red)}.roster-row.me{border-left-color:var(--accent);background:#fffbea}.roster-face{width:26px;height:26px;object-fit:contain;flex:0 0 auto}.roster-name{font-size:14px;font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-hp{font-size:11px;letter-spacing:1px;color:var(--red);white-space:nowrap}.roster-row.down{background:#ececec;border-color:#9a9a9a;color:#6b6b6b}.roster-row.down .roster-hp{color:#8a8a8a}.stat{font-size:14px;font-weight:700}.bar{height:12px;background:var(--sky);border:2px solid var(--ink);margin-top:4px;overflow:hidden}.bar .fill{height:100%;transition:width .15s}.pill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.pill{background:var(--card);border:3px solid var(--ink);padding:5px 8px;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill.wide{grid-column:1/-1}.ctl-hint{margin-top:auto;font-size:12px;font-weight:500;line-height:1.7;color:var(--muted);border-top:3px solid var(--ink);padding-top:8px}.stage-wrap{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.stage{position:relative;max-width:100%;max-height:100%;display:flex;min-height:0}#game{display:block;max-width:100%;max-height:calc(100vh - 64px - 32px - 20px - 96px);width:auto;height:auto;border:10px solid var(--ink);background:#6b8f4a;touch-action:none;cursor:pointer}#game3d,#ink-overlay{display:none}body.mode-3d .stage{width:100%;flex:1 1 auto}body.mode-3d #game{display:none}body.mode-3d #game3d{display:block;width:100%;height:100%;min-height:300px;border:10px solid var(--ink);overflow:hidden;touch-action:none;cursor:grab}body.mode-3d #game3d:active{cursor:grabbing}#game3d canvas{display:block}body.mode-3d #ink-overlay{display:block;position:absolute;inset:10px;background:#04060f;opacity:0;pointer-events:none;transition:opacity .12s;z-index:5}.mb-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mbtn{position:relative;aspect-ratio:1;padding:3px;background:var(--card);border:3px solid var(--ink);cursor:pointer}.mbtn img{width:100%;height:100%;object-fit:contain;pointer-events:none}.mbtn b{position:absolute;left:4px;top:1px;font-family:var(--font-num);font-size:13px;color:var(--ink)}.mbtn:hover{background:#fff7d6}.mbtn.active{background:var(--accent)}.mb-desc{font-size:13px;font-weight:700;min-height:18px}.actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.act{position:relative;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:var(--card);color:var(--ink);border:3px solid var(--ink);font-size:18px;line-height:1;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}.act span{font-size:11px;font-weight:700}.act:hover{background:#fff7d6}.act:active{transform:translateY(2px)}.act.primary{grid-column:span 3;height:56px;flex-direction:row;gap:10px;background:var(--accent);border-bottom-width:6px}.act.primary span{font-size:18px;font-weight:900;letter-spacing:.2em}.act.restart{background:var(--ink);color:var(--on-dark)}.act.restart span{color:var(--on-dark)}.act kbd{position:absolute;top:2px;right:3px;font-family:var(--font-num);font-size:10px;line-height:1;padding:2px 4px;color:var(--ink);background:var(--sky);border:1px solid var(--ink)}.act.primary kbd{background:rgba(255,255,255,.6)}.act.restart kbd{background:var(--ink-2);color:var(--on-dark);border-color:var(--on-dark-2)}.act.disabled{opacity:.35;pointer-events:none;cursor:default}.act-img{width:30px;height:30px;object-fit:contain;display:block}.act.primary .act-img{width:34px;height:34px}.act.disabled .act-img{filter:grayscale(1)}.hud-ico{width:18px;height:18px;object-fit:contain;vertical-align:-4px;margin-right:1px}.screen{position:fixed;inset:0;z-index:40;background:var(--sky);overflow:hidden}.overlay.hidden,.screen.hidden{display:none}.cloud{position:absolute;background:#fff;border-radius:30px}.cloud::after{content:"";position:absolute;left:25%;top:-55%;width:45%;height:130%;background:#fff;border-radius:50%}.cloud.c1{left:44%;top:8%;width:140px;height:42px}.cloud.c2{right:3%;top:13%;width:150px;height:44px}.cloud.c3{left:3%;bottom:14%;width:130px;height:38px}.menu-screen{display:flex;align-items:center;justify-content:center;padding:0 5vw 72px;gap:4vw}.menu-screen.hidden{display:none}.menu-left{position:relative;z-index:2;flex:0 1 500px;display:flex;flex-direction:column;gap:16px}.menu-kicker{display:flex;align-items:center;gap:12px;font-family:var(--font-num);font-weight:700;font-size:18px;letter-spacing:.3em}.badge-star{width:36px;height:44px;background:var(--ink);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);position:relative}.badge-star::after{content:"";position:absolute;left:8px;top:7px;width:20px;height:20px;background:var(--accent);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.menu-title h1{font-weight:900;white-space:nowrap;font-size:clamp(60px, 8.5vw, 110px);line-height:1.05;letter-spacing:.04em}.menu-sub{font-size:18px;font-weight:700;color:#4a4a4a}.start-btn{display:flex;align-items:center;justify-content:center;gap:14px;height:72px;width:100%;background:var(--accent);color:var(--ink);border:5px solid var(--ink);border-bottom-width:10px;font-weight:900;font-size:34px;letter-spacing:.3em;cursor:pointer}.start-btn:hover{background:#ffd43f}.start-btn:active{transform:translateY(4px);border-bottom-width:6px}.map-pick{display:flex;gap:10px}.mapbtn{flex:1;height:48px;background:var(--card);color:var(--ink);border:4px solid var(--ink);font-weight:900;font-size:18px;cursor:pointer}.mapbtn:hover{background:#fff7d6}.mapbtn.active{background:var(--ink);color:var(--accent)}.menu-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flag{height:68px;padding:0 20px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:var(--ink);color:var(--on-dark);border:none;text-align:left;cursor:pointer;font-weight:900;font-size:24px;line-height:1.15;clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%)}.flag small{font-size:12px;font-weight:700;letter-spacing:.24em;color:#b4b8bc}.flag:hover{background:#3d3d3d}.menu-hero{position:relative;flex:1 1 560px;aspect-ratio:1;max-height:calc(100vh - 140px);max-width:640px}.menu-hero>*{position:absolute}.sunburst{inset:0;border-radius:50%;border:6px solid var(--ink);background:repeating-conic-gradient(from 0deg,var(--accent) 0deg 10deg,#f9d65a 10deg 20deg)}.sun-inner{inset:16%;border-radius:50%;border:6px solid var(--ink);background:var(--sky)}.hero-floor{left:6%;right:6%;top:75%;height:4%;background:var(--accent);border:5px solid var(--ink);box-shadow:0 10px 0 var(--ink)}.hero-chars{left:14%;right:14%;top:34%;bottom:25%;display:flex;align-items:flex-end;justify-content:center}.hero-chars svg{height:80%;width:auto}.hero-chars .hc-main{height:100%}.hero-ball{left:58%;top:22%;width:15%}.hero-sausage{left:7%;top:22%;width:8.5%;transform:rotate(-18deg)}.hero-boba{right:3%;top:44%;width:10%}.hero-pig{left:4%;top:62%;width:11%}.menu-bottom{position:absolute;left:0;right:0;bottom:0;height:64px;background:#2f2f2f;color:var(--on-dark-2);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 5vw;font-weight:700;font-size:14px}.mb-view{display:flex;align-items:center;gap:12px;letter-spacing:.1em}.mb-note{font-size:13px;font-weight:500;letter-spacing:0}.mb-info{font-size:13px;text-align:right}.result-screen{display:flex;align-items:center;justify-content:center}.result-screen.hidden{display:none}.result-rays{position:absolute;left:50%;top:-30vh;width:90vh;height:90vh;transform:translateX(-50%);border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--sky-2) 0deg 12deg,transparent 12deg 24deg)}.result-box{position:relative;width:min(520px,92vw);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.result-kicker{font-family:var(--font-num);font-weight:700;font-size:20px;letter-spacing:.4em}.result-title{font-weight:900;font-size:clamp(34px, 9vw, 68px);line-height:1.05;white-space:nowrap}.result-sub{width:100%;padding:16px 24px;background:var(--ink);color:var(--on-dark);font-weight:700;font-size:18px;clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%)}.home-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:58px;background:var(--ink);color:var(--on-dark);border:none;border-bottom:6px solid #111;font-weight:900;font-size:24px;letter-spacing:.2em;cursor:pointer}.home-btn:hover{background:#3a3a3a}.result-hint{font-size:13px;font-weight:700;color:var(--muted)}.result-screen .ol-result{width:100%;display:flex;flex-direction:column;gap:10px}button.big{display:block;width:100%;height:54px;margin:8px 0;background:var(--card);color:var(--ink);border:4px solid var(--ink);border-bottom-width:7px;font-weight:900;font-size:19px;letter-spacing:.1em;cursor:pointer}button.big:hover{background:#fff7d6}button.big.primary{background:var(--accent)}button.big.primary:hover{background:#ffd43f}button.big:disabled{opacity:.45;cursor:not-allowed}.load3d{position:fixed;inset:0;z-index:60;background:rgba(38,38,38,.72);display:flex;align-items:center;justify-content:center}.load3d.hidden{display:none}.load3d-box{width:min(440px,90vw);background:var(--sky);border:5px solid var(--ink);padding:22px;display:flex;flex-direction:column;gap:12px}.load3d-text{font-weight:900;font-size:22px}.load3d-bar{height:22px;border:3px solid var(--ink);background:var(--card)}.load3d-fill{height:100%;width:0;background:var(--accent);transition:width .2s}.load3d-note{font-size:13px;font-weight:500;color:var(--muted)}.modal{position:fixed;inset:0;z-index:70;background:rgba(38,38,38,.6);display:flex;align-items:center;justify-content:center;padding:20px}.modal.hidden{display:none}.modal-panel{position:relative;width:100%;max-width:680px;max-height:88vh;overflow-y:auto;background:var(--sky);border:5px solid var(--ink);padding:20px 24px}.modal-panel h2{display:inline-block;margin:16px 0 8px;padding:5px 16px 5px 12px;background:var(--ink);color:var(--on-dark);font-size:16px;font-weight:900;letter-spacing:.08em;clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}.dark-btn.close{position:sticky;top:0;float:right;z-index:2}.help{list-style:none;font-size:14px;line-height:1.9}.help kbd,.tut-text kbd{background:var(--card);border:2px solid var(--ink);padding:0 6px;font-family:var(--font-num);font-size:12px;font-weight:700}.tip{margin-top:12px;font-size:14px;background:#fff7d6;border:3px solid var(--ink);padding:10px 12px;line-height:1.6}.guide-steps{margin:0 0 4px 22px;font-size:14px;line-height:1.7}#guide details{margin:8px 0;border:3px solid var(--ink);background:var(--card)}#guide summary{cursor:pointer;padding:8px 12px;font-size:15px;font-weight:900;list-style-position:inside}#guide details[open] summary{border-bottom:3px solid var(--ink);background:#fff7d6}#guide details>:not(summary){margin:8px 12px 10px}.guide-list{list-style:none;font-size:14px;line-height:1.55}.guide-list li{display:grid;grid-template-columns:8.5em 1fr;gap:8px;padding:4px 0;border-bottom:1px dashed #c9cdd1}.guide-list li:last-child{border-bottom:none}.guide-list b{white-space:nowrap}.guide-note{font-size:13px;color:var(--muted);line-height:1.5}@media (max-width:480px){.guide-list li{grid-template-columns:1fr;gap:0}}.tutorial-banner{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:min(580px,calc(100% - 24px));z-index:7;padding:12px 16px 10px;background:rgba(227,230,233,.97);border:4px solid var(--ink);color:var(--ink)}.tutorial-banner.hidden{display:none}.tut-head{font-weight:900;font-size:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tut-num{background:var(--ink);color:var(--accent);padding:1px 9px;font-family:var(--font-num);font-size:13px}.tut-flash{color:var(--green-dark);font-size:13px}.tut-text{font-size:14px;line-height:1.6;margin-top:4px}.tut-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px}.tut-btns.small{justify-content:flex-end;margin-top:6px}.tut-btns.small .icon-btn{font-size:12px;padding:2px 8px;min-height:30px}.tut-btns .big{width:auto;padding:0 22px;margin:0}#online-overlay{position:fixed;inset:0;z-index:45;background:var(--sky);display:flex;align-items:center;justify-content:center}#online-overlay.hidden{display:none}.opanel{text-align:center}.online-panel{width:min(420px,92vw);background:var(--card);border:5px solid var(--ink);padding:22px 24px}.online-panel .logo{font-weight:900;font-size:30px;margin-bottom:4px}.online-panel .sub{color:var(--muted);font-size:14px;font-weight:700;margin-bottom:14px}.online-panel .mini{color:var(--muted);font-size:13px;margin:8px 0}.ol-code{font-family:var(--font-num);letter-spacing:.15em;background:var(--accent);padding:0 8px}.ol-field{display:flex;align-items:center;gap:8px;justify-content:center;font-weight:700;margin-bottom:10px}.ol-cfg select,.ol-field input,.ol-join input{font:inherit;font-weight:700;color:var(--ink);border:3px solid var(--ink);padding:8px 10px;background:#fff}.ol-field input{width:180px}.ol-join{display:flex;gap:8px;margin-top:10px}.ol-join input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.15em;text-align:center;font-family:var(--font-num)}.ol-join .big{width:auto;margin:0;padding:0 20px}.ol-status{min-height:1.4em;font-size:14px;font-weight:700;color:var(--green-dark);margin:10px 0 6px}.ol-status.err{color:var(--red-dark)}.ol-players{list-style:none;margin:12px 0 4px;text-align:left}.ol-players li{display:flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:6px;background:#fff;border:3px solid var(--ink);border-left-width:10px}.ol-players li.team-blue{border-left-color:var(--blue)}.ol-players li.team-red{border-left-color:var(--red)}.ol-players em{font-style:normal;font-size:12px;font-weight:700;color:var(--ink);background:var(--accent);padding:0 7px}.ol-cfg{display:flex;flex-direction:column;gap:8px;margin:12px 0;font-weight:700}.ol-cfg label{display:flex;justify-content:space-between;align-items:center;gap:8px}@media (max-width:920px){body{overflow-y:auto}#app{height:auto;min-height:100vh}.topbar{flex-wrap:wrap;justify-content:center}.scoreboard{order:-1;width:100%;justify-content:center}.cockpit{flex-direction:column;padding:12px}.stage-wrap{order:-1}#game{max-height:62vh}body.mode-3d .stage{height:62vh}.panel{flex:0 0 auto;overflow:visible}.side-right{order:0}.side-left{order:1}.roster{flex-direction:row;flex-wrap:wrap}.roster-row{flex:0 0 calc(50% - 4px)}.mb-bar{grid-template-columns:repeat(6,minmax(0,1fr))}.actions{grid-template-columns:repeat(4,minmax(0,1fr))}.act.primary{grid-column:span 4}.ctl-hint{margin-top:0}.weather{display:none}.menu-screen{flex-direction:column;justify-content:center;padding:24px 16px 90px;overflow-y:auto}.menu-left{flex:0 0 auto;width:100%;max-width:500px}.menu-hero{display:none}.menu-bottom{height:auto;padding:10px 16px;flex-direction:column;gap:6px}.mb-info{text-align:center}}@media (max-width:560px){.brand{font-size:20px}.flag{font-size:20px;height:60px}.start-btn{font-size:28px;height:64px}}@media (min-width:921px){.top-tools{flex-wrap:nowrap}}.stat-row{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;font-weight:700}.stat-row b{font-family:var(--font-num);font-weight:700;font-size:15px}.card .stat+.stat{margin-top:2px}.weather-card{gap:6px}.wx-map{font-weight:900;font-size:15px}.wx-note{font-size:12px;font-weight:500;color:var(--muted);line-height:1.5}.wx-note b{color:var(--ink);font-weight:900}.cockpit{width:100%;max-width:1600px;margin:0 auto}.wx-now{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:900;white-space:nowrap}.wx-icon{font-size:28px;line-height:1}.wx-desc{font-size:13px;font-weight:500;color:var(--muted);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wx-fuse{margin-left:auto;font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap}.wx-fuse b{font-family:var(--font-num);font-size:16px;color:var(--ink)}.wx-desc b{color:var(--ink);font-weight:900}#wx-banner{position:absolute;left:50%;top:50%;z-index:8;transform:translate(-50%,-50%);display:none;flex-direction:column;align-items:center;gap:2px;padding:14px 34px 12px;background:var(--ink);color:var(--on-dark);border:5px solid var(--accent);pointer-events:none;text-align:center}#wx-banner.show{display:flex;animation:wxb .8s ease-out forwards}.wxb-icon{font-size:48px;line-height:1}.wxb-name{font-size:54px;font-weight:900;letter-spacing:.2em;color:var(--accent);line-height:1.1}.wxb-desc{font-size:15px;font-weight:700}@keyframes wxb{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}20%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1);visibility:hidden}}.stage.quake{animation:quake .45s linear}@keyframes quake{0%,100%{transform:translate(0,0)}15%{transform:translate(-6px,3px)}30%{transform:translate(5px,-4px)}45%{transform:translate(-4px,-3px)}60%{transform:translate(4px,4px)}75%{transform:translate(-3px,2px)}90%{transform:translate(2px,-2px)}}.rain-plus{color:#2f8fbf;font-size:13px}.char-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;white-space:nowrap}.ch-face{width:42px;height:42px;flex:none;overflow:hidden;border:3px solid var(--ink);background:var(--sky-2)}.ch-face img{width:100%;height:100%;display:block;transform:scale(2.1);transform-origin:50% 22%}.char-head b{font-size:17px;font-weight:900}.char-head span{font-size:12px;font-weight:700;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.act.primary{grid-column:span 2}.act.skill{height:56px;border-bottom-width:6px;background:#e8f4ff}.act.skill{min-width:0;overflow:hidden}.act.skill kbd{top:auto;bottom:3px}.skill-in{margin-top:-6px;display:flex;flex-direction:column;align-items:center;white-space:nowrap;min-width:0}.skill-in .sk-name{font-size:14px;font-weight:900}.skill-in .sk-cd{font-size:10px;font-weight:700;color:var(--muted)}@media (max-width:920px){.act.primary{grid-column:span 3}}.roster-name small{margin-left:6px;font-size:11px;font-weight:700;color:var(--muted)}.char-pick-wrap{display:flex;flex-direction:column;gap:8px}.char-pick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.charbtn{display:flex;flex-direction:column;align-items:center;padding:4px 0 6px;cursor:pointer;background:#fff;border:4px solid var(--ink);border-bottom-width:7px;font:inherit;color:var(--ink)}.charbtn img{width:100%;aspect-ratio:1;object-fit:contain;object-position:top}.charbtn span{font-size:14px;font-weight:900;white-space:nowrap}.charbtn:hover{background:#fff7d6}.charbtn.active{background:var(--accent)}.char-info{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.char-info b{font-weight:900}.hero-chars .hc-img{height:125%;width:auto;margin-bottom:-4%;filter:drop-shadow(0 10px 0 rgba(0,0,0,.14))}.hero-card{right:0;top:4%;width:46%;padding:12px 14px;display:flex;flex-direction:column;gap:6px;background:#fff;border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);z-index:2}.hc-name{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.hc-name b{font-size:26px;font-weight:900}.hc-name span{font-size:13px;font-weight:700;color:var(--muted)}.hc-row{display:grid;grid-template-columns:52px 1fr 36px;align-items:center;gap:8px;font-size:13px;font-weight:700}.hc-row b{font-family:var(--font-num);text-align:right}.hc-row .bar{margin:0}.hc-skill{display:flex;align-items:center;gap:6px;margin-top:4px;white-space:nowrap;font-size:13px}.hc-skill b{font-size:15px;font-weight:900}.hc-skill span{font-weight:500;overflow:hidden;text-overflow:ellipsis}.hc-cd{font-size:12px;font-weight:700;color:var(--muted)}@media (max-width:900px){.charbtn span{font-size:12px}}.guide-ico{width:40px;height:40px;object-fit:contain;object-position:top;flex:none}.guide-list li.char-li{grid-template-columns:40px 3.5em 1fr;align-items:center}.card-bar{flex:none;width:100%;height:88px;display:flex;align-items:stretch;justify-content:center;gap:8px;overflow-x:auto;padding:2px 2px 4px}.cards-empty{align-self:center;font-size:13px;font-weight:700;color:var(--muted)}.tcard{position:relative;flex:none;width:70px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:14px 2px 4px;cursor:pointer;font:inherit;color:var(--ink);background:#fff;border:3px solid var(--ink);border-bottom-width:6px;border-radius:6px}.tcard img{width:40px;height:40px;object-fit:contain}.tcard b{font-size:12px;font-weight:900;white-space:nowrap}.tcard:hover{transform:translateY(-3px)}.tcard:active{transform:translateY(1px)}.tcard.off{opacity:.45;filter:grayscale(.8)}.tcard.perm{background:#eaf7e6;cursor:default}.tcard.pet{background:#fff3e0}.tc-tag{position:absolute;top:0;left:0;right:0;font-size:9px;font-weight:900;line-height:13px;color:#fff;background:#e07b39;border-radius:3px 3px 0 0}.tcard.perm .tc-tag{background:#3c9a5f}.tcard.pet .tc-tag{background:#8d5a3b}.tcard kbd{position:absolute;top:15px;right:2px;font-family:var(--font-num);font-size:9px;line-height:1;padding:1px 3px;background:var(--sky);border:1px solid var(--ink)}.tc-n{position:absolute;top:15px;left:3px;font-family:var(--font-num);font-size:12px;font-weight:700}.tc-auto{font-size:9px;font-weight:900;color:#3c9a5f;line-height:1}@media (max-width:920px){.card-bar{justify-content:flex-start;height:84px}}.only-phone{display:none}.wx-head{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}.wx-head span:last-child{font-family:var(--font-num)}.wx-chips{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0}.chip{font-size:12px;font-weight:700;padding:2px 7px;border:2px solid;white-space:nowrap;line-height:1.4}.chip-good{background:#dff2e1;color:#1d5e25;border-color:#2f7a33}.chip-limit{background:#fff1d6;color:#7a4a00;border-color:#c79a00}.chip-bad{background:#fde4e1;color:#8f2620;border-color:#d9483b}.chip-fuse{background:#eceef0;color:#3a3a3a;border-color:#5a5a5a}.bar.thin{height:6px;border-width:0;background:var(--sky-2)}.stat-row{gap:6px}.stat-row b{margin-left:auto}.stat-row small{font-family:var(--font-num);font-size:11px;font-weight:700;color:var(--muted)}.stat-tag{font-style:normal;font-size:11px;font-weight:700;color:#7a4a00}.bar3{position:relative;height:10px;margin-top:3px;background:var(--sky-2);border:1px solid var(--ink);overflow:hidden}.bar3 i{position:absolute;left:0;top:0;bottom:0;transition:width .15s}.bar3.mini{height:7px;margin-top:2px}.ctx-hint{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:6;pointer-events:none;display:flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(38,38,38,.92);color:#fff;font-size:14px;font-weight:700;white-space:nowrap;box-shadow:3px 3px 0 rgba(0,0,0,.25)}.ctx-hint.hidden{display:none}.ctx-hint kbd{font-family:var(--font-num);font-size:13px;padding:0 6px;margin-right:4px;background:var(--accent);color:var(--ink);border:0}.ctx-hint i{width:1px;height:14px;background:#777}.hand{flex:none;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.hand-head{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;font-size:12px;font-weight:700;white-space:nowrap}.hand-head b{font-size:14px;font-weight:900}.hand-head .lg{display:flex;align-items:center;gap:5px}.hand-head .lg::before{content:"";width:10px;height:10px}.lg-once::before{background:#e07b39}.lg-pet::before{background:#8d5a3b}.lg-perm::before{background:#3c9a5f}.hand-tip{color:var(--muted)}.hand-row{display:flex;align-items:stretch;justify-content:center;gap:10px;max-width:100%}.card-bar{width:auto;height:auto;padding:0;justify-content:center;overflow:visible;flex-wrap:wrap}.perm-slots{display:flex;flex-direction:column;justify-content:center;gap:6px;padding-left:12px;border-left:2px solid #a4a8ac}.perm{display:flex;align-items:center;gap:6px;height:44px;padding:0 10px 0 4px;background:#fff;border:3px dashed #a4a8ac;color:var(--muted);white-space:nowrap}.perm img{width:32px;height:32px;object-fit:contain;filter:grayscale(1);opacity:.5}.perm span{display:flex;flex-direction:column;line-height:1.2}.perm b{font-size:13px}.perm small{font-size:11px;font-weight:700}.perm.own{background:#eaf7e6;border:3px solid #3c9a5f;color:var(--ink)}.perm.own img{filter:none;opacity:1}.perm.own small{color:#1d5e25}.tcard{width:82px;height:108px;padding:18px 2px 4px;justify-content:flex-start;gap:0}.tcard img{width:44px;height:44px;margin-top:2px}.tc-txt{display:flex;flex-direction:column;align-items:center;line-height:1.25}.tc-txt b{font-size:13px;font-weight:900;white-space:nowrap}.tc-txt small{font-size:10px;font-weight:700;color:#1d5e25;white-space:nowrap}.tcard.off .tc-txt small{color:var(--muted)}.tc-tag{height:16px;line-height:16px;font-size:10px;text-align:center}.tcard kbd{top:19px}.tc-n{top:18px}.tcard.new{border-color:var(--accent);box-shadow:0 0 0 4px rgba(247,197,30,.5);background:#fffbe6}.tcard.new .tc-txt small{color:#7a4a00}.side-right .actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.act.primary{grid-column:1/-1;height:70px;gap:12px}.act-main{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;white-space:nowrap}.act.primary .act-main b{font-size:22px;font-weight:900;letter-spacing:.15em}.act.primary .act-main small{font-size:11px;font-weight:700;letter-spacing:0}.act.primary span{letter-spacing:0}.act.shield,.act.skill{grid-column:auto;height:70px;flex-direction:row;justify-content:flex-start;gap:8px;padding:0 8px;background:#fff;overflow:hidden}.act.shield .act-main b,.act.skill .act-main b{font-size:14px;font-weight:900}.act.shield .act-main small,.act.skill .act-main small{font-size:10px;font-weight:700;color:var(--muted)}.skill-in{margin:0;display:flex;flex-direction:row;align-items:center;gap:8px}.ring{--p:0%;width:40px;height:40px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(#d9483b 0 var(--p),#f7c51e var(--p) 100%)}.ring>span{width:30px;height:30px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font:700 14px var(--font-num)}.can-do{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700}.cd-title{font-size:13px;font-weight:900}.cd-line{display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--muted)}.cd-line i{width:8px;height:8px;flex:none;background:#a4a8ac}.cd-line.ok{color:var(--ink)}.cd-line.ok i{background:#2f7a33}.act.restart.wide{margin-top:auto;height:40px;width:100%;flex-direction:row;font-family:inherit;font-size:13px;font-weight:700}@media (max-width:560px){.only-phone{display:block}.side-right{display:none}.side-left .ctl-hint,.side-left .ribbon,.side-left .weather-card,.side-left>.card{display:none}body{padding-bottom:176px}.cockpit{padding:8px;gap:8px}.stage-wrap{gap:6px;width:100%}.m-status{width:100%;background:#fff;border:3px solid var(--ink);padding:6px 8px;box-sizing:border-box}.ms-wx{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}.ms-wx b{font-size:15px;font-weight:900}.ms-wx .chip{font-size:11px;padding:1px 5px}.ms-left{margin-left:auto;font:700 12px var(--font-num);color:var(--muted)}.ms-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:6px}.ms-row{display:flex;justify-content:space-between;font-size:10px;font-weight:700;white-space:nowrap}.ms-row b{font-family:var(--font-num)}.ctx-hint{font-size:12px;bottom:10px}.hand-head .lg,.hand-tip{display:none}.hand-head::after{content:"點一下使用";font-size:11px;color:var(--muted)}.hand-row{flex-direction:column;width:100%;gap:6px}.perm-slots{order:-1;flex-direction:row;justify-content:flex-end;padding:0;border:0}.perm{height:30px;padding:0 8px 0 2px;border-width:2px}.perm img{width:22px;height:22px}.perm b{display:none}.card-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.tcard{width:auto;height:54px;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px;padding:0 6px 0 0;border-width:2px;border-left-width:7px;border-left-color:#e07b39;border-radius:4px}.tcard.pet{border-left-color:#8d5a3b}.tcard .tc-tag,.tcard kbd{display:none}.tcard img{width:36px;height:36px;margin:0;flex:none}.tc-txt{align-items:flex-start;min-width:0}.tc-txt small{overflow:hidden;text-overflow:ellipsis;max-width:100%}.tc-n{top:2px;left:auto;right:4px}.m-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:flex-end;gap:10px;padding:10px 12px 16px;background:var(--ink);border-radius:18px 18px 0 0}.m-balls{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.m-ball-name{font-size:11px;font-weight:700;color:var(--on-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-ball-name span{color:var(--on-dark-2)}.m-ball-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.m-ball-grid button{position:relative;height:44px;padding:0;border:2px solid #5a5a5a;border-radius:8px;background:var(--ink-2);display:flex;align-items:center;justify-content:center}.m-ball-grid button.sel{background:var(--accent);border-color:var(--accent)}.m-ball-grid i{position:absolute;top:1px;left:4px;font:700 10px var(--font-num);font-style:normal;color:var(--on-dark)}.m-ball-grid button.sel i{color:var(--ink)}.m-ball-grid img{width:32px;height:32px;object-fit:contain}.m-acts{position:relative;width:176px;height:126px;flex:none}.m-acts button{position:absolute;border-radius:50%;font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.m-shield,.m-skill{left:0;width:60px;height:60px;border:3px solid var(--on-dark);background:var(--ink-2);color:var(--on-dark)}.m-skill{top:0}.m-shield{bottom:0}.m-acts small{font-size:9px;font-weight:700}.m-skill .ring{width:30px;height:30px}.m-skill .ring>span{width:22px;height:22px;background:var(--ink-2);color:var(--on-dark);font-size:12px}.m-place{right:0;top:7px;width:108px;height:108px;border:4px solid var(--ink);background:var(--accent);color:var(--ink);box-shadow:0 0 0 4px var(--accent),0 6px 0 4px var(--accent-dark)}.m-place img{width:38px;height:38px}.m-place b{font-size:17px;letter-spacing:.1em}.m-place small{font-size:10px}.m-bar button.disabled{opacity:.4}}.act.skill .act-main b{font-size:13px;letter-spacing:-.02em}.act.skill .ring{width:36px;height:36px}.act.skill .ring>span{width:27px;height:27px}@media (max-width:560px){body{padding-bottom:0}.cockpit{padding-bottom:190px}.topbar{padding:6px 8px;gap:6px}.topbar .brand{display:none}}.cam-pick{position:relative}.cam-btn{display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;font-size:13px;font-weight:700;white-space:nowrap}.cam-btn b{color:var(--accent)}.cam-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:50;width:440px;background:#fff;color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 rgba(0,0,0,.3);padding:12px;display:flex;flex-direction:column;gap:10px}.cam-panel.hidden{display:none}.cam-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cam-modes button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;background:var(--sky);color:var(--ink);border:3px solid var(--ink);border-bottom-width:5px;font-family:inherit;cursor:pointer;text-align:center}.cam-modes button b{font-size:15px;font-weight:900}.cam-modes button small{font-size:11px;font-weight:500;line-height:1.35;color:var(--muted)}.cam-modes button:hover{background:#fff7d6}.cam-modes button.active{background:var(--accent)}.cam-modes button.active small{color:var(--ink)}.cam-opt{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.cam-opt.hidden{display:none}.cam-opt span{margin-right:4px}.cam-opt button{height:34px;padding:0 14px;border:2px solid var(--ink);background:#fff;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.cam-opt button.active{background:var(--ink);color:var(--accent)}.cam-note{margin:0;font-size:12px;font-weight:700;color:var(--muted)}@media (max-width:560px){.cam-btn{height:36px;padding:0 8px}.cam-panel{position:fixed;left:8px;right:8px;top:60px;width:auto}.cam-modes{grid-template-columns:repeat(2,minmax(0,1fr))}}.cam-modes button small{white-space:nowrap}.setup-screen{display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.setup-screen.hidden{display:none}.setup-box{width:min(1180px,100%);max-height:100%;display:flex;flex-direction:column;gap:14px}.su-head{display:flex;align-items:baseline;gap:14px}.su-head h2{margin:0;font-size:34px;font-weight:900}.su-head span{font-size:14px;font-weight:700;color:var(--muted)}.su-body{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.su-body>section,.su-room{background:#fff;border:3px solid var(--ink);padding:14px;box-sizing:border-box}.su-chars{flex:1 1 340px;min-width:0}.su-rules{flex:1.3 1 420px;min-width:0;display:flex;flex-direction:column;gap:8px}.su-room{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:8px}.su-title{font-size:15px;font-weight:900;margin-bottom:8px}.su-rules .su-title{margin-bottom:0}.su-char-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.su-char-grid button{display:flex;flex-direction:column;align-items:center;padding:4px 0 6px;cursor:pointer;background:#fff;border:3px solid var(--ink);border-bottom-width:6px;font-family:inherit;color:var(--ink)}.su-char-grid img{width:72px;height:72px;object-fit:contain;object-position:top}.su-char-grid b{font-size:15px;font-weight:900}.su-char-grid small{font-size:11px;font-weight:700;color:var(--muted)}.su-char-grid button:hover{background:#fff7d6}.su-char-grid button.active{background:var(--accent)}.su-char-grid button.active small{color:var(--ink)}.su-char-info{margin:10px 0 0;font-size:12px;font-weight:500;line-height:1.6}.su-row{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px}.su-row>span{font-size:13px;font-weight:900}.su-opts{display:flex;flex-wrap:wrap;gap:6px}.su-opts button{height:36px;padding:0 12px;border:2px solid var(--ink);background:#fff;color:var(--ink);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.su-opts button:hover{background:#fff7d6}.su-opts button.active{background:var(--ink);color:var(--accent)}.su-opts button:disabled{opacity:.45;cursor:default;background:#fff}.su-opts button.active:disabled{opacity:1;background:var(--ink)}.su-summary{margin:4px 0 0;font-size:13px;font-weight:700;color:var(--muted)}.su-room-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.su-room-head b{font-size:16px;font-weight:900;font-family:var(--font-num);letter-spacing:.08em}.su-copy{height:32px;padding:0 10px;border:2px solid var(--ink);background:var(--sky);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.su-players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.su-players li{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--sky);border-left:6px solid var(--blue);font-size:13px;white-space:nowrap}.su-players li.team-red{border-left-color:var(--red)}.su-players li span{color:var(--muted);font-weight:700}.su-players em{font-style:normal;font-size:11px;font-weight:700;padding:1px 6px;background:var(--sky-2)}.su-players em.ok{background:#dff2e1;color:#1d5e25}.su-players li em:first-of-type{margin-left:auto}.su-note{margin:0;font-size:12px;font-weight:700;color:var(--muted)}.su-status{margin:0;min-height:18px;font-size:13px;font-weight:700;color:var(--muted);text-align:center}.su-foot{display:flex;justify-content:center;gap:12px}.su-foot .start-btn{width:min(420px,100%)}.su-back{height:60px;padding:0 22px;border:4px solid var(--ink);background:#fff;font-family:inherit;font-size:18px;font-weight:900;cursor:pointer}.start-btn.done{background:#dff2e1}.rs-series{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:900;white-space:nowrap}.rs-series b{font:700 34px var(--font-num);min-width:90px;text-align:center}.rs-team{font-size:15px}.rs-pips{display:flex;gap:4px}.rs-pips i{width:16px;height:16px;border:3px solid var(--ink);background:#fff;border-radius:50%}.rs-pips i.on.blue{background:var(--blue)}.rs-pips i.on.red{background:var(--red)}.rs-next{font-size:18px;font-weight:700}.rs-next b{font:700 28px var(--font-num);color:var(--red);margin:0 4px}.rs-label{font-size:13px;font-weight:700;color:var(--muted)}.rs-chars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:100%}.rs-chars button{display:flex;flex-direction:column;align-items:center;padding:2px 0 4px;background:#fff;border:3px solid var(--ink);font-family:inherit;color:var(--ink);cursor:pointer}.rs-chars button.active{background:var(--accent)}.rs-chars img{width:100%;aspect-ratio:1;object-fit:contain;object-position:top}.rs-chars span{font-size:12px;font-weight:900}.rs-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.rs-row .home-btn{width:100%}.rs-row:has(> :only-child){grid-template-columns:1fr}.rs-ready{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.rs-ready span{font-size:12px;font-weight:700;padding:3px 8px;background:#fff;border:2px solid var(--sky-2);color:var(--muted);white-space:nowrap}.rs-ready span.ok{border-color:#2f7a33;color:#1d5e25;background:#dff2e1}.result-box .start-btn{width:100%}@media (max-width:560px){.su-head h2{font-size:26px}.su-char-grid img{width:56px;height:56px}.su-foot .start-btn{font-size:22px;height:60px}.rs-chars{grid-template-columns:repeat(3,minmax(0,1fr))}.rs-series b{font-size:26px;min-width:70px}}@media (max-width:560px){.setup-screen{align-items:flex-start}.su-foot{position:sticky;bottom:0;padding:10px 0;background:var(--sky)}}.result-box .start-btn,.su-foot .start-btn{letter-spacing:.08em;white-space:nowrap}.sound-panel{position:fixed;top:70px;right:16px;z-index:60;width:320px;box-sizing:border-box;background:#fff;color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 rgba(0,0,0,.3);padding:12px 14px;display:flex;flex-direction:column;gap:12px}.sound-panel.hidden{display:none}.sp-head{display:flex;align-items:center;justify-content:space-between}.sp-head b{font-size:16px;font-weight:900}.sp-head button{width:36px;height:36px;border:2px solid var(--ink);background:#fff;font-size:16px;cursor:pointer}.sp-row{display:grid;grid-template-columns:92px minmax(0,1fr) 34px;align-items:center;gap:10px}.sp-switch{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:900;cursor:pointer;white-space:nowrap}.sp-switch input{position:absolute;opacity:0;width:1px;height:1px}.sp-switch span{position:relative;width:44px;height:24px;flex:none;background:var(--sky-2);border:2px solid var(--ink);border-radius:14px;transition:background .15s}.sp-switch span::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--ink);box-sizing:border-box;transition:left .15s}.sp-switch input:checked+span{background:var(--accent)}.sp-switch input:checked+span::after{left:22px}.sp-switch input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}.sp-row input[type=range]{width:100%;accent-color:#262626}.sp-row input[type=range]:disabled{opacity:.35}.sp-num{font:700 14px var(--font-num);text-align:right}.sp-note{margin:0;font-size:12px;font-weight:500;color:var(--muted);line-height:1.5}@media (max-width:560px){.sound-panel{left:8px;right:8px;width:auto;top:60px}}#lowhp-overlay{display:none}body.mode-3d #lowhp-overlay.on{display:block;position:absolute;inset:10px;z-index:4;pointer-events:none;background:radial-gradient(ellipse at center,rgba(200,0,0,0) 55%,rgba(200,0,0,.42) 100%);animation:lowhp 1.6s ease-in-out infinite}@keyframes lowhp{0%,100%{opacity:.65}50%{opacity:1}}.su-players em.p2p{background:#e3f0fd;color:#1f5e9e}.su-players em.relay{background:#f1f1f1;color:var(--muted)}.su-nudge{height:60px;padding:0 18px;border:4px solid var(--ink);background:#fff3e0;font-family:inherit;font-size:18px;font-weight:900;cursor:pointer;white-space:nowrap}.rs-nudge:disabled,.su-nudge:disabled{opacity:.5;cursor:default}.rs-row3{grid-template-columns:repeat(3,minmax(0,1fr))}.toast{position:fixed;left:50%;top:14px;z-index:90;transform:translate(-50%,-140%);padding:10px 18px;background:var(--ink);color:#fff;border:3px solid var(--ink);font-size:15px;font-weight:900;white-space:nowrap;box-shadow:4px 4px 0 rgba(0,0,0,.25);transition:transform .25s ease;pointer-events:none}.toast.show{transform:translate(-50%,0)}.toast.loud{background:var(--accent);color:var(--ink);font-size:18px;animation:toastShake .5s ease 2}@keyframes toastShake{0%,100%{margin-left:0}25%{margin-left:-6px}75%{margin-left:6px}}@media (max-width:560px){.su-nudge{height:60px;padding:0 10px;font-size:15px}.toast{white-space:normal;width:calc(100% - 32px);text-align:center}}#net-banner{display:none}#net-banner.show{display:block;position:absolute;left:50%;top:18px;transform:translateX(-50%);z-index:7;pointer-events:none;padding:6px 14px;background:rgba(217,72,59,.94);color:#fff;font-size:14px;font-weight:900;white-space:nowrap;box-shadow:3px 3px 0 rgba(0,0,0,.25)}.rs-offline{margin:0;font-size:15px;font-weight:900;color:var(--red-dark)}@media (max-width:560px){#net-banner.show{white-space:normal;width:calc(100% - 40px);text-align:center;font-size:12px}}.hero-card{left:50%;right:auto;top:77%;transform:translateX(-50%);width:88%;box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:4px;padding:10px 14px}.hc-name,.hc-skill{grid-column:1/-1}.hc-name b{font-size:22px}.hc-row{grid-template-columns:44px 1fr 30px;gap:6px;font-size:12px}.hc-skill{margin-top:2px;font-size:12px}.hero-arrow{top:47%;width:52px;height:52px;border-radius:50%;border:4px solid var(--ink);background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;box-shadow:0 4px 0 var(--ink)}.hero-arrow:hover{background:var(--accent)}.hero-arrow:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.hero-arrow.prev{left:19%}.hero-arrow.next{right:19%}.hero-chars .hc-img.swap{animation:heroSwap .28s ease}@keyframes heroSwap{from{opacity:.3;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}#lowhp-tip{position:absolute;left:50%;top:56px;transform:translateX(-50%);z-index:6;pointer-events:none;padding:5px 14px;background:rgba(200,30,30,.92);color:#fff;font-size:15px;font-weight:900;white-space:nowrap;box-shadow:3px 3px 0 rgba(0,0,0,.25);animation:lowhp 1.6s ease-in-out infinite}#lowhp-tip.hidden{display:none}@media (max-width:560px){#lowhp-tip{top:44px;font-size:13px;padding:4px 10px}}