:root{--panel: rgba(16, 18, 24, .92);--border: #3a3f4b;--gold: #ffd34d;--text: #e8e8e8;--dim: #9aa0aa;--rad: #3ddc84;--dire: #ff5a5a}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0d12;color:var(--text);font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;-webkit-user-select:none;user-select:none}button{font-family:inherit;cursor:pointer}.dim{color:var(--dim);font-weight:400}#menu{height:100%;overflow-y:auto;padding:32px 16px;text-align:center;background:radial-gradient(circle at 20% 80%,#18361f 0,transparent 50%),radial-gradient(circle at 80% 20%,#3a1616 0,transparent 50%),#0b0d12}#menu h1{font-size:56px;margin:0;letter-spacing:6px;background:linear-gradient(90deg,var(--rad),#fff,var(--dire));-webkit-background-clip:text;background-clip:text;color:transparent}#menu h1 small{font-size:20px;letter-spacing:2px}.sub{color:var(--dim)}.section{margin:22px 0 10px;color:var(--gold);font-weight:700}#herolist{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.herocard{width:150px;padding:14px 8px;border:2px solid var(--border);border-radius:10px;background:var(--panel);cursor:pointer;transition:transform .15s}.herocard:hover{transform:translateY(-3px)}.herocard.sel{border-color:var(--gold);box-shadow:0 0 18px #ffd34d59}.glyph{width:64px;height:64px;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;text-shadow:0 2px 3px #000;border:3px solid rgba(255,255,255,.3)}.hn{margin-top:8px;font-weight:700;font-size:17px}.hr{color:var(--dim);font-size:12px;margin-top:2px}.ha{margin-top:6px;font-size:18px;letter-spacing:2px}#herodetail{max-width:760px;margin:16px auto 0;text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 18px;font-size:13px;line-height:1.5}.ad{display:flex;gap:10px;margin-top:8px}.ad .ai{font-size:24px}.row{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.opt{background:var(--panel);color:var(--text);border:2px solid var(--border);border-radius:8px;padding:8px 16px;margin:0 4px;font-size:14px}.opt.sel{border-color:var(--gold);color:var(--gold)}#mp{max-width:760px;margin:0 auto}#mp input{background:#10131a;color:var(--text);border:2px solid var(--border);border-radius:8px;padding:8px 10px;font-size:14px;width:130px}#mp-code{width:90px!important;text-transform:uppercase;letter-spacing:3px}#mp-entry,.mp-head{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}.mp-head b{font-size:24px;letter-spacing:4px;color:var(--gold)}.mp-teams{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 6px;text-align:left}.mp-tn{font-weight:700;margin-bottom:4px}.mp-p{display:flex;text-align:left;align-items:center;gap:8px;padding:4px 8px;margin-bottom:4px;background:var(--panel);border:1px solid var(--border);border-radius:6px;font-size:13px;min-height:30px}.mp-p.me{border-color:var(--gold)}.mp-p.bot{color:var(--dim);border-style:dashed}.mp-g{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}.mp-hero{margin-left:auto;color:var(--dim)}#mp-status{min-height:20px;margin-top:8px;color:var(--dim);font-size:13px}#mp-status.err{color:var(--dire)}.opt.locked{opacity:.45;pointer-events:none}#start:disabled{opacity:.6;cursor:default}#start{margin-top:28px;font-size:22px;padding:12px 56px;border:none;border-radius:10px;color:#111;font-weight:700;background:linear-gradient(180deg,#ffe17a,#e0a520);box-shadow:0 4px 20px #ffc83c66}.help{margin:26px auto 0;max-width:820px;color:var(--dim);font-size:13px;line-height:1.8}#view,#view3d{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}#topbar{position:fixed;top:0;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--border);border-top:none;border-radius:0 0 12px 12px;padding:6px 18px;display:flex;gap:14px;align-items:center;font-weight:700}#topbar .k0{color:var(--rad);font-size:22px}#topbar .k1{color:var(--dire);font-size:22px}.tn0{color:var(--rad);font-size:13px}.tn1{color:var(--dire);font-size:13px}#time{min-width:60px;text-align:center;font-size:18px}#feed{position:fixed;top:10px;right:10px;width:340px;font-size:13px;pointer-events:none}#feed div{background:#0009;padding:4px 10px;border-radius:6px;margin-bottom:4px;text-align:right}#hoverinfo{position:fixed;top:54px;left:50%;transform:translate(-50%);background:#000000b3;padding:4px 12px;border-radius:6px;font-size:13px;display:none;pointer-events:none}#mode{position:fixed;bottom:222px;left:50%;transform:translate(-50%);color:#8fd3ff;font-weight:700;text-shadow:0 1px 3px #000;pointer-events:none}#msg{position:fixed;bottom:246px;left:50%;transform:translate(-50%);color:#ff6b6b;font-weight:700;font-size:16px;text-shadow:0 1px 3px #000;pointer-events:none}#skillpts{position:fixed;bottom:198px;left:50%;transform:translate(-50%);color:var(--gold);font-size:13px;text-shadow:0 1px 3px #000;pointer-events:none}#death{position:fixed;top:30%;left:50%;transform:translate(-50%);text-align:center;font-size:24px;color:#ff8080;text-shadow:0 2px 6px #000;display:none;pointer-events:none}#death span{font-size:56px;font-weight:700}#paused{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;font-size:36px;background:#00000080;pointer-events:none}#netwarn{position:fixed;top:46px;left:50%;transform:translate(-50%);display:none;padding:6px 14px;border-radius:8px;background:#781e1ed9;font-size:14px;pointer-events:none}#chat{position:fixed;left:50%;bottom:230px;transform:translate(-50%);width:min(420px,calc(100vw - 32px));display:none;background:var(--panel);color:var(--text);border:1px solid var(--gold);border-radius:8px;padding:8px 10px;font-size:14px}#minimapwrap{position:fixed;left:0;bottom:0;padding:6px;background:var(--panel);border:1px solid var(--border);border-radius:0 10px 0 0}#minimap{display:block;width:220px;height:220px;cursor:crosshair}#hud{position:fixed;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:12px;background:var(--panel);border:1px solid var(--border);border-bottom:none;border-radius:12px 12px 0 0;padding:10px 14px}#portrait{width:96px;text-align:center}#portrait .glyph{width:80px;height:80px;font-size:40px}.pname{margin-top:6px;font-weight:700}#center{width:330px}#statline{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dim)}#lvl{color:var(--gold);font-size:15px}#xpbar{flex:1;height:6px;background:#222;border-radius:3px;overflow:hidden}#xpbar .fill{height:100%;background:linear-gradient(90deg,#b48cff,#e2ceff)}#abilities{display:flex;gap:8px;margin:8px 0}.ability{position:relative;width:76px;height:64px;border:2px solid #59606e;border-radius:8px;background:linear-gradient(180deg,#2b3140,#1a1d26);cursor:pointer;overflow:hidden}.ability:hover{border-color:#aab}.ability .icon{font-size:30px;text-align:center;line-height:56px}.ability.unlearned .icon{filter:grayscale(1) brightness(.45)}.ability.passive{border-style:dashed}.ability.nomana{border-color:#3d7bff}.ability.nomana .icon{filter:brightness(.6) hue-rotate(180deg)}.ability .key{position:absolute;top:2px;left:4px;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}.ability .mana{position:absolute;bottom:9px;right:4px;font-size:10px;color:#8fb6ff;text-shadow:0 1px 2px #000}.ability .cd,.item .cd{position:absolute;left:0;right:0;bottom:0;background:#000000b3;pointer-events:none}.ability .cdtext{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;pointer-events:none}.ability .pips{position:absolute;bottom:2px;left:0;right:0;display:flex;gap:3px;justify-content:center}.ability .pips i{width:8px;height:4px;background:#333;border-radius:2px}.ability .pips i.on{background:var(--gold)}.ability .lvl{display:none;position:absolute;top:2px;right:2px;width:22px;height:22px;border-radius:50%;border:none;background:var(--gold);color:#000;font-weight:700;font-size:16px;line-height:20px;padding:0;animation:pulse 1s infinite}@keyframes pulse{50%{box-shadow:0 0 10px var(--gold)}}.bar{position:relative;height:16px;background:#1a1a1a;border-radius:3px;overflow:hidden;margin-top:3px}.bar .fill{height:100%}#hpbar .fill{background:linear-gradient(180deg,#4fd35d,#2a8d36)}#mpbar .fill{background:linear-gradient(180deg,#5b8cff,#2c52b8)}.bar .txt{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:11px;line-height:16px;text-shadow:0 1px 2px #000}#stats{display:flex;justify-content:space-between;font-size:12px;margin-top:6px;color:#ccd}#right{width:190px}#items{display:grid;grid-template-columns:repeat(3,58px);gap:6px}.item{position:relative;height:46px;border:2px solid #59606e;border-radius:6px;background:#1a1d26;overflow:hidden;cursor:pointer}.item.empty{border-style:dashed;border-color:#333}.item.active{border-color:#9c7cff}.item .icon{font-size:24px;text-align:center;line-height:42px}.item .key{position:absolute;top:1px;left:3px;font-size:10px;color:var(--dim)}#goldrow{margin-top:10px;display:flex;align-items:center;gap:6px;font-weight:700;color:var(--gold);font-size:18px}.coin{color:var(--gold)}#shopbtn{margin-left:auto;background:#2d3442;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 10px}#shop{position:fixed;right:10px;bottom:200px;width:420px;max-height:calc(100vh - 260px);overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px;display:none}#shop.open{display:block}#shop .head{font-weight:700;margin-bottom:10px;display:flex;gap:6px;align-items:center}#shop .head .gold{color:var(--gold)}#shop .close{margin-left:auto;background:none;border:none;color:var(--text);font-size:18px}#shop .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.shopitem{background:#1a1d26;border:1px solid var(--border);border-radius:6px;padding:6px 2px;text-align:center;cursor:pointer}.shopitem:hover{border-color:var(--gold)}.shopitem.cant{opacity:.45}.shopitem .icon{font-size:24px}.shopitem .nm{font-size:11px;margin-top:2px}.shopitem .cost{font-size:11px;color:var(--gold)}#shop .tip{margin-top:8px;font-size:11px;color:var(--dim)}#scoreboard{position:fixed;top:70px;left:50%;transform:translate(-50%);width:min(820px,calc(100vw - 32px));background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 18px 18px;display:none}#scoreboard.open{display:block}#scoreboard h3{margin:12px 0 6px}#scoreboard table{width:100%;border-collapse:collapse;font-size:13px}#scoreboard th{text-align:left;color:var(--dim);font-weight:400}#scoreboard td{padding:4px 6px;border-top:1px solid #2a2e38}#scoreboard tr.me td{background:#ffd34d14}#scoreboard .dot{display:inline-block;width:22px;height:22px;border-radius:50%;text-align:center;line-height:22px;font-size:12px}#scoreboard .si{display:inline-block;width:20px}.gold{color:var(--gold)}#end{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#000000a6}#end .box{text-align:center;background:var(--panel);border:2px solid var(--border);border-radius:14px;padding:30px 60px}#end .win h1{color:var(--gold);font-size:60px;margin:0 0 10px}#end .lose h1{color:#ff6b6b;font-size:60px;margin:0 0 10px}#end button{margin-top:14px;font-size:18px;padding:10px 30px;border-radius:8px;border:none;background:var(--gold);font-weight:700}#tooltip{position:fixed;display:none;max-width:320px;background:#0a0c10f7;border:1px solid #555;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.55;pointer-events:none;z-index:10}#tooltip p{margin:6px 0}#tooltip .meta{color:var(--dim);margin-top:4px}#tooltip .blue{color:#8fb6ff}#tooltip .cur{color:var(--gold)}#tooltip i{display:block;margin-top:4px;color:var(--dim)}@media(max-width:1100px){#minimapwrap{transform:scale(.7);transform-origin:bottom left}#feed{width:240px}}#setbtn{position:fixed;top:8px;left:8px;width:38px;height:38px;border-radius:8px;border:1px solid var(--border);background:var(--panel);font-size:18px;line-height:1}#settings{position:fixed;top:52px;left:8px;width:240px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:none;font-size:13px}#settings.open{display:block}#settings .head{font-weight:700;margin-bottom:8px}#settings label{display:flex;align-items:center;gap:8px;margin:8px 0}#settings input[type=range]{flex:1}#settings .tip{color:var(--dim);font-size:11px;margin-top:6px}#set-quit{width:100%;margin-top:12px;padding:7px;border-radius:6px;border:1px solid #8a3a3a;background:#3a1a1a;color:#ffb3b3}#quitask{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#0000008c}#quitask .box{width:min(360px,calc(100vw - 32px));background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px;text-align:center}#quitask button{margin:4px 6px 0;padding:8px 18px;border-radius:6px;border:1px solid var(--border);background:#2d3442;color:var(--text)}#quitask #quit-yes{border-color:#8a3a3a;background:#3a1a1a;color:#ffb3b3}.shopsec{grid-column:1 / -1;color:var(--dim);font-size:12px;margin-top:4px}.shopitem .parts{font-size:10px;letter-spacing:1px;opacity:.8}.shopitem.owned-parts{border-color:#6bd16b}.shopitem.rec.done{opacity:.35}.shopitem.rec.done .cost:before{content:"✓ "}.shopitem.rec.next{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}#nextitem{margin-top:6px;display:flex;align-items:center;gap:5px;padding:3px 6px;font-size:12px;background:#1a1d26;border:1px solid var(--border);border-radius:6px;cursor:pointer;white-space:nowrap;overflow:hidden}#nextitem:hover{border-color:var(--gold)}#nextitem .lab{color:var(--dim)}#nextitem .icon{font-size:16px}#nextitem .nm{overflow:hidden;text-overflow:ellipsis}#nextitem .need{margin-left:auto;color:var(--dim)}#nextitem.ready{border-color:#6bd16b}#nextitem.ready .need{color:#6bd16b}#touchbar{position:fixed;right:10px;top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:10px}#touchbar button{width:52px;height:52px;border-radius:50%;border:1px solid var(--border);background:var(--panel);font-size:22px}#rotate{display:none}@media(max-height:560px),(max-width:900px){#hud{transform:translate(-50%) scale(.72);transform-origin:bottom center}#minimapwrap{transform:scale(.62);transform-origin:bottom left}#shop{bottom:140px;width:340px;max-height:calc(100vh - 160px)}#mode{bottom:160px}#msg{bottom:182px}#skillpts{bottom:140px}#feed{width:220px;font-size:11px}#topbar{transform:translate(-50%) scale(.85);transform-origin:top center}}@media(orientation:portrait)and (max-width:700px){#game #rotate{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;align-items:center;justify-content:center;background:#000000d9;font-size:22px}}#fps{position:fixed;top:16px;left:54px;display:none;font:700 12px ui-monospace,monospace;color:#9effa8;text-shadow:0 1px 2px #000;pointer-events:none}#settings select{flex:1;background:#1a1d26;color:var(--text);border:1px solid var(--border);border-radius:4px;padding:2px 4px}