:root{font-family:Manrope,Arial,sans-serif;color:#edf3e9;background:#071518;font-synthesis:none;--gold:#d8bd83;--teal:#6fdccc;--muted:#95aca8;--red:#ef8a6a;--glass:rgba(7,20,24,.89)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{border:0}button:disabled{cursor:default}button:hover{filter:brightness(1.18)}.hidden{display:none!important}#game,#game canvas,#vignette{position:fixed;inset:0;width:100%;height:100%}#game canvas{touch-action:none}#vignette{pointer-events:none;background:radial-gradient(ellipse at center,transparent 38%,rgba(3,12,15,.25) 100%)}.eyebrow,.tiny-label{font-size:10px;letter-spacing:2.5px;font-weight:700;color:var(--gold)}.tiny-label{font-size:8px;letter-spacing:1.4px}.primary{background:var(--gold);color:#102a2a;padding:19px 25px;font-size:11px;font-weight:800;letter-spacing:1.4px;display:flex;align-items:center;justify-content:space-between;gap:45px;box-shadow:0 7px 36px #0003;transition:transform .2s}.primary:hover{transform:translateY(-2px)}.primary span{font-size:22px;line-height:14px}.secondary{background:#102b2d99;border:1px solid #aecac333;padding:18px 23px;font-size:10px;font-weight:700;letter-spacing:1px;display:flex;gap:28px;align-items:center}.secondary span{font-size:18px}.icon-button{background:transparent;color:#c8d6ce;font-size:20px;width:35px;height:35px;display:inline-grid;place-items:center}.text-button{background:transparent;color:var(--gold);font-size:9px;letter-spacing:1.4px;font-weight:700;padding:0}.text-button span{margin-left:15px}.glass{background:linear-gradient(145deg,#0e2326f0,#061115ed);border:1px solid #8ea69b32;box-shadow:0 8px 40px #0003;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}kbd{font:600 9px Manrope,Arial;border:1px solid #91aca14d;padding:2px 5px;border-radius:2px;color:#cfdbd4;display:inline-block}#loading{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 40%,#193b3d,#061318 70%);z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column}.brand-mark{font-size:65px;color:var(--gold);margin-bottom:20px}#loading h1{font:600 65px Cormorant Garamond,Georgia,serif;letter-spacing:10px;margin:14px 0 5px}#loading p{font-size:12px;color:var(--muted);letter-spacing:1px}.load-track{width:240px;height:2px;background:#fff1;margin:18px 0 35px}.load-track i{height:100%;display:block;background:var(--teal);width:0;transition:width .4s}#loading small{font-size:9px;color:#91aaa0;letter-spacing:1.3px}#menu{position:fixed;inset:0;background:linear-gradient(90deg,#041115f5,#041115cc 28%,#0411150d 68%),linear-gradient(0deg,#061519b8,transparent 30%)}.menu-header{position:absolute;top:35px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:12px;letter-spacing:4px;font-weight:800;color:#f0f2df;text-decoration:none;display:flex;gap:14px;align-items:center}.wordmark span{color:var(--gold);font-size:30px;line-height:20px}.build-label{font-size:8px;letter-spacing:1.8px;color:#a3bab1}.build-label b{margin:0 12px;color:#566f67}.menu-copy{position:absolute;left:7%;top:26%;max-width:650px}.live-dot{display:inline-block;width:5px;height:5px;background:var(--teal);border-radius:50%;box-shadow:0 0 14px var(--teal);margin-right:9px}.menu-copy h1{font:500 clamp(48px,5.4vw,88px)/1.03 "Cormorant Garamond",Georgia,serif;letter-spacing:-1.8px;margin:26px 0 23px;text-shadow:0 3px 35px #0005}.menu-copy h1 em{font-weight:500;color:var(--gold)}.menu-copy>p{font-size:12px;line-height:1.95;color:#b3c4bc;letter-spacing:.15px;margin:0 0 30px}.menu-actions{display:flex;gap:12px}.match-facts{display:flex;gap:15px;align-items:center;margin-top:21px;font-size:8px;letter-spacing:1.7px;color:#8fa89e}.match-facts b{color:var(--gold)}.world-note{position:absolute;right:5%;bottom:18%;padding:18px 0 18px 24px;border-left:1px solid #d8bd8366}.world-note p{font-size:11px;line-height:1.9;color:#acc0b6;margin:13px 0 15px}.world-note p strong{font-weight:600;color:#e6e9d9}.menu-footer{position:absolute;bottom:29px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #a3b9aa24;padding-top:22px;font-size:8px;letter-spacing:1.4px;color:#93aa9f}.menu-footer kbd{margin-right:4px}.menu-footer i{display:inline-block;width:1px;height:12px;background:#78918455;margin:0 14px -3px 10px}.menu-footer b{color:var(--gold);margin:0 14px}#hud{position:fixed;inset:0;pointer-events:none}#hud button,#hud canvas{pointer-events:auto}.top-left,.top-right{position:absolute;top:18px;height:44px;display:flex;align-items:center;padding:0 14px;gap:12px}.top-left{left:20px}.top-left strong{font-size:8px;letter-spacing:1.4px;color:#a4d6c8}.top-left .enemy-name{color:#e4a58b}.top-left>span:not(.faction-dot){font-size:17px;font-weight:700}.top-left>b{color:#64877c;font-weight:400}.faction-dot{width:5px;height:5px;background:#66dfca;transform:rotate(45deg);box-shadow:0 0 10px #66dfca55}.faction-dot.red{background:var(--red)}.top-right{right:20px;padding:0 8px 0 18px;gap:9px}.top-right>span{font-size:12px;font-variant-numeric:tabular-nums;margin-right:8px;letter-spacing:1px}.objective{position:absolute;top:18px;left:50%;transform:translate(-50%);width:310px;text-align:center;padding:11px 20px}.objective>span{font-size:9px;letter-spacing:1.6px;color:#eee6c9;font-weight:800}.objective>div{height:2px;background:#ffffff15;margin:8px 0}.objective i{height:100%;display:block;background:var(--gold);width:100%;transition:width .2s}.objective small{font-size:8px;color:#9db2a7}.bottom-left{position:absolute;left:20px;bottom:19px;width:220px}.minimap-wrap{position:relative;padding:7px 7px 22px}.minimap-wrap canvas{width:100%;display:block;cursor:crosshair}.map-caption{position:absolute;bottom:7px;width:100%;left:0;text-align:center;font-size:6px;letter-spacing:2px;color:#a4b6a6}.control-hint{font-size:6px;letter-spacing:.9px;color:#bac6ae;text-align:center;margin-top:9px;text-shadow:0 1px 4px #000}.control-hint b{margin:0 5px;color:var(--gold)}.hero-panel{position:absolute;bottom:19px;left:50%;transform:translate(-50%);padding:12px;display:flex;gap:12px;align-items:center}.portrait{width:66px;height:82px;position:relative;flex-shrink:0;background:radial-gradient(circle,#44716c,#101d25);border:1px solid #b6a67566;overflow:visible}.portrait img{width:100%;height:100%;object-fit:cover}.portrait>span{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);font-size:11px;color:#17272b;background:var(--gold);width:23px;height:23px;text-align:center;padding-top:4px;clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%);font-weight:800}.hero-info{width:158px}.hero-title{display:flex;flex-direction:column;gap:3px;margin-bottom:9px}.hero-title strong{font-size:10px;letter-spacing:2px;color:#f0e4c9}.hero-title span{font-size:6px;letter-spacing:1.1px;color:#a5b5a7}.resource{height:14px;position:relative;background:#070d16;border:1px solid #52685d66;margin-top:4px;overflow:hidden}.resource i{display:block;height:100%;transition:width .15s}.resource span{font-size:8px;font-weight:600;position:absolute;inset:0;text-align:center;line-height:12px;text-shadow:0 1px 2px #000}.health i{background:linear-gradient(90deg,#397e67,#7aca92)}.mana i{background:linear-gradient(90deg,#30577a,#6da9be)}.xp-track{height:2px;background:#ffffff10;margin-top:5px}.xp-track i{display:block;height:100%;background:var(--gold)}.abilities{display:flex;gap:7px;padding-left:5px}.ability{width:59px;height:72px;background:linear-gradient(160deg,#234746,#102b31);border:1px solid #86afa16b;position:relative;overflow:hidden;padding:5px 0 0}.ability kbd{position:absolute;top:2px;left:3px;font-size:8px;background:#07151799;border:0;padding:1px 3px;z-index:3}.ability svg{width:35px;height:35px;fill:none;stroke:#a4e5d6;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:5px}.ability>span{position:absolute;bottom:5px;left:0;width:100%;font-size:5px;letter-spacing:.2px;font-weight:800;color:#c3ded4}.ability.ultimate{background:linear-gradient(160deg,#594d31,#272f2b);border-color:#b49c58a6}.ability.ultimate svg{stroke:#f1cd78}.ability.healing svg{stroke:#b2df95}.cooldown{position:absolute;inset:0;background:#041018bb;transform:translateY(-100%);pointer-events:none}.cooldown-text{position:absolute;inset:0;display:grid;place-items:center;font-size:24px;color:#e9e6c8;text-shadow:0 1px 4px #000;z-index:2}.ability.unaffordable{filter:saturate(.2);opacity:.5}.shop{position:absolute;bottom:19px;right:20px;width:207px;padding:10px}.shop-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.shop-header .tiny-label{font-size:6px}.shop-header strong{font-size:12px;color:#e8cc8c;font-variant-numeric:tabular-nums}.coin{margin-right:3px}.shop-items{display:flex;gap:6px}.shop-items button{flex:1;background:linear-gradient(150deg,#3d3a28,#1f2d2c);border:1px solid #a39a6e48;position:relative;padding:7px 3px 5px;display:flex;align-items:center;flex-direction:column}.shop-items button:disabled{opacity:.4}.shop-items kbd{position:absolute;left:2px;top:2px;font-size:7px;border:0;padding:0 2px}.item-icon{font:25px Georgia;color:var(--gold)}.shop-items b{font-size:6px;letter-spacing:.7px;margin:3px 0}.shop-items small{font-size:7px;color:#c5ac73}#toast-stack{position:absolute;right:25px;top:90px;display:flex;flex-direction:column;gap:8px;max-width:270px}.toast{background:#092027e8;border-left:2px solid var(--gold);padding:11px 18px;font-size:10px;color:#d8e4d5;animation:toast .2s ease-out}.toast.warning{border-color:#ed9374}@keyframes toast{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}#event-banner{position:absolute;top:17%;left:50%;transform:translate(-50%);font:600 29px Cormorant Garamond,Georgia;letter-spacing:3px;color:#f6db9f;text-align:center;background:linear-gradient(90deg,transparent,#071b27db,transparent);padding:15px 65px;text-shadow:0 2px 8px #000;white-space:nowrap}#target-card{position:absolute;top:92px;left:21px;padding:9px 13px;width:174px}#target-card>strong{display:block;font-size:9px;letter-spacing:1px;margin:5px 0 8px}.thin-bar{height:3px;background:#fff1}.thin-bar i{display:block;height:100%;background:var(--red)}#damage-numbers{position:absolute;inset:0;overflow:hidden;pointer-events:none}.damage-number{position:absolute;font-size:14px;font-weight:800;color:#ffe0a1;text-shadow:0 2px 5px #000;transform:translate(-50%,-100%);animation:damage .8s ease-out forwards}.damage-number.heal{color:#b2f5ab}@keyframes damage{to{opacity:0;margin-top:-45px}}#respawn{position:absolute;top:34%;left:50%;transform:translate(-50%);text-align:center;background:#061821e6;padding:30px 55px;border:1px solid #7d9c8f55}#respawn>span{display:block;color:var(--gold);font-size:9px;letter-spacing:2px}#respawn>strong{display:block;font:65px Georgia;margin:5px}#respawn>small{color:var(--muted);font-size:10px}#modal{position:fixed;inset:0;z-index:70;background:#031017bb;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center}.modal-card{position:relative;background:linear-gradient(135deg,#142f32,#071a22);border:1px solid #bfa97766;padding:45px;width:min(620px,calc(100% - 30px));max-height:90vh;overflow:auto}.close{position:absolute;right:12px;top:10px;font-size:25px}.modal-card h2{font:500 43px Cormorant Garamond,Georgia;margin:13px 0 15px}.modal-card p{color:#aec3b8;font-size:12px;line-height:1.9}.modal-card a{color:var(--gold)}.guide-rows{display:grid;grid-template-columns:120px 1fr;gap:13px;font-size:11px;color:#c0d0c4;margin:25px 0}.guide-rows strong{color:var(--gold);font-size:10px;letter-spacing:1px}.guide-rows span{line-height:1.6}.modal-card .primary{margin-top:25px}.credits-numbers{display:flex;border-block:1px solid #c2b98a33;margin:24px 0;padding:20px 0;justify-content:space-around}.credits-numbers strong{display:block;text-align:center;font:32px Georgia;color:var(--gold)}.credits-numbers span{font-size:8px;letter-spacing:1px;color:var(--muted)}#result{position:fixed;inset:0;background:radial-gradient(ellipse,#0a2625e8,#031018ef);z-index:60;display:grid;place-items:center;text-align:center}.result-content h1{font:500 clamp(60px,10vw,125px) "Cormorant Garamond",Georgia;letter-spacing:12px;margin:15px 0 0;color:#e7d2a0}.result-content>p{color:var(--muted);font-size:13px}.result-content .primary{margin:30px auto 20px;min-width:240px}.result-content .text-button{display:block;margin:auto}#result-stats{display:flex;justify-content:center;gap:45px;margin:30px 0}#result-stats strong{display:block;font:30px Georgia;color:var(--gold)}#result-stats span{display:block;font-size:8px;letter-spacing:1.5px;margin-top:8px;color:#9cb3a7}#fatal{position:fixed;inset:0;z-index:110;background:#081d24;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}#fatal h1{font:45px Georgia}#fatal p{color:var(--muted);max-width:600px;line-height:1.8}#touch-controls{display:none}body.playing #vignette{background:radial-gradient(ellipse at center,transparent 45%,#04121c44)}body.injured #vignette{box-shadow:inset 0 0 100px #bc332e66}@media(min-width:1500px){.hero-panel{gap:16px;padding:15px}.hero-info{width:180px}.ability{width:68px;height:80px}.ability svg{width:39px;height:39px}.ability>span{font-size:6px}.bottom-left{width:245px}.shop{width:230px}.menu-copy{left:8%}}@media(max-width:1100px){.hero-panel{gap:7px;padding:8px}.hero-info{width:120px}.portrait{width:48px;height:67px}.ability{width:47px;height:62px}.ability svg{width:29px;height:29px}.ability>span{font-size:4px}.abilities{gap:5px}.bottom-left{width:165px}.shop{width:160px}.shop-header .tiny-label,.shop-items b{font-size:5px}.objective{width:265px}.top-left{gap:8px;padding:0 10px}.top-left strong{font-size:6px}.menu-copy{left:6%}.world-note{right:4%;bottom:20%;max-width:220px}.world-note p{font-size:10px}}@media(max-width:760px){.menu-header{top:20px}.build-label{display:none}.menu-copy{top:24%;left:7%}.menu-copy h1{font-size:58px}.menu-copy>p{font-size:11px}.menu-actions{gap:8px}.primary{padding:17px 20px;gap:25px}.secondary{padding:16px 15px;gap:15px}.world-note{display:none}.menu-footer>span:last-child{display:none}.menu-footer{bottom:18px}.top-left{top:10px;left:10px;height:32px}.top-left strong{display:none}.top-left>span:not(.faction-dot){font-size:13px}.top-right{top:10px;right:10px;height:32px}.top-right>span{font-size:10px}.top-right .icon-button{width:25px;height:27px;font-size:16px}.objective{top:54px;width:250px;padding:8px 12px}.objective>span{font-size:8px}.objective small{font-size:7px}.bottom-left{left:10px;bottom:110px;width:116px}.map-caption{font-size:4px;letter-spacing:1px}.control-hint{display:none}.hero-panel{bottom:8px;padding:7px;width:calc(100% - 20px);justify-content:center;gap:8px}.hero-info{width:25%;max-width:170px}.portrait{width:39px;height:58px}.portrait>span{width:20px;height:20px;font-size:9px}.hero-title strong{font-size:8px}.hero-title span{font-size:5px}.hero-title{margin-bottom:5px}.resource{height:11px}.resource span{font-size:6px;line-height:9px}.ability{height:58px;width:43px}.ability svg{width:26px;height:26px}.ability>span{font-size:4px}.shop{right:10px;bottom:110px;width:143px;padding:7px}.shop-items button{padding:5px 2px}.item-icon{font-size:20px}.shop-header{margin-bottom:5px}.shop-header strong{font-size:10px}.shop-header .tiny-label{font-size:5px}#target-card{top:108px;left:10px;width:130px}#toast-stack{right:10px;top:110px;max-width:190px}.toast{font-size:8px;padding:8px 12px}#event-banner{top:27%;font-size:20px;padding:12px 20px}#touch-controls{display:block;pointer-events:none}.touch-dpad{position:absolute;bottom:244px;left:17px;width:99px;height:86px;display:grid;grid-template:repeat(2,40px)/repeat(3,30px);gap:4px}.touch-dpad button,#touch-attack{background:#0b2634aa;border:1px solid #a6c8bb44;font-size:19px;border-radius:7px;touch-action:none}.touch-dpad button:first-child{grid-column:2}.touch-dpad button:nth-child(2){grid-row:2;grid-column:1}.touch-dpad button:nth-child(3){grid-row:2;grid-column:2}.touch-dpad button:nth-child(4){grid-row:2;grid-column:3}#touch-attack{position:absolute;bottom:248px;right:40px;width:62px;height:62px;border-radius:50%;font-size:28px}.modal-card{padding:30px 25px}.modal-card h2{font-size:35px}.guide-rows{grid-template-columns:90px 1fr;font-size:10px;gap:12px}.result-content h1{letter-spacing:5px}#result-stats{gap:22px}}@media(pointer:fine){#touch-controls{display:none}}@media(max-height:580px){.menu-copy{top:23%}.menu-copy h1{font-size:49px;margin:15px 0}.menu-copy>p{margin-bottom:18px;font-size:10px}.menu-footer{padding-top:13px}.match-facts{margin-top:13px}.world-note{bottom:22%}.menu-header{top:19px}.hero-panel{bottom:9px}.bottom-left{bottom:9px;width:145px}.shop{bottom:9px}.objective{padding:7px 15px}.objective small{display:none}}.menu-settings{display:flex;align-items:center;gap:18px}.menu-settings .text-button{font-size:7px;letter-spacing:1px;color:#a7bdb0}@media(max-width:760px){.menu-settings{gap:10px}.menu-settings .text-button{font-size:6px}}.model-guide-link{display:block;margin-top:18px}.agent-prompt{display:block;width:100%;height:285px;resize:vertical;background:#07171e;color:#c6dbd0;border:1px solid #bfa97755;padding:16px;font:11px/1.7 ui-monospace,monospace;margin:22px 0 10px}.agent-prompt:focus{outline:1px solid var(--gold)}