.game{background:#121919;font-family:Manrope,Arial,sans-serif;z-index:10}
.mid-route{position:absolute;top:139px;left:18px;display:flex;align-items:center;gap:3px;padding:8px;background:#10191bd1;border:1px solid #aba58620;border-radius:10px;pointer-events:none}.mid-route span{font:600 6px Arial;padding:4px 3px;border-radius:3px}.mid-route .radiant{color:#bdd69b;background:#7b986024}.mid-route .dire{color:#eba890;background:#b3564226}.mid-route i{width:5px;height:1px;background:#a1a08666}.mid-route b{font-size:13px;color:#80b7c4;margin:0 2px}.mid-route .route-side{color:#a6a68e;font-size:5px}
.game-shade{background:linear-gradient(180deg,#08100bd1,transparent 28%,transparent 61%,#080d0ccd),linear-gradient(90deg,#0b0e123b,transparent 25%,transparent 80%,#100b0f38)}
.game-top{top:14px;left:18px;right:18px;height:55px;align-items:center}.game-top .glass{background:#161c1ce0;border:1px solid #ffffff20;width:36px;height:36px;padding:0;border-radius:12px;font-size:18px}.game-top .glass span{display:none}.scoreboard{top:-4px;grid-template-columns:49px 76px 49px;border:1px solid #bdbb9d25;border-radius:0 0 20px 20px;padding:9px 15px 7px;background:linear-gradient(#141a1a,#12181aed);box-shadow:0 6px 25px #0003}.scoreboard strong{font-size:25px;line-height:1.2}.scoreboard em{font-size:14px;margin:0 6px}.scoreboard>span{font-size:8px;letter-spacing:1px}.scoreboard small{font-size:9px;margin-top:3px;color:#d4c8af}.practice-badge{font-size:7px;letter-spacing:1px;border:1px solid #b0b89f1a;background:#151b1ec7;border-radius:9px;padding:8px 10px}.objective{top:73px;font-size:6px;letter-spacing:1.6px;color:#d2c8b6}.arena-tip{top:auto;bottom:10px;padding:0;background:none;border:0;font-size:7px;letter-spacing:.2px;color:#abae9c;white-space:nowrap;pointer-events:none}.duel-meta{position:absolute;left:65px;top:23px;display:flex;align-items:center;gap:8px;pointer-events:none}.duel-emblem{font:700 23px Georgia;color:#ee9c7b}.duel-meta strong{display:block;font-size:10px;letter-spacing:1.5px;color:#e1d7c7}.duel-meta small{display:block;font-size:6px;letter-spacing:1px;color:#9f9e8e;margin-top:3px}.lane-status{position:absolute;left:20px;top:84px;display:flex;gap:7px;align-items:center;background:#101819ac;border:1px solid #b0b59a1b;border-radius:10px;padding:7px 9px;color:#adb993}.lane-status>span{font-size:18px}.lane-status small{font-size:5px;letter-spacing:1px;display:block;margin-bottom:4px}.tower-track{width:62px;height:3px;border-radius:4px;background:#465449}.tower-track i{width:100%;height:100%;display:block;background:#a7c67c;border-radius:4px}.lane-status b{font-size:7px;font-weight:500}.game-preview-tools{position:absolute;right:18px;top:67px;display:flex;gap:6px}.game-preview-tools button{border:1px solid #adb39a25;background:#121a1ccc;border-radius:9px;font-size:7px;color:#c8c8b8;padding:8px 10px}.game-preview-tools button:last-child{font-size:12px;padding:5px 10px}.game-bottom{left:24px;right:22px;bottom:28px;align-items:flex-end;gap:15px}.joystick{width:103px;height:103px;background:radial-gradient(#9fab9705,#9fab9711);border:1px solid #c4d0b438;box-shadow:inset 0 0 0 8px #c7c9b005,0 4px 20px #0002;position:relative}.joystick:before{content:'+';position:absolute;inset:0;display:grid;place-items:center;color:#c7cead23;font:200 72px Arial;pointer-events:none}.joystick span{width:44px;height:44px;border:1px solid #ccd4b755;background:linear-gradient(140deg,#7a887473,#34473a8a);box-shadow:0 3px 10px #0004;z-index:1}.movement>small{font-size:6px;letter-spacing:1.5px;margin-top:9px;color:#bec8af;display:block}.player-hud{position:absolute;left:50%;transform:translateX(-62%);bottom:0;max-width:253px;width:29%;padding:8px;background:linear-gradient(145deg,#20292bef,#101619ef);border:1px solid #b6b4a638;border-radius:13px;gap:8px;box-shadow:0 8px 25px #0004}.hud-portrait{width:47px;border-radius:8px;border:1px solid #dc8b5d55;background-size:230% auto}.hud-info>div:first-child{margin-bottom:6px}.hud-info strong{font:600 10px Manrope,Arial,sans-serif;letter-spacing:.3px}.hud-info>div>span{font-size:6px}.bar{height:9px;margin-top:4px;border-radius:3px;overflow:hidden;line-height:8px;box-shadow:inset 0 1px 2px #0004}.bar span{font-size:6px!important}.bar.health{background:linear-gradient(90deg,#577e43,#a5c979)}.bar.mana{background:linear-gradient(90deg,#365375,#7eafce)}.inventory{gap:3px;margin-top:6px}.inventory span{height:22px;border-radius:4px;background:#121b1d;border:1px solid #91978130;font-size:12px}.combat{gap:17px;position:relative}.abilities{gap:13px;padding-right:0}.ability{width:53px;height:53px;font-size:24px;position:relative;background:radial-gradient(ellipse at 50% 85%,#ce5b26 0,#66291f 25%,#161b1b 65%);border:1px solid #d2996775;box-shadow:0 0 0 3px #11191dc9,0 0 0 4px #b39b7138,inset 0 0 12px #0006}.ability.raze:before{content:attr(data-range);position:absolute;right:-3px;top:-4px;width:15px;height:15px;display:grid;place-items:center;font-size:8px;color:#f6cd9a;border:1px solid #c79b684d;background:#271c18;border-radius:50%}.ability small{font-size:6px;letter-spacing:.5px;bottom:-15px}.ability.pudge{background:radial-gradient(ellipse at 50% 80%,#8b9d48,#354622 28%,#151c19 66%)}.ability.active{box-shadow:0 0 0 2px #ffd59a,0 0 20px #ed7638aa}.combat-secondary{gap:9px;align-items:center;margin-top:5px}.attack{width:67px;height:67px;border:1px solid #e3be7aa1;background:radial-gradient(ellipse at 50% 30%,#73614555,#202929 55%,#101719);box-shadow:0 0 0 3px #131a1dc9,0 0 0 4px #bda77430;color:#f1d9aa;font-size:28px}.attack small{font-size:6px;letter-spacing:1px}.target-buttons{flex-direction:column;gap:6px}.target-button{width:33px;height:33px;border-color:#c3bc9950;background:linear-gradient(#2c3530,#141c1c);font-size:13px}.target-button small{font-size:5px;margin:0}.round-button{width:43px;height:43px;font-size:21px;background:radial-gradient(#6d342a,#201e1e 65%);border-color:#ce8f6d55}.round-button small{font-size:5px}.shop-button{background:linear-gradient(#34372bd9,#1c2420ef);border:1px solid #d4b5745e;border-radius:12px;min-width:51px;padding:8px 7px;gap:3px;color:#e2c68a}.shop-button>span{display:block;font-size:18px;line-height:1}.shop-button strong{font-size:11px}.shop-button small{font-size:5px;letter-spacing:.5px}.rotate-screen{display:none}.arena-preview-link{background:#9f473323;color:#e4a383;border:1px solid #c8845630;border-radius:11px;padding:9px 11px;font-size:10px}.top-right{gap:12px}
@media(min-width:1000px){.game-bottom{bottom:36px}.ability{width:64px;height:64px;font-size:28px}.attack{width:80px;height:80px}.joystick{width:120px;height:120px}.target-button{width:40px;height:40px}.player-hud{max-width:290px}.inventory span{height:27px}.hud-info strong{font-size:11px}.hud-portrait{width:55px}}
@media(orientation:portrait){.rotate-screen{position:absolute;inset:0;z-index:20;background:#111518f5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.rotate-screen>span{font-size:60px;color:#e39473}.rotate-screen strong{font-size:23px;margin-top:20px}.rotate-screen p{font-size:12px;line-height:1.8;color:#9ca698}.rotate-screen button{margin-top:20px;padding:13px 20px;border-radius:14px;background:#542d26;color:#eeb596;border:1px solid #bb785130}}
@media(max-height:360px) and (orientation:landscape){.lane-status{display:none}.game-bottom{bottom:22px}.joystick{width:80px;height:80px}.ability{width:44px;height:44px}.combat{gap:15px}.attack{width:57px;height:57px}.player-hud{max-width:225px}.objective{top:65px}.scoreboard{padding:5px 12px}}