*{box-sizing:border-box}html,body{color:#f7fbff;touch-action:none;background:#8fd2db;width:100%;height:100dvh;margin:0;font-family:Noto Sans TC,PingFang TC,system-ui,sans-serif;overflow:hidden}button,input{font:inherit}canvas{touch-action:none;width:100%;height:100%;display:block}#game-shell{position:fixed;inset:0}#rotate-msg{z-index:80;color:#fff;text-align:center;background:#0b1820;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:none;position:fixed;inset:0}.rotate-icon{font-size:44px;font-weight:900}.rotate-text{font-size:26px;font-weight:900}#hud{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));z-index:10;pointer-events:none;align-items:center;gap:10px;display:flex;position:fixed}.hud-pill,#type-panel,#launch-panel,#matchup-panel,#battle-monitor,#lobby-card,#result-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1c26c7;border:1px solid #ffffff57;border-radius:8px;box-shadow:0 14px 34px #0a19233d}.hud-pill{color:#dff8ff;min-height:38px;padding:8px 13px;font-size:14px;font-weight:800}.hud-pill strong{color:#ffd166;font-size:18px}.hud-button{cursor:pointer;pointer-events:auto}.hud-button[aria-pressed=true]{background:linear-gradient(#255c76eb,#133348eb);border-color:#a9def9db;box-shadow:0 0 18px #8bdcff6b,0 14px 34px #0a19233d}#status-pill{color:#f7fbff;margin-left:auto}#type-panel,#launch-panel,#matchup-panel{z-index:12;padding:12px;position:fixed}#type-panel{left:max(14px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));width:min(330px,50vw - 20px)}#launch-panel{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));width:min(390px,50vw - 20px)}#matchup-panel{top:max(64px, calc(env(safe-area-inset-top) + 64px));right:max(14px, env(safe-area-inset-right));width:min(330px,40vw)}#battle-monitor{top:max(64px, calc(env(safe-area-inset-top) + 64px));left:max(14px, env(safe-area-inset-left));z-index:12;width:min(320px,36vw);padding:12px;position:fixed}.panel-title{color:#fff3c4;margin-bottom:10px;font-size:15px;font-weight:900}.segmented{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.segmented button,#launch-btn,#reset-btn,#result-reset-btn,#open-backpack-btn,#open-lobby-btn,#enter-battle-btn,#best-equip-btn,#backpack-close-btn,.equip-btn{color:#fff;cursor:pointer;background:#ffffff21;border:1px solid #ffffff57;border-radius:8px;min-height:42px;font-weight:900}.segmented button.is-active{color:#2a1b0b;background:linear-gradient(#ffd166,#f28f3b);border-color:#ffd166d9}.stat-grid{grid-template-columns:52px 1fr;align-items:center;gap:7px 10px;margin-top:12px;font-size:12px;font-weight:900;display:grid}.bar{background:#ffffff29;border-radius:999px;height:10px;overflow:hidden}.bar i{border-radius:inherit;background:linear-gradient(90deg,#a9def9,#ffd166,#ff5c5c);width:20%;height:100%;display:block}.control-row{color:#e9fbff;grid-template-columns:48px minmax(0,1fr) 58px;align-items:center;gap:10px;min-height:38px;font-size:13px;font-weight:900;display:grid}.control-row input{accent-color:#ffd166;width:100%}.control-row strong{color:#ffd166;text-align:right}#charge-meter{background:#040e147a;border:1px solid #ffffff47;border-radius:8px;height:32px;margin-top:8px;position:relative;overflow:hidden}#charge-zone{background:#a9ff8047;border-radius:6px;width:16%;position:absolute;inset:4px 6% 4px auto;box-shadow:0 0 16px #a9ff808a}#charge-fill{background:linear-gradient(90deg,#63e6df,#ffd166,#ff5c8a);border-radius:8px;width:0%;display:block;position:absolute;inset:0 auto 0 0;box-shadow:0 0 18px #ffd16657}#charge-label{color:#f7fbff;text-shadow:0 2px #00000040;justify-content:center;align-items:center;font-size:13px;font-weight:1000;display:flex;position:absolute;inset:0}#launch-btn,#reset-btn{width:calc(50% - 4px);margin-top:9px}#launch-btn{color:#241608;background:linear-gradient(#ffd166,#f28f3b);border-color:#ffd166c7}#launch-btn:disabled{opacity:.62;cursor:default}#launch-btn.is-charging{transform:translateY(1px);box-shadow:0 0 22px #ffd1669e,inset 0 0 16px #ffffff38}#reset-btn{margin-left:8px}#open-backpack-btn{background:#63e6df24;border-color:#63e6df8c;width:100%;margin-top:12px}#open-lobby-btn{color:#f7fbff;background:#63e6df24;border-color:#63e6df8c;min-width:78px}.matchup-row{color:#dff8ff;border-top:1px solid #ffffff24;justify-content:space-between;gap:12px;padding:7px 0;font-size:13px;font-weight:800;display:flex}.matchup-row:first-of-type{border-top:0}.matchup-row strong{color:#ffd166;text-align:right}#rival-build{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.rival-chip{color:#dff8ff;background:#63e6df1f;border:1px solid #63e6df61;border-radius:6px;padding:5px 7px;font-size:11px;font-weight:900}#rival-stat-grid{gap:6px;margin-top:10px;display:grid}.rival-stat-row{color:#dff8ff;grid-template-columns:52px minmax(0,1fr) 30px;align-items:center;gap:7px;font-size:11px;font-weight:900;display:grid}.rival-stat-row strong{color:#ffd166;text-align:right}#matchup-tip{color:#f7fbff;background:#ffd1661f;border-left:3px solid #ffd166;border-radius:6px;gap:4px;margin-top:11px;padding:8px;font-size:12px;font-weight:900;line-height:1.45;display:grid}#matchup-tip strong{color:#fff3c4}.monitor-row{color:#dff8ff;grid-template-columns:76px minmax(0,1fr) 72px;align-items:center;gap:8px;min-height:26px;font-size:12px;font-weight:900;display:grid}.monitor-row strong{color:#b7e97a;text-align:right}.monitor-row strong[data-state=danger]{color:#ffd166}.monitor-row strong[data-state=out],.monitor-row strong[data-state=burst]{color:#ff8ea0}.mini-bar{background:#ffffff29;border-radius:999px;height:9px;overflow:hidden}.mini-bar i{border-radius:inherit;background:linear-gradient(90deg,#63e6df,#ffd166,#ff5c8a);width:0%;height:100%;transition:width .12s;display:block}#battle-feed{gap:5px;margin-top:9px;display:grid}.feed-item{color:#f7fbff;background:#ffffff14;border-left:3px solid #63e6df;border-radius:6px;min-height:25px;padding:5px 8px;font-size:12px;font-weight:900;animation:.26s both feed-pop}.feed-item.is-dangerZone,.feed-item.is-ringDanger{border-left-color:#ffd166}.feed-item.is-ringOut,.feed-item.is-burstFinish,.feed-item.is-burstWarning{border-left-color:#ff5c8a}#result-overlay{z-index:40;background:#07101657;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#lobby-overlay{z-index:46;background:#050c1275;justify-content:center;align-items:center;padding:18px;display:none;position:fixed;inset:0}#backpack-overlay{z-index:48;background:#050c1280;justify-content:center;align-items:center;padding:18px;display:none;position:fixed;inset:0}#bonus-banner{left:50%;bottom:max(144px, calc(env(safe-area-inset-bottom) + 144px));z-index:28;color:#fff;text-shadow:0 3px #00000038;letter-spacing:0;opacity:0;pointer-events:none;background:linear-gradient(90deg,#2ae7dce0,#ff55cce0,#ffbe4be6);border:1px solid #ffffff80;border-radius:8px;justify-content:center;align-items:center;width:min(560px,100vw - 32px);min-height:58px;font-size:27px;font-weight:1000;transition:opacity .16s,transform .16s;display:flex;position:fixed;transform:translate(-50%,18px)scale(.96);box-shadow:0 0 24px #ffd16673,0 14px 34px #0000003d}#battle-callouts{z-index:30;pointer-events:none;position:fixed;inset:0}.battle-callout{color:#10202a;text-align:center;text-shadow:0 1px #ffffff5c;background:linear-gradient(90deg,#63e6dfeb,#ffd166eb);border:1px solid #ffffff8a;border-radius:8px;min-width:190px;padding:8px 18px;font-size:25px;font-weight:1000;animation:.9s both callout-burst;position:absolute;top:31%;left:50%;transform:translate(-50%)scale(.86);box-shadow:0 0 30px #ffd16680}.battle-callout.is-dangerZone,.battle-callout.is-ringDanger{background:linear-gradient(90deg,#ffd166f0,#ff8052f0)}.battle-callout.is-ringOut,.battle-callout.is-burstFinish,.battle-callout.is-burstWarning{color:#fff;text-shadow:0 2px #0000003d;background:linear-gradient(90deg,#ff5c8af0,#ffd166f0)}@keyframes callout-burst{0%{opacity:0;transform:translate(-50%,18px)scale(.82)}18%{opacity:1;transform:translate(-50%)scale(1.06)}72%{opacity:1;transform:translate(-50%,-12px)scale(1)}to{opacity:0;transform:translate(-50%,-28px)scale(.96)}}@keyframes feed-pop{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}#bonus-banner.is-open{opacity:1;transform:translate(-50%)scale(1)}#bonus-banner.is-good{background:linear-gradient(90deg,#ffc44ae6,#ff7e40e6)}#bonus-banner.is-safe{background:linear-gradient(90deg,#648c9ce6,#365260e6)}#bonus-banner.is-light{background:linear-gradient(90deg,#546470e6,#303a44e6)}#result-overlay.is-open,#lobby-overlay.is-open,#backpack-overlay.is-open{display:flex}#result-card{text-align:center;width:min(360px,100vw - 30px);padding:18px}#backpack-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d1c26e6;border:1px solid #ffffff57;border-radius:8px;width:min(760px,100vw - 30px);max-height:calc(100dvh - 38px);padding:16px;overflow:auto;box-shadow:0 18px 45px #050e1461}#lobby-card{width:min(920px,100vw - 34px);max-height:calc(100dvh - 38px);padding:18px;overflow:auto}.lobby-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.lobby-header h1{color:#f7fbff;letter-spacing:0;margin:0;font-size:30px;line-height:1.1}#enter-battle-btn{color:#241608;background:linear-gradient(#ffd166,#f28f3b);border-color:#ffd166d1;min-width:150px}.lobby-grid{grid-template-columns:1.2fr .8fr;gap:14px;display:grid}.lobby-section{min-width:0}#opponent-list,#event-list{gap:9px;display:grid}.opponent-card,.event-card{color:#dff8ff;text-align:left;cursor:pointer;background:#ffffff17;border:1px solid #ffffff38;border-radius:8px;width:100%;min-height:92px;transition:transform .14s,border-color .14s,background .14s}.opponent-card{grid-template-columns:88px 1fr;align-items:center;gap:4px 12px;padding:11px;display:grid}.event-card{gap:5px;padding:11px;display:grid}.opponent-card:hover,.event-card:hover,.opponent-card.is-selected,.event-card.is-selected{background:#ffd16621;border-color:#ffd166b8;transform:translateY(-1px)}.opponent-card.is-selected,.event-card.is-selected{box-shadow:inset 0 0 0 2px #ffd1665c}.opponent-badge{color:#fff3c4;background:linear-gradient(160deg,#63e6df47,#ff5c8a33);border-radius:8px;grid-row:span 4;justify-content:center;align-items:center;min-height:70px;font-size:14px;font-weight:1000;display:flex}.opponent-card strong,.event-card strong{color:#fff;font-size:18px;font-weight:1000}.opponent-card small,.opponent-card span:not(.opponent-badge),.event-card span{color:#dff8ff;font-size:13px;font-weight:800}.opponent-card em,.event-card em{color:#ffd166;font-size:12px;font-style:normal;font-weight:900}.backpack-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}#equipped-summary{color:#dff8ff;margin:0 0 10px;font-size:13px;font-weight:800}#backpack-close-btn{min-width:82px}#result-title{color:#ffd166;font-size:34px;font-weight:1000}#result-copy{color:#e8fbff;min-height:48px;font-size:15px;font-weight:800;line-height:1.55}#result-reset-btn{border-color:#ffd166cc;width:100%}.part-pack{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ffd16647,#63e6df33,#ff5c8a38);border:1px solid #ffd166d9;border-radius:8px;grid-template-columns:92px 1fr;align-items:center;gap:12px;width:100%;min-height:114px;margin:12px 0;padding:12px;font-size:18px;font-weight:1000;display:grid;box-shadow:0 0 24px #ffd16652}.pack-art{background:linear-gradient(145deg,#ffd166,#ff5c8a 58%,#63e6df);border-radius:8px;width:78px;height:78px;margin:auto;position:relative;transform:rotate(-8deg);box-shadow:inset 0 0 0 4px #ffffff47,0 12px 22px #00000042}.pack-art:before,.pack-art:after{content:"";background:#fffc;border-radius:999px;height:8px;position:absolute;left:12px;right:12px}.pack-art:before{top:17px}.pack-art:after{bottom:17px}.pack-art i,.pack-art b{background:#0d1c26cc;border-radius:50%;position:absolute;inset:25px}.pack-art b{background:#fff;inset:32px}#pack-reward{background:#ffd1661f;border:1px solid #ffd16680;border-radius:8px;grid-template-columns:64px 1fr;align-items:center;gap:12px;margin:10px 0 14px;padding:10px;display:grid}#loadout-slots{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0;display:grid}.loadout-slot,.part-card{background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px}.loadout-slot{min-height:88px;padding:10px}.slot-name,.part-name{color:#fff3c4;font-size:14px;font-weight:1000}.slot-part,.part-desc,.part-mods,.part-skill{color:#dff8ff;font-size:12px;font-weight:800;line-height:1.45}#parts-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.part-card{grid-template-columns:54px 1fr;gap:9px;min-height:134px;padding:9px;display:grid}.part-icon{background:var(--part-color,#63e6df);width:48px;height:48px;box-shadow:inset 0 0 0 5px #ffffff38, 0 0 16px var(--part-color,#63e6df);border-radius:50%;align-self:start;position:relative}.part-icon:before{content:"";border-radius:inherit;background:#0d1c26b3;position:absolute;inset:12px}.part-icon[data-slot=base]{border-radius:8px}.part-icon[data-slot=core]:before{background:#fff;inset:17px}.part-card-body{min-width:0}.equip-btn{border-color:#63e6df85;width:100%;min-height:34px;margin-top:7px;font-size:12px}.equip-btn.is-equipped{color:#fff3c4;background:#ffd16638;border-color:#ffd166c2}@media (orientation:portrait) and (width<=820px){#rotate-msg{display:flex}}@media (width<=920px),(height<=520px){#hud{flex-wrap:wrap;gap:7px}.hud-pill{min-height:34px;padding:7px 10px;font-size:12px}.hud-pill strong{font-size:14px}#type-panel,#launch-panel{width:calc(50vw - 18px);padding:9px}#matchup-panel{display:none}#battle-monitor{width:min(280px,50vw - 18px);padding:9px}.monitor-row{grid-template-columns:64px minmax(0,1fr) 58px;gap:6px;font-size:11px}.feed-item{min-height:21px;padding:4px 6px;font-size:10px}.battle-callout{min-width:150px;font-size:18px;top:28%}#bonus-banner{bottom:max(106px, calc(env(safe-area-inset-bottom) + 106px));width:min(420px,100vw - 220px);min-height:42px;font-size:18px}.panel-title{margin-bottom:7px;font-size:13px}#lobby-card{width:min(760px,100vw - 24px);padding:12px}.lobby-header h1{font-size:22px}.lobby-grid{grid-template-columns:1fr 1fr;gap:10px}.opponent-card,.event-card{min-height:78px;padding:9px}.opponent-card{grid-template-columns:72px 1fr}.opponent-badge{min-height:58px;font-size:12px}.opponent-card strong,.event-card strong{font-size:15px}.segmented button,#launch-btn,#reset-btn,#result-reset-btn{min-height:34px;font-size:13px}.stat-grid{grid-template-columns:36px 1fr;gap:5px 8px;margin-top:8px;font-size:11px}.bar{height:8px}.control-row{grid-template-columns:42px minmax(0,1fr);gap:7px;min-height:31px;font-size:12px}.control-row strong{display:none}#charge-meter{height:27px;margin-top:6px}#charge-label{font-size:11px}#launch-btn,#reset-btn{margin-top:6px}#open-backpack-btn{min-height:34px;margin-top:7px;font-size:13px}#backpack-card{padding:12px}#loadout-slots,#parts-list{grid-template-columns:1fr}.part-card{min-height:116px}}