:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#12141b;color:#f7f2e8;--panel: #1c2230;--panel-strong: #252c3d;--panel-deep: #141923;--line: #3a4154;--text-soft: #c7d0df;--amber: #f5b84b;--green: #62d394;--red: #ff6b6b;--blue: #86c5ff;--violet: #b493ff}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 1px),#12141b;background-size:32px 32px}button{font:inherit}.shell{width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:24px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);grid-template-areas:"arena loot" "arena inventory" "network inventory";gap:16px}.arena,.loot-panel,.inventory-panel,.network-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 16px 34px #0000003d}.arena{grid-area:arena;padding:18px;display:grid;gap:14px;align-content:start}.topbar{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.brand-row{display:grid;gap:5px}.eyebrow{margin:0;color:var(--amber);font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1}h2{font-size:1rem}h3{font-size:.98rem}.subtitle{color:var(--text-soft);font-weight:650}.language-button,.ghost-button{border:1px solid #566178;border-radius:8px;background:var(--panel-deep);color:#fff;cursor:pointer}.language-button{min-width:58px;min-height:38px;padding:0 12px;font-weight:850}.combat-strip{display:grid;grid-template-columns:1fr 48px 1fr;align-items:center;gap:10px}.combatant{min-height:82px;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);padding:12px;display:grid;gap:10px}.combatant div:first-child{display:flex;justify-content:space-between;gap:12px}.combatant span{color:var(--text-soft);font-weight:750}.combatant strong{color:#fff;font-size:1.25rem}.hp-bar{height:10px;border-radius:999px;background:#121722;overflow:hidden}.hp-bar i{display:block;height:100%;border-radius:inherit;background:var(--green);transition:width .26s ease}.combatant.enemy .hp-bar i{background:var(--red)}.versus{width:48px;height:48px;border:1px solid #59657c;border-radius:8px;display:grid;place-items:center;color:#fff;background:#111722;font-weight:950}.arena-stage{min-height:330px;border:1px solid #44506a;border-radius:8px;background:radial-gradient(circle at 30% 30%,rgba(98,211,148,.14),transparent 34%),radial-gradient(circle at 74% 32%,rgba(134,197,255,.14),transparent 30%),linear-gradient(180deg,#86c5ff1a,#62d3940f),#171c27;display:grid;place-items:center;padding:14px;position:relative;overflow:hidden}.arena-stage:before{content:"";position:absolute;inset:auto 7% 70px;height:56px;border-radius:50%;background:#00000038;filter:blur(10px)}.arena-art{width:min(100%,610px);height:auto;filter:drop-shadow(0 18px 20px rgba(0,0,0,.35));position:relative;z-index:1}.stage-label{position:absolute;top:18px;z-index:2;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#12141bc7;padding:6px 10px;color:var(--text-soft);font-size:.85rem;font-weight:800}.stage-label.left{left:18px}.stage-label.right{right:18px}.hero-sprite{animation:hero-idle 1.55s ease-in-out infinite;transform-origin:95px 160px}.enemy-sprite{animation:enemy-idle 1.7s ease-in-out infinite;transform-origin:270px 160px}.arena.is-attacking .hero-sprite{animation:hero-strike .52s ease-in-out infinite}.arena.is-attacking .enemy-sprite{animation:enemy-hit .52s ease-in-out infinite}.attack-trail{position:absolute;z-index:3;width:132px;height:8px;border-radius:999px;background:linear-gradient(90deg,transparent,#fff4c2,var(--amber));left:32%;top:49%;opacity:0;transform:translate(-50px) rotate(-8deg)}.arena.is-attacking .attack-trail{animation:slash-travel .52s ease-out infinite}.impact-ring{position:absolute;z-index:2;width:90px;height:90px;border:4px solid rgba(255,244,194,.85);border-radius:50%;right:19%;top:33%;opacity:0}.arena.is-attacking .impact-ring,.arena-stage.result-victory .impact-ring{animation:impact-pop .62s ease-out 1}.loot-burst{position:absolute;z-index:4;right:21%;top:38%;width:110px;height:80px;pointer-events:none}.loot-burst span{position:absolute;width:18px;height:18px;border-radius:5px;background:var(--amber);opacity:0}.loot-burst span:nth-child(2){background:var(--blue);left:38px}.loot-burst span:nth-child(3){background:var(--green);left:72px}.loot-burst span:nth-child(4){background:var(--violet);left:18px}.arena-stage.result-victory .loot-burst span{animation:loot-burst .82s ease-out 1}.arena-stage.result-victory .loot-burst span:nth-child(2){animation-delay:80ms}.arena-stage.result-victory .loot-burst span:nth-child(3){animation-delay:.14s}.arena-stage.result-victory .loot-burst span:nth-child(4){animation-delay:.2s}.fight-readout{position:absolute;left:14px;right:14px;bottom:14px;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#12141be0;padding:10px 12px;color:var(--text-soft)}.fight-readout strong{color:#fff;text-align:center}.fight-readout span:last-child{text-align:right}.strike-button{min-height:62px;border:0;border-radius:8px;background:var(--amber);color:#17120a;font-weight:950;font-size:1.1rem;cursor:pointer;transition:transform .14s ease,background .14s ease}.strike-button:hover{transform:translateY(-1px);background:#ffd066}.strike-button:disabled{cursor:wait;opacity:.78;transform:none}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-tile,.empty-slot,.metric-row{border-radius:8px;background:var(--panel-strong)}.stat-tile{padding:12px;display:grid;gap:4px}.stat-tile span,.metric-row span,.panel-heading span,.loot-card p{color:var(--text-soft)}.stat-tile strong{font-size:1.32rem}.loot-panel{grid-area:loot;padding:16px;display:grid;gap:12px}.inventory-panel{grid-area:inventory;padding:16px;display:grid;gap:12px;align-content:start}.network-panel{grid-area:network;padding:16px;display:grid;gap:12px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.pill{border-radius:999px;padding:5px 9px;background:#2d3548;color:#fff;font-size:.78rem;font-weight:850;text-transform:uppercase}.inventory-list{display:grid;gap:10px}.loot-card{min-height:76px;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);display:grid;grid-template-columns:48px 1fr;align-items:center;gap:12px;padding:10px}.loot-card.featured{min-height:112px}.loot-mark{width:48px;height:48px;border-radius:8px;display:grid;place-items:center;background:#323b50;color:#fff;font-weight:900}.loot-card.common .loot-mark,.pill.common{background:#536070}.loot-card.uncommon .loot-mark,.pill.uncommon{background:#23784f}.loot-card.rare .loot-mark,.pill.rare{background:#236aa5}.loot-card.epic .loot-mark,.pill.epic{background:#6f48b8}.loot-card.legendary .loot-mark,.pill.legendary{background:#a3651c}.empty-slot{min-height:88px;display:grid;place-items:center;color:var(--text-soft);border:1px dashed #4b5367}.ghost-button{padding:7px 10px}.metric-list{display:grid;gap:8px}.metric-row{display:flex;justify-content:space-between;gap:12px;padding:10px}.sparkline{height:72px;display:flex;align-items:end;gap:4px;border:1px solid var(--line);border-radius:8px;background:#171c27;padding:8px}.sparkline i{flex:1;min-width:4px;border-radius:3px 3px 0 0;background:var(--green)}@keyframes hero-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes enemy-idle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(1deg)}}@keyframes hero-strike{0%,to{transform:translate(0)}45%{transform:translate(28px)}}@keyframes enemy-hit{0%,to{transform:translate(0)}45%{transform:translate(8px) rotate(2deg)}}@keyframes slash-travel{0%{opacity:0;transform:translate(-80px) rotate(-8deg)}35%{opacity:1}to{opacity:0;transform:translate(210px) rotate(-8deg)}}@keyframes impact-pop{0%{opacity:.8;transform:scale(.35)}to{opacity:0;transform:scale(1.35)}}@keyframes loot-burst{0%{opacity:0;transform:translateY(20px) scale(.5)}35%{opacity:1}to{opacity:0;transform:translate(var(--x, 8px),-64px) scale(1)}}.loot-burst span:nth-child(1){--x: -34px}.loot-burst span:nth-child(2){--x: 18px}.loot-burst span:nth-child(3){--x: 48px}.loot-burst span:nth-child(4){--x: -8px}@media(max-width:860px){.shell{min-height:auto;padding:12px;grid-template-columns:1fr;grid-template-areas:"arena" "network" "loot" "inventory"}.arena-stage{min-height:290px}.combat-strip{grid-template-columns:1fr}.versus{width:100%;height:34px}.fight-readout{grid-template-columns:1fr;text-align:center}.fight-readout span:last-child{text-align:center}}@media(max-width:520px){.arena,.loot-panel,.inventory-panel,.network-panel{padding:12px}.topbar{grid-template-columns:1fr}.language-button{justify-self:end}.stat-grid{grid-template-columns:1fr}.arena-stage{min-height:250px}}