:root{--bg: #14110f;--panel: #1e1a17;--panel2: #262019;--border: #3a3128;--text: #DFD0AC;--muted: #A28A62;--gold: #d9a441;--red: #c65a4a;--green: #6fae5f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;line-height:1.5}.center{min-height:60vh;display:flex;align-items:center;justify-content:center}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#201a15,#14110f)}.topbar h1{margin:0;font-size:22px}.tag{font-size:11px;background:var(--gold);color:#201a15;padding:2px 8px;border-radius:10px;vertical-align:middle;margin-left:6px}main{max-width:760px;margin:0 auto;padding:20px 16px 60px;display:flex;flex-direction:column;gap:16px}.grid{display:flex;flex-direction:column;gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px 18px}h2{margin:0 0 12px;font-size:17px;color:var(--gold)}label{display:flex;flex-direction:column;font-size:12px;color:var(--muted);gap:4px;margin-bottom:12px}input,select{background:var(--panel2);border:1px solid var(--border);color:var(--text);padding:9px 10px;border-radius:6px;font-size:14px}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.row input,.row select{margin:0}.lvl{width:70px}button{background:var(--gold);color:#201a15;border:none;padding:9px 16px;border-radius:6px;font-weight:600;cursor:pointer;font-size:14px}button:hover{filter:brightness(1.08)}button:disabled{background:#4a4038;color:#86744e;cursor:not-allowed}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.auth{max-width:380px;margin:40px auto 0}.tabs{display:flex;gap:8px;margin-bottom:16px}.tabs button{background:transparent;color:var(--muted);border:1px solid var(--border);flex:1}.tabs button.active{background:var(--gold);color:#201a15}.muted{color:var(--muted)}.small{font-size:13px}.list{margin:0;padding-left:18px}.err{color:var(--red);font-size:13px}.ok{color:var(--green);font-size:13px}.arena{position:relative}.arena-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.wave-banner{color:var(--gold);font-weight:600;font-size:14px}.arena-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 620px){.arena-grid{grid-template-columns:1fr}}.side h3{margin:0 0 8px;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.unit{position:relative;background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;margin-bottom:8px;transition:opacity .3s}.unit.hero{border-color:var(--gold)}.unit.dead{opacity:.35}.unit-name{font-size:13px;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center;gap:6px}.casting{color:var(--red);font-size:11px;animation:pulse .6s infinite alternate}@keyframes pulse{0%{opacity:.4}to{opacity:1}}.bar{position:relative;height:16px;background:#0f0d0b;border-radius:4px;overflow:hidden}.bar-fill{height:100%;transition:width .45s ease}.bar-txt{position:absolute;top:0;right:0;bottom:0;left:0;font-size:10px;line-height:16px;text-align:center;color:#fff;text-shadow:0 1px 2px #000}.wut{position:relative;height:12px;background:#0f0d0b;border-radius:4px;overflow:hidden;margin-top:4px}.wut-fill{height:100%;background:linear-gradient(90deg,#b8461f,#e8a020);transition:width .45s ease}.pop{position:absolute;right:12px;top:4px;font-weight:700;color:#e8c46a;font-size:16px;animation:rise .8s ease-out forwards;pointer-events:none}.pop.crit{color:#ff7a4a;font-size:20px}@keyframes rise{0%{transform:translateY(0);opacity:1}to{transform:translateY(-26px);opacity:0}}.action-banner{margin-top:6px;font-size:13px;font-weight:600;color:var(--gold);animation:popin .35s ease}@keyframes popin{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.overlay{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:34px;font-weight:800;z-index:5;pointer-events:none;animation:flash .55s ease;text-shadow:0 2px 10px #000}.ov-int{color:#ffd24a}.ov-mech{color:var(--red)}.ov-win{color:var(--green);animation:none}.ov-loss{color:var(--red);animation:none}@keyframes flash{0%{transform:translate(-50%,-50%) scale(1.6);opacity:0}30%{opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:.9}}.shake{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.arena-intro .row{margin-top:12px}.editor-h{margin:0 0 8px;font-size:15px;color:var(--gold)}.preset{flex:1}.prio{list-style:none;margin:0;padding:0}.prio-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-bottom:1px solid var(--border)}.prio-row:last-child{border-bottom:none}.prio-num{width:22px;height:22px;border-radius:50%;background:var(--gold);color:#201a15;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;flex:none}.prio-name{font-weight:600;min-width:130px}.prio-rule{color:var(--muted);font-size:12px;flex:1}.prio-btns{display:flex;gap:4px}.tiny{padding:3px 8px;font-size:12px}.tiny.on{background:var(--gold);color:#201a15}.cfg-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.cfg-row>span:first-child{min-width:170px;font-size:14px}.hitflash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:#e05a4a8c;pointer-events:none;animation:flashfade .4s ease-out forwards}.healflash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:#5ac66f73;pointer-events:none;animation:flashfade .5s ease-out forwards}@keyframes flashfade{0%{opacity:.9}to{opacity:0}}.unit.low{border-color:var(--red);animation:lowpulse 1s ease-in-out infinite}@keyframes lowpulse{0%,to{box-shadow:0 0 #c65a4a00}50%{box-shadow:0 0 11px #c65a4abf}}.castbar{position:relative;height:6px;background:#0f0d0b;border-radius:3px;overflow:hidden;margin-top:6px;border:1px solid #5a2018}.castbar-fill{position:absolute;left:0;top:0;bottom:0;width:8%;background:linear-gradient(90deg,#e0a020,#c65a4a);animation:castcharge .65s linear infinite}@keyframes castcharge{0%{width:8%}to{width:100%}}.wut.full .wut-fill{animation:wutglow .7s ease-in-out infinite}@keyframes wutglow{0%,to{filter:brightness(1);box-shadow:none}50%{filter:brightness(1.3);box-shadow:0 0 10px #e8a020f2}}.pop.crit{animation:risecrit .85s ease-out forwards}@keyframes risecrit{0%{transform:translateY(0) scale(1.5) rotate(-6deg);opacity:1}25%{transform:translateY(-6px) scale(1.12) rotate(0)}to{transform:translateY(-30px) scale(1);opacity:0}}.shake-hard{animation:shakeHard .5s}@keyframes shakeHard{0%,to{transform:translate(0)}15%{transform:translate(-11px,3px)}30%{transform:translate(10px,-3px)}45%{transform:translate(-9px,2px)}60%{transform:translate(8px,-2px)}75%{transform:translate(-5px,1px)}}.overlay.big{font-size:46px;text-shadow:0 0 18px #c65a4a,0 2px 10px #000}.battlefield{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-height:320px;overflow:hidden;margin-bottom:12px;padding:16px 10px 12px;border:1px solid var(--border);border-radius:12px;background:radial-gradient(120% 80% at 50% 0%,#2a201799,transparent 70%),linear-gradient(180deg,#241c16,#17110d 60%,#110c09)}.bf-band{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;position:relative;z-index:1}.bf-enemies{align-items:flex-start;min-height:118px}.bf-heroes{align-items:flex-end;min-height:140px}.combatant{display:flex;flex-direction:column;align-items:center;width:82px;transition:opacity .4s}.combatant.dead{opacity:.3}.fig-wrap{position:relative;display:flex;align-items:flex-end;justify-content:center;height:66px}.fig-svg{display:block;filter:drop-shadow(0 3px 3px rgba(0,0,0,.55))}.hero .fig-svg{width:46px}.combatant.iskrieger .fig-svg{width:56px}.enemy .fig-svg{width:50px}.fig-wrap[data-size=elite] .fig-svg{width:66px}.fig-wrap[data-size=boss] .fig-svg{width:90px}.fig-shadow{fill:#0000006b}.mini-bar{width:58px;height:7px;background:#0f0d0b;border-radius:4px;overflow:hidden;margin-top:4px}.combatant.iskrieger .mini-bar{width:66px}.mini-fill{height:100%;transition:width .4s ease}.fig-label{font-size:10px;color:var(--muted);margin-top:2px;text-align:center;max-width:84px;line-height:1.15}.wut.mini{width:66px;height:9px;margin-top:3px}.wut.mini .bar-txt{font-size:8px;line-height:9px}.combatant.low .fig-svg{animation:figlow 1s ease-in-out infinite}@keyframes figlow{0%,to{filter:drop-shadow(0 3px 3px rgba(0,0,0,.55))}50%{filter:drop-shadow(0 0 9px #e0574a)}}.fig-wrap.atk-up{animation:atkUp .5s ease}.fig-wrap.atk-down{animation:atkDown .5s ease}.fig-wrap.cast-self{animation:castSelf .55s ease}@keyframes atkUp{0%{transform:translateY(0)}45%{transform:translateY(-16px) scale(1.06)}to{transform:translateY(0)}}@keyframes atkDown{0%{transform:translateY(0)}45%{transform:translateY(14px) scale(1.06)}to{transform:translateY(0)}}@keyframes castSelf{0%{transform:scale(1)}40%{transform:translateY(-6px) scale(1.09)}to{transform:scale(1)}}.fig-wrap.charging .fig-svg{animation:chargeGlow .5s infinite alternate}@keyframes chargeGlow{0%{filter:drop-shadow(0 0 4px #c65a4a)}to{filter:drop-shadow(0 0 13px #f0a020)}}.fig-wrap.dead-fig .fig-svg{transform:rotate(72deg) translateY(4px);opacity:.4;filter:grayscale(.6)}.spark{position:absolute;top:26%;left:50%;width:28px;height:28px;margin:-14px 0 0 -14px;background:radial-gradient(circle,#fff,#ffcf6a 42%,transparent 70%);border-radius:50%;animation:sparkPop .4s ease-out forwards;pointer-events:none}@keyframes sparkPop{0%{transform:scale(.3);opacity:1}to{transform:scale(1.5);opacity:0}}.dmgnum,.healnum{position:absolute;top:-6px;left:50%;font-weight:800;font-size:17px;text-shadow:0 1px 3px #000;pointer-events:none;white-space:nowrap;animation:floatUp .85s ease-out forwards}.dmgnum{color:#ff8a5a}.healnum{color:#6fae5f}@keyframes floatUp{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-28px);opacity:0}}.ability-shout{position:absolute;bottom:100%;left:50%;background:#14100ce0;border:1px solid var(--gold);color:var(--gold);font-size:11px;font-weight:600;padding:1px 7px;border-radius:8px;white-space:nowrap;pointer-events:none;animation:shoutPop .5s ease}@keyframes shoutPop{0%{transform:translate(-50%,8px);opacity:0}to{transform:translate(-50%);opacity:1}}.bf-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.proj{position:absolute;bottom:32%}.proj.bolt{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#ecd6ff,#8a3cff 60%,transparent);box-shadow:0 0 12px #a86cff;animation:fly .42s ease-in forwards}.proj.arrow{width:3px;height:18px;border-radius:2px;background:linear-gradient(#e6d2a6,#7a5a2a);box-shadow:0 0 4px #000;animation:fly .38s ease-in forwards}@keyframes fly{0%{transform:translateY(0);opacity:1}to{transform:translateY(-135px);opacity:.15}}.aoe-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 80%,rgba(224,90,74,.5),transparent 66%);animation:flashfade .55s ease-out forwards}.aoe-flash.hard{background:radial-gradient(circle at 50% 80%,rgba(240,70,50,.72),transparent 72%)}.fct{font-weight:900;font-size:27px;line-height:1;white-space:nowrap;pointer-events:none;letter-spacing:-.01em;text-shadow:-1.5px 0 2px #000,1.5px 0 2px #000,0 -1.5px 2px #000,0 1.5px 2px #000,0 3px 7px rgba(0,0,0,.85);animation:fctRise .74s cubic-bezier(.2,.9,.3,1) forwards}.fct.dmg{color:#ffd85f}.fct.dmg-red{color:#ff5644}.fct.heal{color:#78ea62}.fct.crit{font-size:44px;color:#fff;text-shadow:0 0 12px #ffb020,0 0 26px #ff7a10,-1.5px 0 2px #000,1.5px 0 2px #000,0 -1.5px 2px #000,0 2px 7px #000;animation:fctCrit .82s cubic-bezier(.2,.9,.3,1) forwards}.fct.dmg-red.crit{text-shadow:0 0 12px #ff5230,0 0 26px #ff2a10,-1.5px 0 2px #000,1.5px 0 2px #000,0 -1.5px 2px #000,0 2px 7px #000}@keyframes fctRise{0%{transform:translateY(6px) scale(.6);opacity:0}16%{transform:translateY(-5px) scale(1.18);opacity:1}to{transform:translateY(-46px) scale(1);opacity:0}}@keyframes fctCrit{0%{transform:translateY(6px) scale(.4) rotate(-7deg);opacity:0}14%{transform:translateY(-9px) scale(1.5) rotate(3deg);opacity:1}32%{transform:scale(1.16) rotate(0)}to{transform:translateY(-56px) scale(1.05);opacity:0}}.hpbar3d{width:84px;pointer-events:none;-webkit-user-select:none;user-select:none;transform:translateY(-2px)}.hpbar3d.boss{width:144px}.hpbar3d.elite{width:120px}.hpbar3d.elite .hp3d-label{font-size:15px;color:#ffd98a}.hp3d-label{font-size:13px;font-weight:700;letter-spacing:.02em;text-align:center;margin-bottom:3px;color:#ecdfc6;text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap}.hpbar3d.boss .hp3d-label{font-size:18px;color:#ffcf5a;text-shadow:0 0 7px #a8801f,0 1px 2px #000}.hp3d-track{height:9px;border-radius:5px;overflow:hidden;background:#0a0806b8;border:1px solid rgba(0,0,0,.65);box-shadow:0 1px 3px #00000080,inset 0 1px #ffffff0f}.hpbar3d.elite .hp3d-track{border-color:#d9a441;box-shadow:0 0 6px #d9a44180,inset 0 1px #ffffff14}.hpbar3d.boss .hp3d-track{height:15px;border:2px solid #e7b53a;box-shadow:0 0 13px #e7b53aa6,0 1px 3px #0009}.hp3d-fill{height:100%;border-radius:3px;box-shadow:inset 0 1px #ffffff47;transition:width .25s ease,background .25s ease}.hp3d-rage{height:5px;margin-top:2px;border-radius:3px;overflow:hidden;background:#0a0806b3}.hp3d-rage-fill{height:100%;background:linear-gradient(90deg,#a8551f,#ff9a3c);transition:width .25s ease}.hp3d-lvl{display:inline-block;margin-left:6px;padding:0 6px;border-radius:6px;font-size:12px;font-weight:800;color:#201a0c;background:linear-gradient(180deg,#f2dea2,#cda23e);box-shadow:0 1px 2px #0000008c;vertical-align:middle}.hpbar3d.boss .hp3d-lvl{font-size:15px}body.game-view .topbar{display:none}body.game-view main{max-width:none;padding:6px 0 0}:root{--ab-gold: #D8B15A;--ab-ivory: #DFD0AC;--ab-green: #69B85A;--ab-red: #C74A43;--ab-blue: #63B8FF;--ab-epic: #9A63E8;--font-display: "Cinzel", Georgia, serif;--font-body: "Inter", system-ui, sans-serif}body{font-family:var(--font-body)}select.ui-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#171208;border:1px solid #6b5a3a;border-radius:6px;color:var(--ab-ivory);font-family:var(--font-body);font-size:12px;padding:7px 26px 7px 9px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0l5 6 5-6z' fill='%23D8B15A'/></svg>");background-repeat:no-repeat;background-position:right 8px center}select.ui-select:hover{border-color:#d8b15a}*{scrollbar-width:thin;scrollbar-color:#9a7534 #17130d}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#17130d;border-radius:6px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cda157,#8a6a2f);border:2px solid #17130d;border-radius:6px}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e6c470,#a4802f)}*::-webkit-scrollbar-corner{background:#17130d}.btn-panel{transition:filter .12s ease,transform .06s ease,box-shadow .12s ease;text-shadow:0 1px 3px #000;filter:drop-shadow(0 4px 8px rgba(0,0,0,.55))}.btn-panel:hover:not(:disabled){filter:brightness(1.16) drop-shadow(0 6px 12px rgba(0,0,0,.6));transform:translateY(-1px)}.btn-panel:active:not(:disabled){filter:brightness(.88) drop-shadow(0 2px 4px rgba(0,0,0,.5));transform:translateY(1px)}.btn-panel:disabled{cursor:default}