:root{--bg: #12101a;--panel: #1d1a２8;--panel: #1d1a28;--panel2: #26222f;--line: #38323f;--text: #ece8f2;--dim: #9a92a8;--accent: #c8a04a;--wei: #4a6ebe;--shu: #c83c3c;--wu: #3ca078;--qun: #96703c;--water: #3c8ceb;--fire: #e44e38;--wood: #4ab054;--light: #e9be42;--dark: #9658d0;--heart: #e86a9e;--ok: #4ab054;--bad: #e44e38}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:PingFang TC,Microsoft JhengHei,Noto Sans TC,sans-serif;overscroll-behavior:none}html,body{background:#000}body{display:flex;flex-direction:column;align-items:center}#app{flex:1;width:100%;max-width:430px;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);box-shadow:0 0 0 1px #1a1622}#app>.scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}#app>.topbar2,#app>.bottombar{flex:0 0 auto}#stage{display:none;position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;z-index:50;background:#0a0810}body.in-battle #stage{display:block}body.in-battle #app{display:none}#ver{position:fixed;right:8px;bottom:6px;font-size:11px;color:#6a6278;z-index:100;pointer-events:none}.chip.ver{color:var(--dim);border-style:dashed}.wrap{padding:12px 12px 24px}h1{font-size:22px;margin:6px 0 14px;letter-spacing:2px}h2{font-size:16px;margin:18px 0 8px;color:var(--accent)}.muted{color:var(--dim);font-size:14px;line-height:1.7}.topbar{position:sticky;top:0;z-index:10;background:#12101af5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center;padding:8px 12px;flex-wrap:wrap}.topbar .name{font-weight:700}.chip{background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:12px;white-space:nowrap}.tabs{display:flex;gap:6px;padding:8px 12px 0}.tabs button{flex:1;min-height:48px}button{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:11px 16px;cursor:pointer;min-height:44px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);color:#21190a;border-color:var(--accent);font-weight:700}button.on{background:var(--accent);color:#21190a;border-color:var(--accent)}button.sm{padding:7px 12px;font-size:13px;border-radius:8px;min-height:36px}input{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px;width:100%;min-height:46px;font-size:16px}label{display:block;font-size:13px;color:var(--dim);margin:10px 0 4px}form{max-width:340px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;margin:8px 0}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.right{margin-left:auto}.stage-item{display:flex;gap:10px;align-items:center;cursor:pointer}.stage-item.locked{opacity:.45;cursor:not-allowed}.stage-item .no{width:42px;text-align:center;font-weight:700;color:var(--accent)}.stage-item .t{font-weight:600}.stage-item .d{font-size:12px;color:var(--dim);margin-top:2px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.unit{position:relative;background:var(--panel);border:2px solid var(--line);border-radius:10px;padding:4px;text-align:center;cursor:pointer;overflow:hidden}.unit.sel{border-color:var(--accent);box-shadow:0 0 0 2px #c8a04a4d}.unit img{width:100%;aspect-ratio:1;object-fit:contain;display:block}.unit .nm{font-size:13px;font-weight:600;margin-top:2px}.unit .lv{font-size:12px;color:var(--dim)}.unit .st{position:absolute;top:3px;left:3px;font-size:10px;padding:1px 5px;border-radius:6px;background:#0000008c}.unit .lk{position:absolute;top:3px;right:3px;font-size:11px}.unit.wei{border-left:4px solid var(--wei)}.unit.shu{border-left:4px solid var(--shu)}.unit.wu{border-left:4px solid var(--wu)}.unit.qun{border-left:4px solid var(--qun)}.empty-slot{display:flex;align-items:center;justify-content:center;min-height:108px;color:var(--dim);font-size:12px}.bar{height:8px;background:#241f2c;border-radius:999px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--ok)}#toast{position:fixed;left:50%;bottom:66px;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}#toast div{background:#1c1826f7;border:1px solid var(--line);border-radius:10px;padding:8px 14px;font-size:14px;max-width:90vw}#toast div.bad{border-color:var(--bad);color:#ffb3a8}dialog{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:14px;padding:16px;max-width:92vw;width:420px}dialog::backdrop{background:#0009}.assist-dlg{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:14px;padding:18px;width:min(420px,92vw);max-height:88vh;overflow-y:auto}.assist-dlg::backdrop{background:#000000a8}.assist-dlg h2{color:var(--accent);font-size:18px}.assist-dlg label{display:block;font-size:13px;color:var(--dim);margin-bottom:4px}#app{padding-bottom:0}.topbar2{display:flex;gap:10px;align-items:center;padding:10px 12px;background:var(--panel);border-bottom:1px solid var(--line);z-index:5}.topbar2 .face{flex:none;width:52px;height:52px;border-radius:12px;background:var(--panel2);border:2px solid var(--accent);overflow:hidden;display:grid;place-items:center;cursor:pointer}.topbar2 .face img{width:100%;height:100%;object-fit:contain}.topbar2 .who{flex:1 1 auto;min-width:0}.topbar2 .who .nm{font-weight:700;font-size:15px}.topbar2 .who .row{gap:8px;align-items:center}.topbar2 .who .bar{height:5px;margin-top:4px}.topbar2 .gear{flex:none;width:44px;height:44px;border-radius:12px;font-size:20px;background:var(--panel2);border:1px solid var(--line);color:var(--text)}.bottombar{display:flex;z-index:5;background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0)}.bottombar button{flex:1 1 0;min-height:56px;background:none;border:0;color:var(--dim);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.bottombar button.on{color:var(--accent)}.bottombar .ic{font-size:20px;line-height:1}.bottombar .tx{font-size:11px;font-variant-numeric:tabular-nums}.bottombar .tx.full{color:#e0908a;font-weight:700}.wrap.map{padding-top:12px}.regions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card.region{margin:0;cursor:pointer}.card.region .row{align-items:center;gap:8px}.card.region .orb{width:26px;height:26px;flex:none}.card.region .orb.txt{font-size:22px;line-height:26px;text-align:center}.card.region .t{font-weight:700}.card.region .d{font-size:12px;color:var(--dim);margin-top:6px;line-height:1.5}.card.region .d.lock{color:#c9a06a}.card.region.locked{opacity:.62;cursor:not-allowed}.card.region.tower{border-color:var(--accent);margin-top:12px}.card.region.event{border-color:#6a5ea8;margin-top:10px}.card.region .seal{margin-top:6px;font-size:12px;color:var(--accent)}.card.region-head .t{font-size:17px;font-weight:700}.card.region-head .d{color:var(--dim);font-size:13px;margin-top:6px}.card.region-head .seal{margin-top:8px;color:var(--accent);font-size:13px}button.back{background:none;border:0;color:var(--dim);font-size:14px;min-height:44px;padding:0 4px;margin-bottom:2px}.stage-item .stam{flex:none;color:var(--dim);font-size:12px;align-self:center}.card.friend{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.card.friend .por{width:56px;height:56px;flex:none;object-fit:contain}.card.friend .orb.sm{width:20px;height:20px}.card.friend .t{font-weight:700}.card.friend .d{font-size:12px;color:var(--dim);margin-top:4px;line-height:1.5}.card.friend.same{border-color:var(--accent)}.chip.hot{background:var(--accent);color:#21190a;font-weight:700}.ver-line{text-align:right;margin-top:14px;font-size:12px}.unit.flip{opacity:0;transform:scale(.86) rotateY(90deg)}.unit.reveal{animation:gacha-in .34s cubic-bezier(.2,.9,.3,1.4) both}.unit.reveal.hi{animation:gacha-in .34s cubic-bezier(.2,.9,.3,1.4) both,gacha-flash .72s ease-out .2s 1}@keyframes gacha-in{0%{opacity:0;transform:scale(.86) rotateY(90deg)}to{opacity:1;transform:none}}@keyframes gacha-flash{0%{box-shadow:0 0 #ffe9a8f2}35%{box-shadow:0 0 26px 8px #ffe9a8d9}to{box-shadow:0 0 #ffe9a800}}@media (prefers-reduced-motion: reduce){.unit.flip{opacity:1;transform:none}.unit.reveal,.unit.reveal.hi{animation:none}}.row>input[type=text]{flex:1 1 auto;min-height:44px;font-size:16px}button.sm.locked{opacity:.45}.unit.friend-hint{display:grid;place-content:center;text-align:center;border-style:dashed;color:var(--dim);min-height:96px}.chip.orbchip{display:inline-flex;align-items:center;gap:4px}.chip.orbchip img{width:16px;height:16px}.unit{position:relative}.unit .st{display:flex;align-items:center;justify-content:center;gap:3px}.unit .st img{width:14px;height:14px}.unit .inuse{position:absolute;left:4px;top:4px;z-index:2;background:var(--accent);color:#21190a;font-size:10px;font-weight:700;padding:1px 5px;border-radius:5px}.topbar2 .who .money{gap:6px;margin-top:3px}.topbar2 .who .money .chip{font-size:11px;padding:1px 6px}.stage-item .gain{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.stage-item .gain .chip{font-size:11px;padding:1px 6px}.topbar2 .gear{display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.unit .fresh{position:absolute;right:4px;top:4px;z-index:2;background:#e0553f;color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:5px;letter-spacing:.5px}.assist-dlg.card-info h2{margin:0 0 6px;font-size:17px}