*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#10251e;color:#eef3e8;font-family:Arial,sans-serif;letter-spacing:0}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #638174;background:#172d27;transition:background .15s;touch-action:manipulation}button:hover{background:#2d4940}button:disabled{cursor:default;opacity:.45}button svg{width:20px;height:20px;flex-shrink:0}button:focus-visible{outline:2px solid #f5d56d;outline-offset:3px}#arena{display:block;width:100%;height:100%;touch-action:none}#match-bar{position:absolute;top:0;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#101d1aec;border-bottom:1px solid #61725c70;z-index:3;pointer-events:none}.brand{font-size:15px;font-weight:700;letter-spacing:0}.brand b{color:#e8cc78}.brand span{display:block;font-size:10px;color:#94ac9e;margin-top:6px;font-weight:400}.score{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:25px}.score b{font-size:28px;color:#72d6eb;min-width:28px;text-align:center}.score b:last-child{color:#f69585}.score span{font-size:13px;color:#c1cbc3;min-width:44px}.match-tools{display:flex;align-items:center;gap:8px;pointer-events:auto}.match-tools button{width:34px;height:34px;display:grid;place-items:center;border-color:#485c50;background:transparent}#network{font-size:10px;color:#94cbb0;margin-right:8px}#allies{position:absolute;top:84px;left:22px;display:flex;gap:6px;z-index:2}.ally{width:48px;background:#15241eeb;border:1px solid #64846e;position:relative}.ally img{width:46px;height:46px;object-fit:contain}.ally .ally-hp{height:3px;background:#28362a}.ally-hp div{height:100%;background:#6eb877}.ally b{position:absolute;right:2px;bottom:8px;font-size:11px;color:#eadc9c}#objectives{position:absolute;right:22px;top:83px;display:flex;gap:12px;z-index:2}#objectives>div{display:grid;grid-template-columns:34px auto;column-gap:6px;background:#15241ee0;padding:6px 10px;font-size:10px;border-bottom:2px solid #9a8c57}#objectives img{width:34px;height:34px;object-fit:contain;grid-row:span 2}#objectives span{color:#d5c68e;padding-top:4px}#objectives b{font-size:9px;color:#a8cbb2}#feed{position:absolute;right:22px;top:150px;text-align:right;font-size:11px;color:#e0e9df;pointer-events:none}#feed div{padding:6px 10px;margin-bottom:3px;background:#14241bcc;border-right:2px solid #90bdcf}#announcement{position:absolute;top:25%;left:50%;transform:translateX(-50%);font-size:23px;font-weight:700;text-align:center;text-shadow:0 2px 5px #000;pointer-events:none;color:#f9d983;white-space:nowrap}#hud{position:absolute;bottom:18px;left:22px;right:22px;display:flex;align-items:flex-end;gap:18px;pointer-events:none;z-index:3}#hud>div,#hud>section{pointer-events:auto}#map-wrap{width:190px;flex-shrink:0;background:#11261a;border:1px solid #849273;padding:4px}#minimap{width:180px;height:180px;display:block;cursor:crosshair}#wave{font-size:9px;color:#aec5b1;display:block;text-align:center;line-height:18px}#hero-hud{width:280px;background:#10221dec;border-top:2px solid #c4aa64;padding:12px;flex-shrink:0}.hero-info{display:flex;align-items:center;gap:8px;margin-bottom:8px}.hero-info img{width:45px;height:45px;object-fit:contain;background:#2b3830}.hero-info h2{font-size:15px;margin:0 0 4px}.hero-info span{font-size:11px;color:#9daf9d}.hero-info>b{margin-left:auto;font-size:22px;color:#e4ca76}.meter{height:16px;position:relative;background:#182320;margin-bottom:4px;overflow:hidden}.meter>div{height:100%;transition:width .1s}.health>div{background:#629969}.mana>div{background:#5087b6}.meter span{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;text-shadow:0 1px 2px #000}.experience{height:3px;background:#283c32;margin:6px 0 9px}.experience>div{height:100%;background:#dbc574}.economy{display:flex;align-items:center;justify-content:space-between;font-size:11px}.economy>span:first-child{display:flex;align-items:center;gap:5px;color:#e8d28c}.economy svg{width:15px;height:15px}.economy button{font-size:10px;padding:6px 9px;display:flex;align-items:center;gap:5px}.economy #kda{color:#aab9ad}#inventory{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:9px}#inventory button{height:32px;border:1px solid #46634e;padding:2px;background:#0f1a15;display:grid;place-items:center}#inventory img{width:27px;height:27px;object-fit:contain}#skills{margin-left:auto;display:flex;align-items:flex-end;gap:18px}.skill-row{display:flex;gap:10px;align-items:flex-end}.skill{position:relative;width:68px;text-align:center}.skill>button.cast{width:64px;height:64px;border-radius:50%;border:2px solid #d9bb65;background:#102a28;position:relative;padding:5px;overflow:hidden}.skill.selected>button.cast{box-shadow:0 0 0 3px #a7e9ef}.skill img{width:100%;height:100%;object-fit:cover;border-radius:50%}.skill .cooldown{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;font-weight:bold;background:#08150cd4}.skill .hotkey{display:block;font-size:10px;color:#d9ddce;margin-top:8px}.skill .upgrade{width:22px;height:22px;border-radius:50%;position:absolute;top:-30px;left:22px;display:grid;place-items:center;padding:0;border-color:#d9bb65}.skill .upgrade svg{width:14px;height:14px}.skill .rank{height:7px;display:flex;gap:3px;justify-content:center;margin-bottom:8px}.skill .rank i{width:6px;height:3px;background:#d4b868}.utility{display:flex;gap:8px;align-items:flex-end}.utility button{width:50px;height:60px;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#10271fea}.utility button span{font-size:9px;color:#b8c7b8}.utility #attack{width:76px;height:76px;border-radius:50%;border:2px solid #99c69f}.utility #attack svg{width:29px;height:29px}.utility #attack.active{background:#345540}#dead-banner{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);color:#e9cdb1;text-align:center;font-size:20px;text-shadow:0 2px 4px #000}dialog{color:#e4ecd9;background:#182b24;border:1px solid #9caa82;padding:24px;border-radius:6px;max-width:calc(100vw - 30px);max-height:calc(100vh - 30px);box-shadow:0 16px 60px #0008}dialog::backdrop{background:#08140dc4;backdrop-filter:blur(3px)}.dialog-heading{text-align:center;margin-bottom:20px}.dialog-heading>span{font-size:11px;color:#c9b576}.dialog-heading h1{font-size:25px;margin:10px 0}#draft{width:720px}#hero-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.hero-choice{padding:8px 5px;text-align:center;min-width:0;border-color:#56684d;background:#14251d;border-radius:4px}.hero-choice img{width:100%;height:112px;object-fit:contain;image-rendering:pixelated}.hero-choice b{font-size:11px;display:block;overflow-wrap:anywhere}.hero-choice span{font-size:9px;color:#a4b497;margin-top:7px;display:block}.hero-choice.selected{background:#344a2b;border:2px solid #e5c771;padding:7px 4px}.draft-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:22px;border-top:1px solid #506044;padding-top:18px}.draft-bottom>div{display:flex;flex-direction:column;gap:5px;font-size:13px}.draft-bottom span{color:#bbc6a3;font-size:10px}#start,#again{display:flex;align-items:center;justify-content:center;gap:12px;background:#e2ca7e;border-color:#ecda96;color:#15291c;padding:14px 22px;font-size:12px;font-weight:bold}#shop{width:600px}.panel-heading{display:flex;align-items:center;gap:15px;margin-bottom:20px}.panel-heading h2{font-size:20px;margin:0}.panel-heading>span{margin-left:auto;color:#d7bf71;display:flex;align-items:center;gap:6px}.panel-heading svg{width:18px;height:18px}.panel-heading .close{margin-left:auto;width:30px;height:30px;display:grid;place-items:center;padding:0;background:transparent;border:none}#shop-tabs{display:flex;gap:5px;margin-bottom:18px}#shop-tabs button{padding:8px 14px;font-size:11px;border-color:#536748}#shop-tabs .active{background:#516044;border-color:#d2bd7c}#item-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.item{padding:12px 8px;border:1px solid #4c644c;min-width:0;border-radius:4px;background:#10251a}.item img{width:48px;height:48px;object-fit:contain;display:block;margin:0 auto 8px}.item b{font-size:11px;display:block;margin:0 0 8px}.item p{font-size:10px;color:#9ebb9d;min-height:24px;margin:0 0 8px}.item button{padding:6px 5px;width:100%;font-size:11px;color:#e7d39b;border-color:#536f51}.item.owned{opacity:.65}#shop-inventory{display:flex;gap:6px;margin-top:20px}#shop-inventory button{width:55px;height:55px;padding:4px}#shop-inventory img{width:40px;height:40px}#settings{width:380px}#settings label{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0;font-size:13px}input{accent-color:#d5c383}#scoreboard{width:620px}.scoreboard-team{font-size:12px;padding:12px 0;border-top:1px solid #597057}.scoreboard-team h3{color:#a1d5dd}.scoreboard-team.red h3{color:#eea39d}.scoreboard-row{display:flex;align-items:center;gap:10px;padding:5px 0}.scoreboard-row img{width:36px;height:36px;object-fit:contain}.scoreboard-row b{flex:1}.scoreboard-row span{color:#9dae9b}#result{text-align:center;width:400px}#result>span{font-size:11px;color:#d8c379}#result h1{font-size:38px;margin:18px}#result-stats{font-size:14px;color:#b8c8b1;margin:20px}#result #again{margin:20px auto 0}#joystick{display:none;position:absolute;width:100px;height:100px;border-radius:50%;background:#243c3375;border:1px solid #9cb99b80;touch-action:none;z-index:4}#joystick>div{position:absolute;width:40px;height:40px;left:29px;top:29px;border-radius:50%;background:#abbcac55;border:1px solid #d1e1c975}
@media(max-width:1000px){#hud{gap:10px;left:12px;right:12px;bottom:12px}#map-wrap{width:140px}#minimap{width:130px;height:130px}#hero-hud{width:220px;padding:9px}.hero-info img{height:32px;width:32px}.hero-info h2{font-size:12px}#skills{gap:10px}.skill-row{gap:5px}.skill{width:55px}.skill>button.cast{width:52px;height:52px}.skill .upgrade{left:16px}.utility{gap:5px}.utility #attack{width:60px;height:60px}.utility button{width:38px;height:48px}.utility button span{font-size:8px}#inventory button{height:26px}#inventory img{width:22px;height:22px}}
@media(max-width:700px){#match-bar{height:48px;padding:0 10px}.brand{font-size:10px}.brand span{font-size:8px}.score{gap:9px}.score b{font-size:20px}.score span{font-size:10px}.match-tools{gap:3px}.match-tools button{height:27px;width:27px}.match-tools button svg{width:15px;height:15px}#network{display:none}#allies{left:10px;top:58px;gap:3px}.ally{width:29px}.ally img{width:27px;height:27px}.ally b{font-size:8px}#objectives{right:10px;top:58px;gap:4px}#objectives>div{padding:3px 5px;grid-template-columns:23px auto;font-size:8px}#objectives img{width:23px;height:23px}#objectives b{font-size:7px}#feed{right:10px;top:106px;font-size:9px}#hud{bottom:12px;left:10px;right:10px;display:block;pointer-events:none}#map-wrap{position:absolute;bottom:145px;left:0;width:98px;padding:3px}#minimap{width:90px;height:90px}#wave{font-size:7px;line-height:13px}#hero-hud{position:absolute;left:0;bottom:0;width:158px;padding:7px}.hero-info{gap:5px;margin-bottom:5px}.hero-info h2{font-size:10px}.hero-info span{font-size:8px}.hero-info>b{font-size:15px}.hero-info img{width:26px;height:26px}.meter{height:10px}.meter span{font-size:8px}.experience{margin:4px 0}.economy{font-size:9px}.economy button{font-size:8px;padding:4px}.economy #kda{display:none}#inventory{gap:2px;margin-top:5px}#inventory button{height:21px}#inventory img{width:18px;height:18px}#skills{position:absolute;bottom:0;right:0;display:flex;flex-direction:column;align-items:flex-end;gap:7px}.skill{width:44px}.skill>button.cast{width:42px;height:42px;padding:3px}.skill .rank{margin-bottom:5px}.skill .hotkey{font-size:8px;margin-top:4px}.skill .upgrade{top:-25px;left:12px;width:20px;height:20px}.skill-row{gap:5px}.utility button{width:35px;height:40px}.utility #attack{width:55px;height:55px}#joystick{display:block;left:24px;bottom:151px;width:84px;height:84px}#joystick>div{left:21px;top:21px}#map-wrap{bottom:250px}dialog{padding:16px;max-width:calc(100vw - 20px)}#hero-grid{grid-template-columns:repeat(3,1fr);gap:6px}.hero-choice img{height:75px}#draft{width:430px}.dialog-heading h1{font-size:20px;margin:7px 0}.dialog-heading{margin-bottom:12px}.draft-bottom{margin-top:12px;padding-top:12px}#start{padding:12px;font-size:10px;gap:5px}#item-grid{grid-template-columns:repeat(2,1fr)}#shop-tabs button{font-size:10px;padding:7px 10px}#announcement{font-size:16px;white-space:normal;width:80%}.item p{min-height:20px}}
@media(max-height:550px) and (min-width:701px){#hero-hud{width:200px;padding:7px}#map-wrap{width:120px}#minimap{width:110px;height:110px}.hero-info{margin-bottom:4px}.hero-info img{width:28px;height:28px}.meter{height:11px}#inventory{margin-top:5px}#inventory button{height:24px}#draft{padding:15px}.hero-choice img{height:80px}.dialog-heading{margin-bottom:10px}.draft-bottom{margin-top:10px;padding-top:10px}}
[hidden]{display:none!important}
/* Exact TS Online CUR frames; CSS preserves ANI timing without a JS loop. */
@media (any-pointer:fine){
  body{cursor:url('/release/2fa686f85c4e775c/cursors/cursor2-0.cur') 5 7,default}
  :root body button:not(:disabled),:root body a,:root body summary,:root body select,:root body [role="button"],:root body input[type="checkbox"],:root body input[type="range"]{cursor:url('/release/2fa686f85c4e775c/cursors/cursor2-0.cur') 5 7,pointer}
  body button:disabled{cursor:not-allowed}
  body #arena,body #minimap{cursor:url('/release/2fa686f85c4e775c/cursors/cursor2-0.cur') 5 7,default}
  body[data-screen="battle"] #arena:is([data-cursor="aim"],[data-cursor="attack"]){cursor:url('/release/2fa686f85c4e775c/cursors/cursor3-0.cur') 4 5,crosshair;animation:ts-cursor3 1.1666666667s step-end infinite}
  body #minimap:active{cursor:grabbing}
}
#result-points{color:#f0d584;font-weight:bold;font-size:14px}
/* Text-free loading screen, including when another modal is open. */
#data-loading{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:#101b1a;box-shadow:none;overflow:hidden}
#data-loading[open]{display:grid;place-items:center}
#data-loading::backdrop{background:#101b1a;backdrop-filter:none}
#data-loading-progress{appearance:none;-webkit-appearance:none;display:block;width:min(260px,60vw);height:8px;border:1px solid #766640;border-radius:999px;overflow:hidden;background:#25302b;color:#e2ca7e}
#data-loading-progress::-webkit-progress-bar{background:#25302b;border-radius:999px}
#data-loading-progress::-webkit-progress-value{background:linear-gradient(90deg,#a58c4f,#f1daa0);border-radius:999px;transition:width .12s ease-out}
#data-loading-progress::-moz-progress-bar{background:#e2ca7e;border-radius:999px}
#allies,#objectives{pointer-events:none}
#auth{width:380px}#auth-tabs{display:flex;gap:6px;margin-bottom:18px}#auth-tabs button{flex:1;padding:10px;font-size:12px}#auth-tabs .active{border-color:#dfc778;background:#35472c}#auth-form label{display:block;font-size:12px;margin:15px 0}#auth-form input{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #638174;background:#10221d;color:#eef3e8;font:inherit}#auth-error{min-height:18px;color:#f0a28b;font-size:12px;overflow-wrap:anywhere}#auth-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;background:#e2ca7e;color:#15291c;font-weight:bold}#logout{position:absolute;top:70px;right:22px;z-index:4;width:30px;height:30px;display:grid;place-items:center;padding:0}#objectives{top:112px}#feed{top:175px}
@media(max-width:700px){#logout{top:51px;right:10px;width:26px;height:26px}#objectives{top:88px}#feed{top:135px}}
@media(pointer:coarse) and (min-width:701px){#joystick{display:block;left:28px;bottom:160px;width:84px;height:84px}#joystick>div{left:21px;top:21px}}
