:root{--ink:#e8e4d3;--muted:#81928d;--gold:#c3a66d;--cyan:#70e7de;--border:rgba(174,183,152,.22)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101f21;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid #8ff9ed;outline-offset:5px}#game,#game canvas,#world-ui,#vignette{position:absolute;inset:0;width:100%;height:100%}#game{cursor:crosshair}#world-ui{pointer-events:none;z-index:2}#vignette{pointer-events:none;z-index:3;box-shadow:inset 0 0 145px 32px #04101465;background:linear-gradient(0deg,#06121670,transparent 22%,transparent 85%,#06121645)}.hidden{display:none!important}.topbar{z-index:12;position:absolute;left:28px;right:28px;top:21px;height:42px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{font:600 15px Georgia,serif;letter-spacing:3px;display:flex;align-items:center;gap:10px;text-shadow:0 2px 10px #000}.brand-mark{font-size:32px;font-weight:400;color:#ccbd91}.edition{font:9px Arial,sans-serif;letter-spacing:1.6px;color:#99ada8;margin-left:9px;border-left:1px solid #788a7855;padding-left:18px}.top-actions{display:flex;gap:9px;pointer-events:auto}.top-actions button{width:33px;height:33px;border:1px solid #b4c1aa40;background:#0c1b20b8;color:#bcc4af;display:grid;place-items:center;font:18px Georgia,serif;transition:.2s}.top-actions button:hover{border-color:var(--gold);background:#203335}.top-actions svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.5}.top-actions .muted{color:#697b78}.top-actions .muted:after{content:'';position:absolute;transform:rotate(-45deg);width:19px;height:1px;background:#bd846d}#scoreboard{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;padding:11px 25px;background:linear-gradient(90deg,#0b191b00,#09161ae6 15%,#09161ae6 85%,#0b191b00);border-bottom:1px solid #b6c2a325;font-size:19px}#scoreboard strong{font-weight:400}#timer{font-size:12px;letter-spacing:2px;color:#b7c1b5;font-variant-numeric:tabular-nums}.score-divider{font-size:14px;color:#7a8477}.top-rule{height:17px;width:1px;background:#7b89794d;margin:0 4px}.team-gem{font-size:17px;filter:drop-shadow(0 0 5px currentColor)}.blue{color:#6ee8e7}.red{color:#e5786b}body.starting #scoreboard{opacity:0}#match-hud{position:absolute;inset:0;z-index:4;pointer-events:none}.objective{position:absolute;top:105px;left:30px;width:220px;padding:0 0 0 15px;border-left:1px solid #a5b18c56;text-shadow:0 2px 6px #000}.eyebrow{font-size:9px;letter-spacing:2.2px;color:#c7b480}.eyebrow i,.minimap-heading i{display:inline-block;width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px #57e1d4;margin-right:6px}.objective>div:nth-child(2){font:21px Georgia,serif;margin-top:11px}.objective p{font-size:11px;color:#a2b7ad;margin:8px 0 18px}.objective-progress{display:flex;align-items:center;gap:12px}.objective-progress span{font-size:12px;letter-spacing:7px;color:#e3947b}.objective-progress small{font-size:8px;letter-spacing:1.5px;color:#81968b}#kill-feed{position:absolute;right:28px;top:94px;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.feed-item{padding:9px 13px;background:linear-gradient(90deg,#0b1928b0,#0a151ce8);border-right:2px solid #ad9666;color:#c4cec5;font-size:11px;animation:feedIn .3s ease}.feed-item b{color:var(--cyan);font-weight:500}.feed-item em{font-style:normal;color:#ef9a85}.feed-item .feed-sword{margin:0 10px;color:var(--gold)}@keyframes feedIn{from{transform:translateX(30px);opacity:0}to{transform:translateX(0);opacity:1}}#announcement{position:absolute;left:50%;top:17%;transform:translateX(-50%);text-align:center;transition:opacity .5s;opacity:0;white-space:nowrap;text-shadow:0 2px 14px #000}#announcement.show{opacity:1}#announcement-small{font-size:9px;letter-spacing:4px;color:#dcbe7c;display:block;margin-bottom:12px}#announcement-title{font:30px Georgia,serif;letter-spacing:1px}.bottom-hud{pointer-events:auto;position:absolute;bottom:39px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:21px;padding:15px 22px 21px 15px;background:linear-gradient(180deg,#102326ef,#071418f5);border:1px solid #a6b39546;border-top-color:#b3c0a16b;box-shadow:0 8px 30px #0006,0 0 0 4px #07131580;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%,0 12px)}.bottom-hud:before{content:'';position:absolute;top:0;left:35%;right:35%;height:2px;background:#afc2a98c;box-shadow:0 0 12px #ade5c355}.hero-panel{display:flex;align-items:center;gap:13px;width:290px}.portrait{position:relative;width:74px;min-width:74px;height:83px;border:1px solid #a0baa667;padding:3px;background:#0c1c22}.portrait svg{width:100%;height:100%;display:block}.hero-level{position:absolute;bottom:-7px;left:26px;background:#142b2f;border:1px solid #afbd96;width:22px;height:22px;display:grid;place-items:center;color:#e0d9b1;font-size:11px}.hero-info{width:196px}.hero-name{font:17px Georgia,serif;letter-spacing:2px;margin-bottom:10px}.hero-name span{font:7px Arial,sans-serif;letter-spacing:1.1px;color:#94aba0;margin-left:5px;white-space:nowrap}.resource{position:relative;height:16px;margin-top:4px;background:#061216;border:1px solid #8197813d;overflow:hidden}.resource div{height:100%;transition:width .16s}.resource span{position:absolute;inset:0;text-align:center;line-height:14px;font-size:9px;letter-spacing:.8px;text-shadow:0 1px 3px #000}.hp div{background:linear-gradient(90deg,#286857,#6cb49b);border-top:1px solid #9ee2be}.mp{height:11px}.mp div{background:linear-gradient(90deg,#235367,#60a1b8);border-top:1px solid #8ec5cd}.mp span{line-height:9px;font-size:8px}.experience{height:2px;background:#52645455;margin-top:5px}.experience div{height:100%;background:#d1b577}.hero-stats{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#adc4b3;margin-top:7px}.hero-stats b{font-weight:400}.hero-stats>span{display:flex;gap:5px}.hero-stats .gold{color:#e6c983}.gold i{font-style:normal;font-size:12px}.abilities{display:flex;gap:9px;border-left:1px solid #abc49e22;padding-left:21px}.ability{position:relative;width:65px;height:65px;padding:5px;border:1px solid #77b7ac80;background:radial-gradient(ellipse at 70% 20%,#2e645e,#0c2a32 65%);box-shadow:inset 0 0 0 3px #102327,0 3px 8px #0008;transition:transform .15s,border-color .15s;outline:0}.ability:hover{border-color:#b0ffeb;transform:translateY(-3px)}.ability svg{height:100%;width:100%;fill:none;stroke:#a1f9e6;stroke-width:1.6;filter:drop-shadow(0 0 5px #50f4d378)}.ability .filled{fill:#b5fff0}.ability .icon-glow{fill:#62d9cb44;stroke-width:4;stroke:#7ffff04a}.ability.ultimate{border-color:#b5a064aa;background:radial-gradient(ellipse at 70% 20%,#65583a,#2c302a 65%)}.ultimate svg{stroke:#f3d594;filter:drop-shadow(0 0 5px #ffd77a88)}.ultimate .filled{fill:#ffe3a0}.ultimate .icon-glow{stroke:#ffe7aa55;fill:#ffdf8a33}.ability-key{position:absolute;top:-6px;left:-4px;background:#0f2225;border:1px solid #88a69580;font-size:11px;width:20px;height:20px;line-height:19px;z-index:3;color:#e4e8d5}.ability-name{position:absolute;left:-6px;right:-6px;bottom:-17px;color:#9eb6ab;letter-spacing:.5px;font-size:7px;white-space:nowrap}.mana-cost{position:absolute;right:4px;bottom:3px;color:#b4e2e1;font-size:8px;text-shadow:0 1px 4px #000;z-index:2}.cooldown-sweep{position:absolute;inset:0;background:conic-gradient(#030f18dd 0deg,transparent 0deg);pointer-events:none}.cooldown-number{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;text-shadow:0 2px 5px #000;font-variant-numeric:tabular-nums}.ability.no-mana svg{opacity:.3}.ability.flash{animation:abilityFlash .35s}@keyframes abilityFlash{0%{box-shadow:0 0 30px #b4ffed;filter:brightness(2)}100%{filter:brightness(1)}}.field-items{width:55px;text-align:center;margin-left:-6px}.field-items button{width:43px;height:46px;border:1px solid #a4b18d66;background:#162a29;position:relative;padding:5px}.field-items svg{width:30px;height:30px;stroke:#a8d8ad;fill:#3b8c6e66;stroke-width:1.5}.item-key{position:absolute;left:-3px;top:-5px;font-size:9px;background:#102422;border:1px solid #6a8166;padding:1px 4px}.field-items small{display:block;margin-top:5px;font-size:8px;color:#dbc48e}.field-items small i{font-style:normal}.field-items>span{display:block;font-size:6px;letter-spacing:.4px;white-space:nowrap;margin-top:22px;color:#9aab95}.control-hint{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:7px;color:#a4b7a6;letter-spacing:.9px;white-space:nowrap;display:flex;align-items:center;gap:8px;text-shadow:0 1px 4px #000}.control-hint b{color:#839580;padding:0 2px}.control-hint kbd{font:inherit;color:#d2dac6}.mouse-icon{width:8px;height:12px;border:1px solid #a4b7a6;border-radius:5px;display:inline-block;position:relative}.mouse-icon:before{content:'';width:3px;height:4px;background:#c7d5c1;position:absolute;top:1px;left:1px}.minimap-panel{pointer-events:auto;position:absolute;right:23px;bottom:22px;background:#09191ce8;border:1px solid #9bb29555;padding:7px;box-shadow:0 8px 30px #0005}.minimap-heading{font-size:6px;letter-spacing:.7px;display:flex;justify-content:space-between;gap:10px;margin:2px 0 7px;color:#c5cbb3}.minimap-heading i{width:3px;height:3px;margin-right:3px}.minimap-heading>span:last-child{color:#7e9f92}.minimap-panel canvas{display:block;width:190px;height:150px;border:1px solid #4d6e5b5e;cursor:crosshair}.minimap-footer{display:flex;justify-content:space-between;padding:7px 2px 0;font-size:6px;letter-spacing:1px}.map-ally{color:#72dcd5}.map-enemy{color:#d48575}#toast{position:absolute;left:50%;bottom:208px;transform:translateX(-50%);color:#e8ca8c;font-size:12px;letter-spacing:.5px;opacity:0;transition:opacity .2s;text-shadow:0 1px 8px #000;white-space:nowrap}#toast.show{opacity:1}#respawn{position:absolute;left:50%;top:35%;transform:translateX(-50%);text-align:center;padding:24px 60px;background:radial-gradient(ellipse,#09141ae6,transparent 72%)}#respawn>span{display:block;font-size:10px;color:#d3b29b;letter-spacing:4px}#respawn strong{display:block;font:64px Georgia,serif;margin:10px}#respawn small{font-size:11px;color:#9caeaa}#ability-tooltip{position:absolute;left:50%;bottom:175px;transform:translateX(-25%);width:290px;padding:18px 20px;background:#0a191df5;border:1px solid #a2b49466;box-shadow:0 10px 30px #0006;font-size:11px;line-height:1.6;color:#abbfb4}#ability-tooltip b{font:18px Georgia,serif;display:block;color:#e3dfcc;margin-bottom:6px}#ability-tooltip small{display:block;color:#c2ad7b;margin-top:10px;font-size:9px;letter-spacing:.5px}.screen{position:absolute;inset:0;z-index:10}.start-gradient{position:absolute;inset:0;background:linear-gradient(90deg,#061315f5 0%,#071619e8 22%,#0716199c 41%,#0716190d 67%),linear-gradient(0deg,#081317a6,transparent 30%)}.start-content{position:absolute;left:8%;top:50%;transform:translateY(-48%);width:475px}.chapter{font-size:9px;letter-spacing:3px;color:#baa97e;display:flex;align-items:center;gap:14px;margin-bottom:28px}.chapter>span{height:1px;width:32px;background:#c4a869}h1{font:normal 92px/.9 Georgia,'Times New Roman',serif;letter-spacing:-4px;margin:0;color:#ece8d4;text-shadow:0 4px 45px #0003}h1 span{display:block;letter-spacing:16px;font-size:94px;margin:5px 0 0 -2px;background:linear-gradient(#ead8a5,#a28e5d);background-clip:text;-webkit-text-fill-color:transparent}.title-line{display:flex;gap:14px;align-items:center;width:311px;margin-top:26px}.title-line span{font-size:9px;letter-spacing:3px;white-space:nowrap;color:#bbaa82}.title-line i{height:1px;flex:1;background:#a58b524d}.start-description{font:19px/1.7 Georgia,serif;color:#aebfb2;margin:28px 0 30px}.primary-button{width:299px;height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border:1px solid #c4ae78;background:linear-gradient(110deg,#c8b282,#9a8353);box-shadow:0 0 0 4px #bda7760b,0 8px 30px #0003;color:#102120;font:19px Georgia,serif;position:relative;transition:.2s}.primary-button:after{content:'';position:absolute;inset:4px;border:1px solid #e0ca922e;pointer-events:none}.primary-button:hover{background:linear-gradient(110deg,#e5d0a2,#b39b64);box-shadow:0 0 0 4px #bda77622,0 0 30px #d1ba7525;transform:translateY(-1px)}.play-triangle{font:24px Arial,sans-serif;opacity:.8}.button-arrow{font:26px Arial,sans-serif}.session-note{font-size:7px;color:#8e9f8f;letter-spacing:1.2px;display:flex;align-items:center;gap:8px;margin-top:15px}.session-note>span{width:4px;height:4px;background:#90b096;border-radius:50%}.session-note b{font-weight:normal;margin:0 3px}.start-controls{margin-top:37px;display:flex;flex-direction:column;gap:20px}.start-controls>div{display:flex;align-items:center;gap:16px}.start-controls p{margin:0;display:flex;flex-direction:column;gap:6px}.start-controls strong{font-size:8px;font-weight:400;letter-spacing:1.5px;color:#b4c4b4}.start-controls small{font-size:10px;color:#778e83}.control-symbol{font:25px Georgia,serif;color:#c4bd9e;width:57px;text-align:center}.keycaps{font-size:8px;word-spacing:3px;border-top:1px solid #8d9e7d55;border-bottom:1px solid #8d9e7d55;padding:6px 1px;color:#c4bd9e;width:57px;text-align:center}.scene-caption{position:absolute;right:6%;bottom:17%;display:flex;align-items:center;gap:15px;text-shadow:0 2px 5px #000}.caption-cross{font-size:32px;color:#bdb08b}.scene-caption div{display:flex;flex-direction:column;gap:9px}.scene-caption div>span{font-size:9px;letter-spacing:2px;color:#ded7bd}.scene-caption small{font:italic 13px Georgia,serif;color:#aabaae}.caption-line{height:1px;width:50px;background:#b9b68c66;margin-left:10px}.start-bottom{position:absolute;bottom:27px;left:32px;right:32px;display:flex;justify-content:space-between;color:#879b8b;font-size:7px;letter-spacing:1.5px}.start-bottom>span:last-child{display:flex;align-items:center;gap:10px}.start-bottom svg{width:15px;fill:none;stroke:#9aae96;stroke-width:1.5}.modal-screen{background:#031015b8;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:20}.modal-card{width:540px;padding:43px;background:linear-gradient(145deg,#152a2c,#0b1a20);border:1px solid #a7b18c63;box-shadow:0 20px 100px #0008;text-align:center}.modal-card h2{font:43px Georgia,serif;margin:17px 0;color:#e8e1cc}.modal-card>p{font-size:12px;line-height:1.9;color:#9eb3a9}.modal-card .primary-button{margin:27px auto 0}.spell-guide{text-align:left;border-top:1px solid #7d95763d;border-bottom:1px solid #7d95763d;margin:24px 0;padding:7px 0}.spell-guide p{display:flex;align-items:center;gap:14px;font-size:10px;color:#a5b6ac;line-height:1.6}.spell-guide kbd{font:12px Georgia,serif;color:#d3c49b;border:1px solid #80967a66;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}.spell-guide b{color:#d7ddcb;margin-right:5px;font-weight:400}.guide-note{font-size:10px!important}.end-emblem{font-size:68px;color:#d4c18c;display:block;line-height:1;margin-bottom:20px;text-shadow:0 0 35px #e6c98844}.end-card h2{font-size:66px;margin:14px}.end-stats{display:flex;justify-content:center;gap:45px;margin:36px 0}.end-stats div{display:flex;flex-direction:column;gap:10px}.end-stats b{font:24px Georgia,serif;color:#d7ca9f}.end-stats span{font-size:7px;letter-spacing:1.6px;color:#8fa69b}@media(max-width:1190px){.edition{display:none}.bottom-hud{left:42%;gap:14px;padding-right:16px}.hero-panel{width:240px;gap:9px}.hero-info{width:158px}.hero-name span{display:none}.ability{width:56px;height:56px}.abilities{gap:8px;padding-left:14px}.field-items{display:none}.minimap-panel canvas{width:160px;height:130px}.control-hint{left:42%;font-size:6px}.objective{font-size:9px;width:185px}.start-content{left:7%;transform:translateY(-47%)}h1{font-size:82px}h1 span{font-size:83px}.start-controls{margin-top:28px}.chapter{margin-bottom:23px}}@media(max-width:800px){.topbar{left:14px;right:14px;top:12px}.brand{font-size:11px;letter-spacing:1.5px}.brand-mark{font-size:25px}#scoreboard{gap:10px;padding:10px 16px;left:52%}.top-actions{gap:4px}.top-actions button{width:28px;height:28px}.objective{top:79px;left:16px;transform:scale(.85);transform-origin:top left}.bottom-hud{left:15px;transform:none;bottom:30px;padding:10px 12px 20px;gap:10px}.hero-panel{width:172px}.portrait{width:48px;min-width:48px;height:60px}.hero-level{left:15px;font-size:9px;width:18px;height:18px}.hero-info{width:115px}.hero-name{font-size:13px;margin-bottom:6px}.hero-stats{font-size:8px}.ability{width:44px;height:44px;padding:3px}.ability-name{font-size:5px;bottom:-14px}.abilities{padding-left:10px;gap:6px}.ability-key{font-size:9px;width:16px;height:16px;line-height:14px}.minimap-panel{right:12px;bottom:17px;padding:5px}.minimap-panel canvas{width:120px;height:105px}.minimap-heading{font-size:5px}.minimap-heading>span:last-child{display:none}.minimap-footer{font-size:5px}.control-hint{left:20px;transform:none;font-size:5px;gap:5px;bottom:10px}.start-content{left:6%;width:390px}h1{font-size:70px}h1 span{font-size:72px;letter-spacing:11px}.chapter{font-size:7px;letter-spacing:2px}.start-description{font-size:16px;margin:22px 0}.primary-button{width:260px;height:52px}.title-line{width:265px}.title-line span{font-size:7px}.start-controls{gap:14px;margin-top:28px}.scene-caption{right:4%;bottom:19%;transform:scale(.8);transform-origin:right}.caption-line{display:none}.start-bottom{font-size:5px;left:20px;right:20px}.modal-card{width:92vw;max-width:540px;padding:28px}.top-actions #help-button{display:none}}@media(max-height:700px){.start-content{transform:translateY(-46%)}h1{font-size:67px}h1 span{font-size:69px}.chapter{margin-bottom:20px}.title-line{margin-top:17px}.start-description{margin:20px 0;font-size:16px}.start-controls{margin-top:23px;gap:14px}.start-bottom{bottom:17px}.modal-card{padding:25px}.modal-card h2{margin:10px;font-size:35px}.spell-guide{margin:14px 0}.modal-card .primary-button{margin-top:20px}}
@media(max-width:620px){.brand{font-size:9px;letter-spacing:1.2px}.brand-mark{font-size:23px}.topbar{top:10px}.top-actions button{width:27px;height:27px}#scoreboard{top:42px;left:50%;padding:8px 22px;font-size:15px;gap:12px}#timer{font-size:10px}.objective{top:100px;transform:scale(.72)}.bottom-hud{left:50%;transform:translateX(-50%);bottom:30px}.hero-panel{width:137px}.hero-info{width:80px}.hero-name{font-size:12px}.hero-stats{font-size:7px}.hero-stats>span:nth-child(2){display:none}.ability{width:38px;height:42px}.ability-name{font-size:4.5px;letter-spacing:0}.minimap-panel{bottom:147px;right:10px}.minimap-panel canvas{width:110px;height:93px}.minimap-heading{font-size:4.5px;letter-spacing:.3px}.control-hint{left:50%;transform:translateX(-50%);font-size:4px;gap:4px;letter-spacing:.35px}.start-content{width:90%;top:49%}h1{font-size:65px}h1 span{font-size:67px}.chapter{font-size:6px;letter-spacing:1.8px}.scene-caption{display:none}.start-bottom>span:first-child{display:none}.start-bottom{justify-content:flex-end}.start-gradient{background:linear-gradient(90deg,#061315f5,#071619c9 65%,#07161966),linear-gradient(0deg,#081317a6,transparent 30%)}#announcement{top:21%}#announcement-title{font-size:24px}#announcement-small{font-size:6px;letter-spacing:2px}.modal-card{padding:24px 18px}.modal-card h2{font-size:34px}.spell-guide p{font-size:9px}.modal-card>p{font-size:10px}.end-stats{gap:25px}.end-stats span{font-size:6px}#kill-feed{top:110px;right:12px}.feed-item{font-size:9px;padding:7px 10px}#ability-tooltip{left:50%;width:270px;transform:translateX(-50%);bottom:190px}}
@media(max-width:380px){.portrait{display:none}.hero-panel,.hero-info{width:80px}.hero-panel{padding-left:1px}.start-content h1{font-size:59px}.start-content h1 span{font-size:61px}.primary-button{width:250px}.start-controls{margin-top:20px}}