@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap";:root{--ink:#e9f6f1;--teal:#43e2d0;--red:#ff6976;--gold:#ffd16e;--panel:#051115e6}*{box-sizing:border-box}html,body{width:100%;min-height:100%;color:var(--ink);background:#061216;margin:0;font-family:Noto Sans SC,system-ui,sans-serif;overflow:hidden}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}.moba-world-game{background:#0b2928;width:100vw;height:100vh;min-height:600px;position:relative;overflow:hidden}.moba-world-game>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-pick-overlay{z-index:10;text-align:center;background:radial-gradient(circle at 50% 47%,#11534d33,#030c10c7 57%,#02080cf0);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.pick-title>span{color:var(--teal);letter-spacing:.25em;font:700 11px Barlow Condensed,sans-serif}.pick-title h1{letter-spacing:.06em;text-shadow:0 0 30px #43e2d040;margin:11px 0 6px;font:800 clamp(31px,5vw,60px) Barlow Condensed,sans-serif}.pick-title p{color:#9fb5b2;max-width:520px;margin:0 auto;font-size:12px;line-height:1.7}.pick-cards{gap:14px;margin:32px 0 25px;display:flex}.pick-card{--hero:#43e2d0;color:#dceae5;text-align:left;background:linear-gradient(#123235e6,#051419f2);border:1px solid #95c9c23b;border-radius:7px;width:178px;height:228px;padding:12px;transition:all .2s;position:relative;overflow:hidden}.pick-card:hover{border-color:var(--hero);transform:translateY(-6px)}.pick-card.selected{border:2px solid var(--hero);box-shadow:0 0 32px color-mix(in srgb, var(--hero) 22%, transparent), inset 0 -4px var(--hero);transform:translateY(-9px)}.pick-card strong,.pick-card small,.pick-card em{display:block}.pick-card strong{margin-top:5px;font-size:21px}.pick-card small{color:var(--hero);margin-top:2px;font-size:10px}.pick-card em{color:#899f9c;margin-top:11px;font-size:9px;font-style:normal}.pick-avatar{background:radial-gradient(circle at 50% 43%, color-mix(in srgb, var(--hero) 40%, transparent), transparent 60%), #112e31;border-radius:4px;width:100%;height:115px;position:relative;overflow:hidden}.pick-avatar:before{content:"";border:3px solid var(--hero);width:43px;height:43px;box-shadow:0 0 18px var(--hero);background:#13272a;border-radius:50%;position:absolute;top:21px;left:calc(50% - 21px)}.pick-avatar:after{content:"";border:3px solid var(--hero);background:#18373a;border-radius:26px 26px 5px 5px;width:61px;height:59px;position:absolute;top:63px;left:calc(50% - 30px)}.pick-avatar span{z-index:2;border-top:3px solid var(--hero);width:29px;height:8px;position:absolute;top:15px;left:calc(50% - 14px);transform:rotate(-12deg)}.pick-avatar i{z-index:4;background:var(--hero);width:8px;height:44px;box-shadow:0 0 10px var(--hero);border-radius:8px;position:absolute;top:57px;right:26px;transform:rotate(35deg)}.pick-card:nth-child(2) .pick-avatar i{border-radius:50%;width:25px;height:25px;top:44px}.pick-card:nth-child(3) .pick-avatar:after{border-radius:18px 18px 5px 5px;width:74px;left:calc(50% - 37px)}.enter-map{color:#061818;background:var(--teal);letter-spacing:.12em;border:0;min-width:245px;padding:14px 18px;font-size:12px;font-weight:900;box-shadow:0 0 25px #43e2d038}.enter-map:hover{background:#9affee}.enter-map b{color:#286a68;margin-left:13px;font:700 10px Barlow Condensed,sans-serif}.enter-map span{float:right;font-size:20px;line-height:12px}.game-hud-top{z-index:5;pointer-events:none;background:linear-gradient(#030d10eb,#030d1038);align-items:center;height:61px;padding:0 23px;display:flex;position:absolute;top:0;left:0;right:0}.hud-logo{color:#dcebe7;letter-spacing:.1em;align-items:center;gap:9px;font:800 21px Barlow Condensed,sans-serif;display:flex}.hud-logo i{background:var(--teal);width:8px;height:23px;box-shadow:0 0 12px var(--teal);display:block;transform:skew(-15deg)}.hud-logo small{color:#77938f;letter-spacing:.12em;margin-left:5px;font-size:9px;font-weight:500}.hud-match{color:#c1d5cf;letter-spacing:.1em;font:700 12px Barlow Condensed,sans-serif;position:absolute;left:50%;transform:translate(-50%)}.live-dot{background:var(--teal);width:7px;height:7px;box-shadow:0 0 9px var(--teal);border-radius:50%;margin-right:7px;display:inline-block}.hud-score{pointer-events:auto;color:#a6bbb6;align-items:center;gap:13px;margin-left:auto;font:600 12px Barlow Condensed,sans-serif;display:flex}.hud-score b{color:#e8f5f0;font-size:18px}.hud-score strong{color:#72908d}.hud-score button{color:#9cb3ae;background:#06131680;border:1px solid #e8f5f03b;padding:6px 10px;font-size:9px}.map-message{z-index:5;color:#c8e0db;white-space:nowrap;background:#041416ad;border:1px solid #43e2d047;border-radius:3px;max-width:75vw;padding:7px 13px;font-size:10px;position:absolute;top:69px;left:50%;transform:translate(-50%)}.minimap{z-index:5;clip-path:polygon(8% 4%,92% 4%,97% 10%,97% 90%,91% 96%,8% 96%,3% 89%,3% 11%);background:#1a4a3b;border:1px solid #8fdca973;border-radius:4px;width:155px;height:118px;position:absolute;top:80px;right:22px;overflow:hidden;box-shadow:0 6px 24px #0000004d}.minimap:before{content:"";opacity:.3;background-image:linear-gradient(45deg,#0000 47%,#8dc98f 48% 52%,#0000 53%),linear-gradient(-45deg,#0000 47%,#8dc98f 48% 52%,#0000 53%);position:absolute;inset:0}.mini-road{z-index:1;transform-origin:0;background:#e0f2b0a6;border-radius:4px;width:125%;height:3px;position:absolute}.mini-road-a{top:16%;left:4%;transform:rotate(42deg)}.mini-road-b{top:83%;left:4%;transform:rotate(-42deg)}.mini-road-c{top:50%;left:10%;transform:rotate(0)}.mini-base{z-index:2;border:3px solid;border-radius:50%;width:14px;height:14px;position:absolute}.mini-ally{border-color:var(--teal);bottom:8%;left:8%}.mini-enemy{border-color:var(--red);top:8%;right:8%}.minimap>b{z-index:3;background:var(--gold);width:7px;height:7px;box-shadow:0 0 8px var(--gold);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.minimap span{z-index:4;color:#e6f6d6a8;font-size:8px;position:absolute;bottom:5px;right:7px}.game-controls{z-index:6;background:linear-gradient(#071b1ff2,#030e12f7);border:1px solid #83cec254;border-radius:7px;grid-template-columns:205px 160px 1fr 83px;align-items:center;gap:16px;width:min(850px,100vw - 32px);min-height:112px;padding:13px 16px;display:grid;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000061}.hero-hud-card{align-items:center;gap:9px;display:flex}.hud-avatar{border:2px solid var(--teal);background:radial-gradient(circle at 50% 42%,#43e2d073,#0000 60%),#123236;border-radius:5px;width:55px;height:64px;position:relative}.hud-avatar:before{content:"";width:21px;height:21px;color:var(--teal);background:#11272a;border:2px solid;border-radius:50%;position:absolute;top:10px;left:15px}.hud-avatar:after{content:"";width:33px;height:25px;color:var(--teal);border:2px solid;border-radius:13px 13px 3px 3px;position:absolute;bottom:7px;left:9px}.hud-avatar.ember{background:radial-gradient(circle at 50% 42%,#ff806a73,#0000 60%),#351f28;border-color:#ff806a}.hud-avatar.ember:before,.hud-avatar.ember:after{color:#ff806a}.hud-avatar.stone{background:radial-gradient(circle at 50% 42%,#a9d77b6b,#0000 60%),#253b2b;border-color:#a9d77b}.hud-avatar.stone:before,.hud-avatar.stone:after{color:#a9d77b}.hero-hud-card strong,.hero-hud-card small{display:block}.hero-hud-card strong{letter-spacing:.08em;font:700 20px Barlow Condensed,sans-serif}.hero-hud-card small{color:#88a4a0;margin-top:4px;font-size:9px}.bars label{color:#8fa8a3;justify-content:space-between;font-size:8px;display:flex}.bars label b{color:#d7e8e1}.bar{background:#203a38;border-radius:4px;height:7px;margin:4px 0 9px;overflow:hidden}.bar i{background:var(--teal);height:100%;transition:width .2s;display:block;box-shadow:0 0 9px #43e2d0b3}.bar.energy i{background:#63a8ff;box-shadow:0 0 9px #63a8ff99}.hud-skills{justify-content:center;gap:8px;display:flex}.hud-skill{color:#e1efea;text-align:center;background:linear-gradient(145deg,#16383d,#0d242b);border:1px solid #7ababa75;border-radius:4px;width:78px;height:82px;padding:7px 4px 4px;position:relative}.hud-skill:hover:not(:disabled){border-color:var(--teal);transform:translateY(-2px)}.hud-skill:disabled{opacity:.44}.hud-skill.ultimate{background:linear-gradient(145deg,#4b3028,#211d25);border-color:#9a7652}.hud-skill b{color:#96aeaa;font:700 10px Barlow Condensed,sans-serif;position:absolute;top:3px;left:5px}.hud-skill span{color:var(--teal);margin-top:2px;font-size:27px;line-height:1;display:block}.hud-skill.ultimate span{color:var(--gold)}.hud-skill strong{margin-top:4px;font-size:9px;display:block}.hud-skill small{color:#95adaa;margin-top:3px;font-size:8px;display:block}.wasd{grid-template-columns:repeat(2,22px);place-content:center;gap:3px;display:grid}.wasd kbd{width:22px;height:22px;color:var(--teal);background:#102b30;border:1px solid #43e2d066;border-bottom-width:2px;border-radius:3px;place-items:center;font:700 11px Barlow Condensed,sans-serif;display:grid}.wasd kbd:first-child{grid-column:1/3;margin:auto}.wasd small{color:#75908b;text-align:center;grid-column:1/3;margin-top:5px;font-size:8px;line-height:1.3}@media (width<=800px){.pick-cards{gap:7px}.pick-card{width:145px;height:210px}.game-controls{grid-template-columns:160px 120px 1fr;width:calc(100vw - 20px)}.wasd{display:none}.minimap{width:125px;height:94px;top:72px;right:10px}}@media (width<=560px){.pick-title h1{font-size:34px}.pick-title p{font-size:10px}.pick-cards{justify-content:center;width:100%}.pick-card{width:31%;height:180px;padding:7px}.pick-avatar{height:86px}.pick-card strong{font-size:16px}.pick-card em{font-size:7px}.game-hud-top{padding:0 10px}.hud-logo{font-size:17px}.hud-logo small,.hud-match{display:none}.hud-score{gap:6px;font-size:10px}.map-message{font-size:8px;top:62px}.minimap{display:none}.game-controls{grid-template-columns:1fr;gap:8px;padding:9px;bottom:8px}.hero-hud-card{justify-content:center}.bars{padding:0 18px}.hud-skills{gap:4px}.hud-skill{width:74px;height:68px}.hud-skill span{font-size:22px}.hud-skill strong{font-size:8px}}