:root{color:#f5f7ff;background:#0d1020;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;min-block-size:100%;inline-size:100%}body{min-block-size:100vh;min-block-size:100dvh}button,input,select{font:inherit}button{color:inherit}.app-shell{inline-size:100%;min-block-size:100vh;min-block-size:100dvh;padding:clamp(12px,4vw,24px);padding-block-end:92px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar h1{margin:0;font-size:clamp(24px,8vw,36px)}.eyebrow{margin:0 0 4px;color:#9da8ca;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.wallet{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pill{border-radius:999px;padding:7px 10px;background:#202642;font-weight:700;white-space:nowrap}.switch-game{margin-block:14px;inline-size:100%}.panel{margin-block:12px;padding:clamp(14px,4vw,22px);border:1px solid #2d3558;border-radius:20px;background:#171b30}.panel h2,.panel h3{margin-block-start:0}.muted{color:#a9b1cf}.error{padding:12px;border:1px solid #dc6571;border-radius:12px;background:#511e2a}.success{padding:12px;border:1px solid #66d7a7;border-radius:12px;background:#173d34}.primary,.secondary,.hero-card,.nav-button{border:0;border-radius:14px;cursor:pointer}.primary{padding:13px 16px;background:#7868ff;font-weight:800}.secondary{padding:11px 14px;background:#29304e}button:disabled{cursor:not-allowed;opacity:.45}.actions{display:flex;gap:8px;flex-wrap:wrap}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hero-card{position:relative;display:flex;gap:10px;align-items:center;inline-size:100%;padding:11px;text-align:start;background:#222844;border:2px solid transparent}.hero-card.selected{border-color:#c9c1ff;background:#302c5a}.hero-token{display:grid;place-items:center;flex:0 0 42px;aspect-ratio:1;border-radius:50%;font-weight:900;box-shadow:inset 0 0 0 3px #ffffff35}.faction-ember{background:#d9524f}.faction-tide{background:#3479c9}.faction-grove{background:#379765}.hero-info{min-inline-size:0}.hero-info strong,.hero-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-info small{margin-block-start:3px;color:#b2bad6}.rates{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rate{padding:10px 5px;border-radius:12px;background:#222844;text-align:center}.rate strong,.rate span{display:block}.rate span{color:#adb5d0;font-size:12px}.form-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block:10px}.form-row select,.form-row input{min-inline-size:0;max-inline-size:50%;padding:9px;color:#fff;background:#252b49;border:1px solid #444d76;border-radius:10px}.bottom-nav{position:fixed;inset-inline:0;inset-block-end:0;z-index:20;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;inline-size:100%;padding:8px 10px max(8px,env(safe-area-inset-bottom));background:#101426ed;border-block-start:1px solid #303858;backdrop-filter:blur(14px)}.nav-button{padding:11px 4px;background:transparent;color:#939cbd}.nav-button.active{color:#fff;background:#2a3050}.history{display:grid;gap:7px}.history-row{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-block-end:1px solid #2b3250}@media(min-width:700px){.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.battle-stage-3d[data-v-0257464c]{position:absolute;inset:0;overflow:hidden;border:1px solid #343750;border-radius:16px;background:radial-gradient(circle at 50% 34%,#30354e 0,#191e30 64%,#101421);box-shadow:inset 0 0 34px #0709149c,0 12px 28px #05060a55;pointer-events:none}.webgl-mount[data-v-0257464c]{position:absolute;inset:0}.webgl-mount[data-v-0257464c] .battle-webgl-canvas{display:block;inline-size:100%;block-size:100%}.stage-vignette[data-v-0257464c]{position:absolute;inset:0;box-shadow:inset 0 0 28px 8px #08091270}.base-hud[data-v-0257464c]{position:absolute;inset:8px 9px auto;z-index:3;display:flex;justify-content:space-between;gap:20px}.base-status[data-v-0257464c]{display:grid;grid-template-columns:auto auto;gap:2px 7px;inline-size:min(37%,128px);padding:6px 8px;border:1px solid #ffffff20;border-radius:8px;background:#090b14c9;box-shadow:0 3px 12px #0009;backdrop-filter:blur(4px)}.base-status.red[data-v-0257464c]{text-align:end}.base-status span[data-v-0257464c]{overflow:hidden;color:#b7bed4;font-size:9px;font-weight:800;text-transform:uppercase;white-space:nowrap}.base-status b[data-v-0257464c]{font-size:12px;line-height:1}.base-status i[data-v-0257464c]{grid-column:1 / -1;display:block;overflow:hidden;block-size:4px;border-radius:999px;background:#302d3b}.base-status em[data-v-0257464c]{display:block;block-size:100%;border-radius:inherit;transition:width .18s linear}.base-status.blue em[data-v-0257464c]{background:#4b94e7;box-shadow:0 0 8px #3479c9}.base-status.red em[data-v-0257464c]{margin-inline-start:auto;background:#e06060;box-shadow:0 0 8px #d9524f}.raid-labels[data-v-0257464c]{position:absolute;inset:9px 12px auto;z-index:3;display:flex;justify-content:space-between;color:#aeb5ca;font-size:9px;font-weight:900;letter-spacing:.08em;text-shadow:0 2px 5px #000;text-transform:uppercase}@media(min-width:520px){.base-status[data-v-0257464c]{padding:7px 10px}.base-status span[data-v-0257464c],.raid-labels[data-v-0257464c]{font-size:10px}.base-status b[data-v-0257464c]{font-size:13px}}.battle-player[data-v-26191575]{display:grid;gap:10px}.playback-head[data-v-26191575]{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.playback-controls[data-v-26191575]{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.playback-controls select[data-v-26191575],.tiny[data-v-26191575]{padding:7px;color:#fff;background:#272e4d;border:0;border-radius:8px}.battlefield-viewport[data-v-26191575]{position:relative;overflow:hidden;inline-size:100%;block-size:clamp(240px,68vw,280px);border-radius:16px;isolation:isolate}.stage-host[data-v-26191575]{visibility:hidden;opacity:0;transition:opacity .18s ease}.stage-host.ready[data-v-26191575]{visibility:visible;opacity:1}.battlefield-viewport>.raid-field[data-v-26191575],.battlefield-viewport>.arena-field[data-v-26191575]{position:absolute;inset:0;block-size:100%}.raid-field[data-v-26191575]{display:grid;gap:10px;padding:12px;border-radius:16px;background:#101426}.raid-side[data-v-26191575]{display:grid;gap:6px}.side-label[data-v-26191575]{color:#9fa8c8;font-size:12px}.unit-row[data-v-26191575]{display:flex;justify-content:center;gap:9px;min-block-size:48px}.unit[data-v-26191575],.arena-unit[data-v-26191575]{position:relative;display:grid;place-items:center;inline-size:42px;aspect-ratio:1;border-radius:50%;font-size:12px;font-weight:900;box-shadow:0 3px 10px #0008,inset 0 0 0 2px #fff5;transition:left .22s linear,top .22s linear,opacity .2s,transform .2s}.unit i[data-v-26191575],.arena-unit i[data-v-26191575]{position:absolute;inset-inline-start:4px;inset-block-end:-5px;block-size:4px;max-inline-size:calc(100% - 8px);background:#70ed9f;border-radius:4px;transition:width .15s}.dead[data-v-26191575]{opacity:.2;transform:scale(.7);filter:grayscale(1)}.versus[data-v-26191575]{color:#747e9e;font-size:11px;font-weight:900;text-align:center}.arena-field[data-v-26191575]{position:relative;overflow:hidden;inline-size:100%;block-size:220px;border-radius:16px;background:linear-gradient(180deg,#15243d,#172e26)}.lane[data-v-26191575]{position:absolute;inset-inline:7%;inset-block-start:50%;block-size:9px;transform:translateY(-50%);background:#747b72;border-block:2px dashed #aab09f}.base[data-v-26191575]{position:absolute;inset-block:78px auto;z-index:3;display:grid;place-items:center;inline-size:42px;block-size:64px;border-radius:10px 10px 4px 4px}.base small[data-v-26191575]{font-size:9px}.base-blue[data-v-26191575]{inset-inline-start:2%;background:#316cbf}.base-red[data-v-26191575]{inset-inline-end:2%;background:#b84450}.arena-unit[data-v-26191575]{position:absolute;z-index:4;inline-size:36px}.arena-unit.creep[data-v-26191575]{inline-size:28px;font-size:9px;border-radius:8px}.event-feed[data-v-26191575]{min-block-size:116px;padding:10px;border-radius:12px;background:#111528}.event-feed p[data-v-26191575]{margin:3px 0;font-size:12px}.battle-result[data-v-26191575]{margin:0;padding:10px;border-radius:10px;background:#3a326e;text-align:center;font-weight:800}.faction-ember[data-v-26191575]{background:#d9524f}.faction-tide[data-v-26191575]{background:#3479c9}.faction-grove[data-v-26191575]{background:#379765}