:root{--bg-0: #0a0c17;--bg-1: #0e1020;--panel-0: #14182b;--panel-1: #1b1f3a;--panel-2: #232849;--panel-3: #2f3760;--line: #2c3260;--line-soft: #232a4d;--line-strong: #454e82;--ink: #eaf0ff;--ink-2: #b7c0e4;--ink-dim: #9aa3c7;--ink-faint: #545d84;--on-accent: #071018;--accent: #57e0c8;--accent-2: #7aa2ff;--accent-deep: #2bb59c;--hp: #ff5d73;--atk: #ffb454;--def: #6ec7ff;--mdef: #8a7dff;--crit: #ff8a5a;--luck: #7bd16b;--gold: #ffd93b;--yellow: #ffd93b;--blue: #4d9be6;--red: #ff5a5f;--success: #7bd16b;--warn: #ffcf5c;--danger: #ff5a5f;--rar-0: #9aa3c7;--rar-1: #7bd16b;--rar-2: #4d9be6;--rar-3: #b06bff;--rar-4: #ffb454;--rar-5: #ff5d73;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 17px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--r-sm: 8px;--r-md: 11px;--r-lg: 14px;--r-xl: 18px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(0,0,0,.4);--sh-2: 0 6px 18px rgba(0,0,0,.4);--sh-3: 0 14px 44px rgba(0,0,0,.5);--hi: inset 0 1px 0 rgba(255,255,255,.06);--hi-strong: inset 0 1px 0 rgba(255,255,255,.12);--glow-accent: 0 0 0 1px rgba(87,224,200,.35), 0 0 18px rgba(87,224,200,.25);--glow-gold: 0 0 16px rgba(255,217,59,.32);--z-dpad: 30;--z-drawer: 45;--z-rail: 46;--z-tip: 50;--z-modal: 60;--z-toast: 9999;--ease: cubic-bezier(.2,.9,.3,1);--ease-back: cubic-bezier(.2,.9,.3,1.2);--bg: var(--bg-1);--bg-2: var(--bg-1);--panel: var(--panel-1);--shadow: var(--sh-3);color-scheme:dark;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--ink);background:radial-gradient(1200px 800px at 15% -10%,#1c2350 0%,transparent 60%),radial-gradient(1000px 700px at 110% 120%,#241a44 0%,transparent 55%),var(--bg);-webkit-font-smoothing:antialiased}#game{height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"topbar topbar" "center right" "bottom bottom";gap:10px;padding:10px;padding-top:calc(10px + env(safe-area-inset-top,0px))}#topbar{grid-area:topbar;display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,var(--panel-1),var(--bg-1));border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--hi),var(--sh-1);padding:6px 12px;min-height:52px}.tb-hero{display:flex;align-items:center;gap:8px;flex:none;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-md);padding:4px 10px 4px 4px;color:var(--ink);box-shadow:var(--hi)}.tb-hero:hover{border-color:var(--line-strong);background:var(--panel-3)}.tb-portrait{width:34px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;font-size:18px;background:radial-gradient(circle at 50% 32%,#33407a,#171a35);border:1px solid var(--line)}.tb-id{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.tb-id .hero-name{font-size:var(--fs-sm);font-weight:800;letter-spacing:1px;margin:0}.tb-id .tier-badge{margin:0;padding:0;border:none;background:none;font-size:10.5px;color:var(--gold)}.floor-pill{font-size:var(--fs-sm);font-weight:700;padding:4px 12px;border-radius:var(--r-pill);flex:none;color:var(--on-accent);background:linear-gradient(90deg,var(--accent),var(--accent-2));white-space:nowrap}.tb-vitals{display:flex;align-items:center;gap:12px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.tb-vitals::-webkit-scrollbar{display:none}.tb-more{display:inline-flex;align-items:center;gap:12px}.vital{display:inline-flex;align-items:center;gap:5px;flex:none;font-size:var(--fs-md);font-weight:700;font-variant-numeric:tabular-nums}.vital i{font-style:normal}.vital.hp i{color:var(--hp)}.vital.atk i{color:var(--atk)}.vital.def i{color:var(--def)}.vital.gold i{color:var(--gold)}.vital.lv i{color:var(--accent)}.vital.mdef i{color:var(--mdef)}.vital.crit i{color:var(--crit)}.vital.luck i{color:var(--luck)}.vital.flash{animation:pop .4s ease}.tb-exp{flex:0 0 118px;height:12px;margin:0}.tb-exp .exp-txt{font-size:9px}.tb-sys{display:flex;gap:6px;flex:none}.icon-btn{width:40px;height:40px;display:grid;place-items:center;font-size:16px;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--hi)}.icon-btn:hover{background:var(--panel-3);border-color:var(--line-strong)}.icon-btn.logged-in{border-color:var(--accent);box-shadow:var(--glow-accent)}.status-row{display:flex;flex-wrap:wrap;gap:6px;min-height:0}.mod-badge{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:999px;color:var(--hp);background:#ff5d731f;border:1px solid rgba(255,93,115,.35)}.contract-list{max-height:46vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.contract-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;cursor:pointer}.contract-row input{width:18px;height:18px;accent-color:var(--accent);flex:none}.contract-row .cr-body{flex:1;display:flex;flex-direction:column}.contract-row .cr-body b{font-size:13.5px}.contract-row .cr-body small{font-size:11.5px;color:var(--ink-dim);margin-top:2px}.contract-row .cr-tier{font-size:11px;color:var(--hp);white-space:nowrap}#center{grid-area:center;container-type:size;display:grid;place-items:center;min-width:0;min-height:0;padding:6px}#board-wrap{position:relative;width:min(100cqw,100cqh);aspect-ratio:1 / 1;max-width:100%;border-radius:var(--r-lg);overflow:hidden;background:var(--bg-0);box-shadow:inset 0 0 0 1px var(--line),inset 0 0 60px #0009}#board{display:block;width:100%;height:100%;aspect-ratio:1 / 1;touch-action:none}#floor-banner{position:absolute;inset:0;display:grid;place-items:center;font-size:30px;font-weight:800;letter-spacing:4px;color:var(--ink);background:#080a16db;opacity:0;pointer-events:none;transition:opacity .35s ease;text-shadow:0 4px 24px rgba(87,224,200,.5)}#floor-banner.show{opacity:1}#overlay{position:absolute;inset:0;pointer-events:none}.hover-forecast{position:absolute;transform:translate(-50%,-112%);display:flex;align-items:center;gap:7px;padding:5px 9px 5px 7px;background:#090b18f5;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #0000008c;white-space:nowrap;animation:fade .12s ease}.hover-forecast:after{content:"";position:absolute;left:50%;bottom:-5px;width:9px;height:9px;background:inherit;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:translate(-50%) rotate(45deg)}.hover-forecast .hf-icon{font-size:15px;font-weight:900}.hover-forecast .hf-body{display:flex;flex-direction:column;line-height:1.15}.hover-forecast .hf-body b{font-size:12.5px;font-variant-numeric:tabular-nums}.hover-forecast .hf-body small{font-size:10px;color:var(--ink-dim)}.hover-forecast.win{border-color:#57e0c88c}.hover-forecast.win .hf-icon{color:var(--accent)}.hover-forecast.free{border-color:#ffd93b99}.hover-forecast.free .hf-icon{color:var(--gold)}.hover-forecast.lose{border-color:#ff5d7399}.hover-forecast.lose .hf-icon{color:var(--hp)}#right{grid-area:right;display:flex;flex-direction:column;gap:12px;min-height:0}.panel{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;min-height:0}.panel-h{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:1px;color:var(--ink-dim)}.minimap-panel{flex:none}#minimap{width:100%;aspect-ratio:1 / 1;border-radius:10px;background:#0b0d1a;display:block}.log-panel{flex:1;min-height:120px}#bottom{grid-area:bottom}.actionbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:14px;padding:8px 12px}.ab-slots{display:flex;gap:8px;min-height:40px;align-items:center}.ab-slots:empty:before{content:"即用道具 · v1 开放";color:var(--ink-dim);font-size:12px}.ab-drawers{display:flex;gap:8px;flex-wrap:wrap}.ab-btn{padding:9px 14px;font-size:13px;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:10px}.ab-btn:hover{filter:brightness(1.3)}.ab-btn.locked{opacity:.5;cursor:not-allowed}.ab-btn.hot{color:#2a1400;background:linear-gradient(90deg,var(--atk),var(--gold));border:none;font-weight:800}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:9px 11px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center}.stat .ico{grid-row:1 / 3;font-size:18px;opacity:.95}.stat label{font-size:11px;color:var(--ink-dim)}.stat b{font-size:17px;font-variant-numeric:tabular-nums}.stat.hp .ico{color:var(--hp)}.stat.atk .ico{color:var(--atk)}.stat.def .ico{color:var(--def)}.stat.mdef .ico{color:var(--accent-2)}.stat.gold .ico{color:var(--gold)}.stat.lv .ico{color:var(--accent)}.stat.exp .ico{color:var(--accent-2)}.stat.flash{animation:pop .4s ease}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.08);background:var(--panel-2)}to{transform:scale(1)}}.keys{display:flex;gap:10px}.key{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px;font-weight:700;font-variant-numeric:tabular-nums}.key i{width:14px;height:18px;border-radius:3px 3px 4px 4px;position:relative;display:inline-block}.key i:after{content:"";position:absolute;top:-6px;left:50%;width:8px;height:8px;border-radius:50%;transform:translate(-50%);background:inherit}.key.yellow i{background:var(--yellow);box-shadow:0 0 10px #ffd93b80}.key.blue i{background:var(--blue);box-shadow:0 0 10px #4d9be680}.key.red i{background:var(--red);box-shadow:0 0 10px #ff5a5f80}#log{flex:1;min-height:92px;max-height:150px;overflow-y:auto;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.7;color:var(--ink-dim)}#log .line{animation:fade .3s ease}#log .line b{color:var(--ink)}#log .good{color:var(--accent)}#log .bad{color:var(--hp)}#log .warn{color:var(--gold)}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.hud-actions{display:flex;gap:8px;flex-wrap:wrap}.hud-actions button.ghost{min-width:calc(50% - 4px)}button{font-family:inherit;cursor:pointer;border:none;border-radius:10px;font-weight:700;transition:transform .08s ease,filter .15s ease}button:active{transform:translateY(1px) scale(.98)}button.ghost{flex:1;padding:9px 6px;font-size:12px;color:var(--ink);background:var(--panel-2);border:1px solid var(--line)}button.ghost:hover{filter:brightness(1.25)}.hint{margin:0;font-size:11px;color:var(--ink-dim);line-height:1.6;text-align:center}#dpad{display:none;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8px;width:190px;margin:4px auto 0;touch-action:none;user-select:none}#dpad .dbtn{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);border-radius:14px;font-size:18px;aspect-ratio:1 / 1;display:grid;place-items:center}#dpad .dbtn:active{background:var(--accent);color:#071018}#dpad .up{grid-area:1 / 2}#dpad .left{grid-area:2 / 1}#dpad .right{grid-area:2 / 3}#dpad .down{grid-area:3 / 2}@media(max-width:720px),(pointer:coarse){#dpad{display:grid;position:fixed;right:10px;bottom:calc(78px + env(safe-area-inset-bottom,0px));width:150px;margin:0;opacity:.9;z-index:var(--z-dpad);pointer-events:none}#dpad .dbtn{pointer-events:auto}}#drawer-root{position:fixed;inset:0;pointer-events:none;z-index:var(--z-drawer)}.drawer-backdrop{position:absolute;inset:0;background:#0608128c;backdrop-filter:blur(2px);pointer-events:auto;display:flex;justify-content:flex-end;animation:fade .18s ease}.drawer{width:min(400px,94vw);height:100%;background:linear-gradient(180deg,var(--panel),var(--bg-2));border-left:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;animation:slideIn .22s cubic-bezier(.2,.9,.3,1)}@keyframes slideIn{0%{transform:translate(34px);opacity:.5}to{transform:none;opacity:1}}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line)}.drawer-head h2{margin:0;font-size:18px}.drawer-x{width:32px;height:32px;background:var(--panel-2);border:1px solid var(--line);border-radius:9px;color:var(--ink)}.drawer-body{padding:16px 18px;overflow-y:auto;flex:1}.gear-bonus{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:13px;color:var(--ink-dim);margin-bottom:12px}.gear-bonus b{color:var(--ink);font-variant-numeric:tabular-nums}.equipped-list,.inv-list{display:flex;flex-direction:column;gap:9px;margin-bottom:8px}.slot-row{display:flex;align-items:stretch;gap:8px}.slot-tag{flex:none;width:42px;display:grid;place-items:center;font-size:12px;color:var(--ink-dim);background:var(--bg-2);border:1px solid var(--line);border-radius:10px}.slot-empty{flex:1;display:grid;place-items:center;color:var(--ink-dim);font-size:12px;border:1px dashed var(--line);border-radius:10px;padding:14px}.gear-card{flex:1;background:var(--panel-2);border:1px solid var(--line);border-radius:11px;padding:10px 12px}.gear-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.gear-head b{font-size:13.5px}.break-panel{background:linear-gradient(180deg,var(--panel-2),var(--bg-2));border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:12px}.break-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.break-head b{font-size:16px}.break-sub{display:block;color:var(--ink-dim);font-size:11px;margin-top:6px;line-height:1.5}.gear-btn:disabled{filter:grayscale(.7) brightness(.7);cursor:not-allowed}.tier-0{color:#9aa3c7}.tier-1{color:#7bd16b}.tier-2{color:#4d9be6}.tier-3{color:#b06bff}.tier-4{color:#ffb454}.gear-meta{font-size:10.5px;color:var(--ink-dim);white-space:nowrap}.affixes{display:flex;flex-direction:column;gap:3px;margin:7px 0}.affix{font-size:12px;display:flex;gap:10px}.af-plus{color:var(--accent)}.af-pen{color:var(--hp)}.gear-btn{padding:6px 14px;font-size:12px;font-weight:700;color:#071018;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:8px}.gear-btn.off{color:var(--ink);background:var(--panel);border:1px solid var(--line)}.inp{width:100%;padding:9px 11px;margin-bottom:9px;background:var(--bg-2);border:1px solid var(--line);border-radius:9px;color:var(--ink);font-family:inherit;font-size:13px}.inp:focus{outline:none;border-color:var(--accent)}.tabbtns{display:flex;gap:8px;margin-bottom:10px}.tab{flex:1;padding:8px;background:var(--panel-2);border:1px solid var(--line);border-radius:9px;color:var(--ink-dim)}.tab.active{color:#071018;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.acct-info{display:flex;align-items:center;justify-content:space-between;font-size:18px;margin-bottom:4px}.acct-gold{color:var(--gold);font-size:15px}.acct-code{font-size:14px;color:var(--accent);margin-bottom:8px}.acct-code b{letter-spacing:2px}.acct-err{color:var(--hp);font-size:12px;min-height:16px;margin-bottom:4px}.icon-btn.logged-in{border-color:var(--accent);color:var(--accent)}.modal .row .inp{margin-bottom:0;flex:1}.list-ctrl{display:flex;gap:6px;align-items:center}.price-inp{width:70px;padding:5px 8px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;color:var(--ink);font-family:inherit}.chat-log{height:56vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px;margin-bottom:10px;padding-right:4px}.chat-msg{display:flex;flex-direction:column;align-items:flex-start;max-width:82%}.chat-msg.own{align-self:flex-end;align-items:flex-end}.cm-name{font-size:11px;font-weight:700;margin-bottom:3px}.cm-time{color:var(--ink-dim);font-weight:400;margin-left:4px;font-size:10px}.cm-bubble{font-size:13px;line-height:1.45;padding:8px 11px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);word-break:break-word}.chat-msg.own .cm-bubble{color:#071018;background:linear-gradient(90deg,var(--accent),var(--accent-2));border:none;border-bottom-right-radius:3px}.chat-msg:not(.own) .cm-bubble{border-top-left-radius:3px}.chat-input{display:flex;gap:8px;align-items:center}.chat-input .inp{margin-bottom:0}.chat-send{width:40px;height:40px;flex:none;border-radius:10px;color:#071018;background:linear-gradient(90deg,var(--accent),var(--accent-2));font-size:16px;font-weight:800}#modal-root{position:fixed;inset:0;pointer-events:none;z-index:var(--z-modal)}#tip-root{position:fixed;inset:0;pointer-events:none;z-index:var(--z-tip)}.modal-backdrop{position:absolute;inset:0;display:grid;place-items:center;background:#060812b8;backdrop-filter:blur(3px);pointer-events:auto;animation:fade .2s ease;padding:20px}.modal{width:min(420px,92vw);background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:22px;animation:rise .22s cubic-bezier(.2,.9,.3,1.2)}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.modal h2{margin:0 0 4px;font-size:21px}.modal .sub{margin:0 0 16px;color:var(--ink-dim);font-size:13px}.modal .row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;margin-bottom:9px}.modal .row .desc{font-size:13px}.modal .row .desc small{display:block;color:var(--ink-dim);font-size:11px;margin-top:2px}.modal .row button{padding:8px 14px;font-size:13px;color:#071018;background:linear-gradient(90deg,var(--accent),var(--accent-2));white-space:nowrap}.modal .row button:disabled{filter:grayscale(.8) brightness(.7);cursor:not-allowed}.modal .actions{display:flex;gap:10px;margin-top:14px}.modal .actions button{flex:1;padding:12px;font-size:14px}.modal .actions .primary{color:#071018;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.modal .actions .danger{color:#fff;background:linear-gradient(90deg,#ff5d73,#ff8a5a)}.modal .actions .neutral{color:var(--ink);background:var(--panel-2);border:1px solid var(--line)}.fight-card .mrow{display:flex;align-items:center;gap:14px;margin-bottom:14px}.fight-card .mface{width:62px;height:62px;border-radius:14px;flex:none;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line)}.fight-card .mface canvas{width:46px;height:46px}.fight-card .mstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fight-card .chip{text-align:center;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:7px 4px}.fight-card .chip small{display:block;color:var(--ink-dim);font-size:10px}.fight-card .chip b{font-size:15px}.fight-card .verdict{border-radius:12px;padding:12px 14px;font-size:14px;font-weight:700;text-align:center;margin:4px 0 2px}.fight-card .verdict.win{background:#57e0c81f;color:var(--accent);border:1px solid rgba(87,224,200,.35)}.fight-card .verdict.lose{background:#ff5d731f;color:var(--hp);border:1px solid rgba(255,93,115,.35)}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;justify-content:center}.tag{font-size:11px;padding:3px 9px;border-radius:999px;background:#ffb45424;color:var(--atk);border:1px solid rgba(255,180,84,.3)}.fight-card .chip.buffed b{color:var(--hp)}.halo-note{text-align:center;font-size:11.5px;color:var(--hp);margin-top:8px}.dmg-breakdown{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;justify-content:center}.dmg-breakdown span{font-size:11.5px;color:var(--ink-dim);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:4px 9px}.dmg-breakdown b{color:var(--ink);margin-left:4px;font-variant-numeric:tabular-nums}.crit-hint{text-align:center;font-size:12px;color:var(--accent);margin-top:10px}.crit-hint b{color:var(--gold)}.manual-list{max-height:46vh;overflow-y:auto}.center-title{text-align:center}.center-title .big{font-size:46px;font-weight:900;letter-spacing:6px;margin:8px 0;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.center-title p{color:var(--ink-dim);font-size:13px;line-height:1.8}@media(max-width:1023px){#game{grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar" "center" "bottom"}.tb-more,.tb-exp{display:none}#right{position:fixed;top:0;right:0;z-index:var(--z-rail);width:min(340px,88vw);height:100dvh;padding:12px;gap:10px;background:linear-gradient(180deg,var(--panel-1),var(--bg-1));border-left:1px solid var(--line-strong);box-shadow:-20px 0 60px #00000080;transform:translate(100%);transition:transform .22s var(--ease)}body.rail-open #right{transform:none}#rail-scrim{position:fixed;inset:0;z-index:calc(var(--z-rail) - 1);background:#06081280;backdrop-filter:blur(2px);display:none}body.rail-open #rail-scrim{display:block}}@media(min-width:1024px){#btn-panel,#rail-scrim{display:none}}@media(max-width:767px){#game{height:auto;min-height:100dvh;gap:8px;padding:8px;padding-top:calc(8px + env(safe-area-inset-top,0px))}#center{container-type:normal;padding:2px}#board-wrap{width:min(100vw - 20px,68dvh)}#topbar{flex-wrap:wrap;padding:6px 8px;gap:8px}.tb-id .hero-name{max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-vitals{order:5;flex-basis:100%}.actionbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}.actionbar::-webkit-scrollbar{display:none}.ab-slots{display:none}.ab-drawers{flex-wrap:nowrap}.ab-btn{flex:none;white-space:nowrap}}@media(pointer:coarse){.icon-btn,.drawer-x{width:44px;height:44px}.ab-btn{padding:12px 15px}.mini-btn,.rr-lock{min-height:40px}.bp-grid{grid-template-columns:repeat(6,1fr)}#dpad .dbtn{font-size:20px}}.tier-badge{margin-top:6px;font-size:12px;font-weight:700;letter-spacing:1px;color:var(--gold);background:#ffd93b1a;border:1px solid rgba(255,217,59,.35);border-radius:999px;padding:2px 12px}.exp-wrap{position:relative;height:16px;margin:10px 2px 4px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;overflow:hidden}.exp-bar{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#7a5cff,#57e0c8);transition:width .3s ease}.exp-txt{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;color:var(--ink);text-shadow:0 1px 2px rgba(0,0,0,.6)}.stat.crit .ico{color:#ff8a5a}.stat.luck .ico{color:#7bd16b}.affix{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;padding:2px 0}.af-plus{color:var(--accent);font-weight:600}.affix.base .af-plus{color:var(--ink)}.af-src{font-size:11px;color:var(--ink-dim)}.pips{font-size:10px;letter-spacing:1px;color:var(--gold)}.enh{color:var(--gold);font-weight:800}.cmp{margin:8px 0;font-size:12px;color:var(--ink-dim)}.cmp .up{color:#7bd16b}.cmp .down{color:#ff6b6b}.paperdoll{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:8px;margin-bottom:14px}.doll-col{display:flex;flex-direction:column;gap:7px}.doll-slot{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:6px 9px;color:var(--ink);cursor:pointer;min-height:46px}.doll-slot.filled{background:linear-gradient(180deg,var(--panel-2),var(--bg-2))}.doll-slot:hover{border-color:var(--accent)}.ds-ico{font-size:15px}.ds-name{font-size:10px;color:var(--ink-dim)}.ds-item{font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ds-empty{font-size:11px;color:#556}.doll-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(circle at 50% 30%,rgba(87,224,200,.12),transparent 70%);border:1px solid var(--line);border-radius:12px;padding:10px}.doll-portrait{font-size:40px;filter:drop-shadow(0 4px 10px rgba(87,224,200,.4))}.doll-power{font-size:13px;font-weight:800;color:var(--gold)}.doll-stats{font-size:11px;color:var(--ink-dim);text-align:center;line-height:1.6}.bp-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--ink-dim);margin:4px 0 8px}.mini-btn{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:4px 12px;cursor:pointer}.mini-btn:hover{border-color:var(--accent)}.bp-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.bp-cell{position:relative;aspect-ratio:1;border-radius:9px;background:var(--bg-2);border:1px solid var(--line);display:grid;place-items:center;cursor:pointer;transition:transform .08s}.bp-cell.empty{background:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(255,255,255,.02) 5px,rgba(255,255,255,.02) 10px);cursor:default}.bp-cell.gear{border-width:2px;background:var(--panel-2)}.bp-cell.gear:hover,.bp-cell.mat:hover{transform:translateY(-2px)}.bp-ico{font-size:20px}.bp-enh{position:absolute;top:2px;right:4px;font-size:10px;font-weight:800;color:var(--gold)}.bp-qty{position:absolute;bottom:1px;right:4px;font-size:11px;font-weight:700;color:var(--ink);text-shadow:0 1px 2px #000}.bp-rar{position:absolute;bottom:3px;left:3px;width:8px;height:3px;border-radius:2px}.zone-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;margin-bottom:8px;background:linear-gradient(180deg,var(--panel-2),var(--bg-2));border:1px solid var(--line);border-radius:12px}.zone-row.locked{opacity:.55}.zone-info b{font-size:15px}.zone-info small{display:block;color:var(--ink-dim);font-size:12px;margin-top:2px;max-width:340px}.forge-tabs{margin-bottom:12px}.forge-body{display:flex;flex-direction:column;gap:8px}.reroll-panel{margin-top:10px}.rr-lines{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.rr-line{display:flex;align-items:center;gap:8px;padding:5px 8px;background:var(--bg-2);border:1px solid var(--line);border-radius:9px}.rr-lock{background:none;border:none;cursor:pointer;font-size:15px;padding:0 2px}.rr-line .af-plus{flex:1}.rr-delta{font-size:12px;font-weight:700;min-width:84px;text-align:right}.rr-delta .up{color:#7bd16b}.rr-delta .down{color:#ff6b6b}.rr-cost{font-size:12px;color:var(--ink-dim);margin-bottom:8px}.warn-btn{background:linear-gradient(180deg,#7a2a35,#5a1f28)!important;color:#ffd0d5!important;border-color:#ff6b6b!important}.dig-stage{display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px 10px}.dig-spade{font-size:56px;animation:dig-bounce .5s ease-in-out infinite}@keyframes dig-bounce{0%,to{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-12px) rotate(8deg)}}.dig-coord{font-size:13px;color:var(--ink-dim);letter-spacing:2px}.dig-msg{font-size:15px;color:var(--gold);font-weight:700}.dig-list{display:flex;flex-direction:column;gap:5px;margin:10px 0;max-height:40vh;overflow-y:auto}.dig-item{padding:6px 10px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;font-size:13px;font-weight:600}.dig-jp{margin:8px 0;padding:10px;text-align:center;font-size:15px;border-radius:10px;background:linear-gradient(90deg,#ffd54a29,#ff983814);border:1px solid rgba(255,213,74,.4)}.dig-lost{margin-top:6px;font-size:12px;color:#ffb454;text-align:center}.pet-hud{margin-top:6px;font-size:12px;font-weight:700;color:#57e0c8}.pet-card{background:var(--panel-2);border:1px solid var(--line);border-radius:11px;padding:10px 12px;margin-bottom:8px}.pet-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pet-head b{font-size:15px}.pet-apt{font-size:12px;color:var(--ink-dim);margin-top:4px}.pet-bonus{color:#7bd16b}.pet-active{font-size:11px;font-weight:700;color:#0b1020;background:#57e0c8;border-radius:999px;padding:1px 8px}.pet-acts{display:flex;gap:8px;margin-top:8px}.chat-sys{margin:6px 4px;padding:8px 12px;border-radius:10px;font-weight:600;font-size:13px;color:#3a2a00;background:linear-gradient(90deg,#ffe27a,#ffb638);border:1px solid #ffcf5c;box-shadow:0 2px 8px #ffb43259}.chat-sys .cs-ico{margin-right:4px}.world-toast{position:fixed;top:14px;left:50%;transform:translate(-50%,-24px);z-index:9999;padding:10px 18px;border-radius:12px;font-weight:700;font-size:14px;color:#3a2a00;background:linear-gradient(90deg,#ffe27a,#ffb638);border:1px solid #ffcf5c;box-shadow:0 6px 20px #ffaa2873;opacity:0;transition:.4s;pointer-events:none;max-width:90vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.world-toast.show{opacity:1;transform:translate(-50%)}#tip-root .gear-tip{position:absolute;width:264px;filter:drop-shadow(0 12px 34px rgba(0,0,0,.6));animation:fade .1s ease}#tip-root .gear-tip .gear-card{border-color:var(--line-strong)}@media(hover:none){#tip-root{display:none!important}}.ab-btn:hover,.icon-btn:hover,.mini-btn:hover{background:var(--panel-3);border-color:var(--line-strong);filter:none}.ab-btn.hot{color:var(--on-accent);background:linear-gradient(180deg,var(--accent),var(--accent-deep));border:none;box-shadow:var(--hi-strong),var(--sh-1)}.ab-btn.hot:hover{filter:brightness(1.08);box-shadow:var(--glow-accent)}.gear-btn,.modal .actions .primary,.center-title .primary,.chat-send{color:var(--on-accent);background:linear-gradient(180deg,var(--accent),var(--accent-deep));box-shadow:var(--hi-strong),var(--sh-1)}.gear-btn:hover:not(:disabled),.modal .actions .primary:hover,.center-title .primary:hover{filter:brightness(1.08)}.drawer{background:linear-gradient(180deg,var(--panel-1),var(--bg-1));border-left:1px solid var(--line-strong);box-shadow:-20px 0 60px #00000080,var(--hi)}.drawer-backdrop{background:#06081280;backdrop-filter:blur(3px)}.modal-backdrop{background:#060812b8;backdrop-filter:blur(4px)}.modal{background:linear-gradient(180deg,var(--panel-1),var(--bg-1));border:1px solid var(--line-strong);box-shadow:var(--sh-3),var(--hi-strong)}.gear-card{box-shadow:var(--hi);transition:transform .1s var(--ease),box-shadow .15s}.gear-card:hover{transform:translateY(-1px);box-shadow:var(--sh-2),var(--hi)}.doll-slot:hover{border-color:var(--accent);box-shadow:var(--glow-accent)}.doll-power,.enh{text-shadow:var(--glow-gold)}.panel{background:linear-gradient(180deg,var(--panel-1),var(--bg-1));box-shadow:var(--hi),var(--sh-1)}.floor-banner,#floor-banner{border-radius:var(--r-lg)}