:root{--ink:#071316;--panel:#112429;--gold:#e6c684;--teal:#96e6df;--muted:#98aaac;--paper:#f0ede0;--line:rgba(228,211,164,.2)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}button:disabled{cursor:default}button{touch-action:manipulation}.hidden{display:none!important}#game{position:fixed;inset:0;touch-action:none}#game canvas{display:block}.vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 170px #030b10aa}.screen{position:fixed;inset:0}.menu{isolation:isolate}.menu-art{position:absolute;inset:0;z-index:-3;background:url('cover.webp') 62% center/cover no-repeat;transform:scale(1.015)}.menu-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,15,19,.95),rgba(4,15,19,.83) 24%,rgba(4,15,19,.2) 68%),linear-gradient(0deg,#071316 0%,transparent 40%,#07131644 100%)}.menu-top{position:absolute;top:35px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center}.wordmark{text-decoration:none;color:var(--paper);font-size:12px;font-weight:800;letter-spacing:3px;display:flex;align-items:center;gap:12px}.sigil{color:var(--gold);font-size:30px;font-weight:400}.edition{font-size:9px;letter-spacing:2px;color:#ced4cf}.edition b{color:var(--gold);margin-left:18px;font-size:15px}.menu-copy{position:absolute;left:8%;top:23%;max-width:580px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:700;color:var(--gold);display:flex;align-items:center;gap:11px}.eyebrow i{height:1px;width:30px;background:var(--gold)}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(62px,7.8vw,116px);font-weight:400;line-height:.86;letter-spacing:-5px;margin:26px 0 26px}h1 span{display:block;color:var(--gold)}.tagline{font-family:Georgia,serif;font-size:24px;line-height:1.4;letter-spacing:.1px;margin:0 0 15px}.intro{font-size:12px;line-height:1.9;color:#b2c0bf;margin:0 0 27px}.primary{border:1px solid #f2d590;background:linear-gradient(110deg,#e6c684,#f1d795);color:#182529;padding:19px 24px;font-weight:800;font-size:11px;letter-spacing:1.7px;min-width:240px;display:flex;align-items:center;justify-content:space-between;gap:28px;transition:filter .2s,transform .2s;box-shadow:0 8px 35px #e6b95818}.primary:hover{filter:brightness(1.12);transform:translateY(-2px)}.primary span{font-size:20px;line-height:12px}.start-meta{display:flex;gap:20px;font-size:9px;color:#adc1c0;margin-top:13px;letter-spacing:.5px}.start-meta span+span:before{content:'·';margin-right:20px;color:var(--gold)}.menu-bottom{position:absolute;left:8%;right:8%;bottom:77px;display:flex;gap:65px;border-top:1px solid var(--line);padding-top:24px}.menu-bottom>div{display:flex;gap:15px;align-items:center}.feature-icon{color:var(--gold);font-size:28px}.menu-bottom b{display:block;font-size:9px;letter-spacing:1.4px;margin-bottom:7px}.menu-bottom small{font-size:10px;color:#9db0af}.menu-foot{position:absolute;left:8%;right:8%;bottom:26px;display:flex;justify-content:space-between;align-items:center;color:#7c9596;font-size:8px;letter-spacing:1.5px}.text-button{border:0;background:none;font-size:9px;letter-spacing:1.2px;color:#c8d1ca}.text-button span{margin-left:8px;border:1px solid var(--line);padding:2px 5px}.hud{pointer-events:none;position:fixed;inset:0}.hud button{pointer-events:auto}.battle-top{display:flex;justify-content:space-between;position:absolute;inset:26px 32px auto;gap:20px}.keep-panel{width:230px}.keep-heading{display:flex;gap:12px;align-items:center;margin-bottom:14px}.keep-heading b{font-family:Georgia,serif;font-size:20px;letter-spacing:3px;font-weight:400}.keep-heading small{display:block;font-size:8px;letter-spacing:1.5px;color:#a0b8b9;margin-top:5px}.health-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;margin-bottom:7px}.health-heading span{color:#b0c3c2}.health-heading strong{color:var(--gold);font-size:9px}.health-track{height:5px;background:#091012;border:1px solid #496161}.health-track>div{height:100%;background:linear-gradient(90deg,#478d8a,#a8e5c8);width:100%;transition:width .2s}.battle-objective{text-align:center;padding-top:3px;min-width:250px}.battle-objective>span{font-size:8px;letter-spacing:2.2px;color:#a7bfbd}.battle-objective>div:nth-child(2){display:flex;gap:11px;justify-content:center;align-items:center;margin-top:8px}.battle-objective b{font-family:Georgia,serif;font-size:38px;font-weight:400;line-height:1}.battle-objective small{font-size:8px;letter-spacing:1.8px;max-width:56px;text-align:left;line-height:1.7;color:#b6c4c0}.siege-track{height:2px;background:#95a6a826;margin:13px auto 0;width:190px}.siege-track i{height:2px;background:var(--gold);display:block;width:0}.battle-tools{text-align:right;width:230px}.top-actions{display:flex;gap:8px;justify-content:flex-end;margin-bottom:10px}.icon-button{width:36px;height:32px;background:#0c2029c9;border:1px solid #506065;display:flex;align-items:center;justify-content:center;gap:4px;font-size:16px}.icon-button:first-child{width:55px}.icon-button span{font-size:7px;color:#aac2c2}.icon-button:hover,.view-button:hover{border-color:var(--gold);color:var(--gold)}.armory-button{background:#172d33e0;border:1px solid var(--line);padding:8px 12px;display:inline-flex;align-items:center;gap:12px}.coin{color:var(--gold);font-size:22px;line-height:18px}.armory-button b{font-size:15px;color:var(--gold);min-width:30px;text-align:left}.armory-button>span:last-child{font-size:9px;letter-spacing:1px}kbd{font-family:inherit;font-size:9px;color:#b6c6c6;border:1px solid #53666a;min-width:17px;height:17px;text-align:center;display:inline-grid;place-items:center;margin-left:5px}.time-row{font-size:8px;letter-spacing:1px;display:flex;gap:16px;justify-content:flex-end;margin-top:10px;color:#779da2}.announcement{position:absolute;top:135px;left:50%;transform:translateX(-50%);color:#f3ddb0;font-family:Georgia,serif;font-size:17px;text-align:center;letter-spacing:.5px;text-shadow:0 2px 10px #000;opacity:0;transition:opacity .3s;white-space:nowrap}.announcement.visible{opacity:1}.field-label{position:absolute;top:61%;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:2.4px;color:#94bbb5;opacity:.7}.field-label i{display:inline-block;width:4px;height:4px;border:1px solid var(--gold);transform:rotate(45deg);margin-right:7px}.ability-bar{position:absolute;left:50%;bottom:46px;transform:translateX(-50%);display:flex;gap:9px}.ability{position:relative;overflow:hidden;width:174px;height:69px;display:flex;align-items:center;text-align:left;gap:11px;border:1px solid #65767a;background:linear-gradient(130deg,#173039ee,#0b1c25f2);padding:9px 13px;box-shadow:0 7px 20px #0004}.ability:hover{border-color:var(--gold);transform:translateY(-2px)}.ability:disabled{border-color:#465358}.ability-symbol{font-size:29px;min-width:29px;text-align:center;z-index:1}.fire{color:#f4b074}.ice{color:#a1e6f1}.nova{color:var(--gold)}.ability-name{font-size:9px;letter-spacing:.6px;font-weight:700;z-index:1}.ability-name small{display:block;font-size:8px;font-weight:400;color:#90a9ad;margin-top:5px;letter-spacing:0}.ability kbd{position:absolute;right:5px;top:4px;font-size:7px;min-width:13px;height:13px;color:#a6bcc0}.cooldown{position:absolute;inset:0;z-index:3;background:#06141bab;display:flex;align-items:center;justify-content:center;font-size:23px;font-family:Georgia,serif;color:#ddece8}.cooldown-sweep{position:absolute;left:0;bottom:0;height:3px;background:var(--gold);width:100%}.control-hint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);font-size:7px;letter-spacing:1px;color:#759397;white-space:nowrap}.control-hint span{color:#a9bdbb;margin-left:3px}.bottom-left{position:absolute;bottom:55px;left:32px}.view-button{background:#10252be0;border:1px solid #3b585d;color:#a9c4c3;font-size:11px;padding:8px 10px}.view-button span{font-size:8px;letter-spacing:1.1px;margin:0 8px}.legend{display:flex;gap:6px;align-items:center;font-size:6px;letter-spacing:.5px;color:#819e9e;margin-top:13px}.legend i{height:4px;width:4px;display:inline-block}.legend i:not(:first-child){margin-left:4px}.grunt{background:#da7864}.armor{background:#b59a82}.brute{background:#b788de}.bottom-right{position:absolute;right:32px;bottom:57px;text-align:right}.bottom-right b{font-family:Georgia,serif;font-size:27px;font-weight:400}.bottom-right>span{display:block;font-size:7px;letter-spacing:2px;color:#b2c9c2;margin-top:4px}.bottom-right small{font-size:7px;letter-spacing:1px;color:#6f9394;display:block;margin-top:8px}.modal{position:fixed;inset:0;background:#020c12ba;backdrop-filter:blur(7px);z-index:10;display:grid;place-items:center;padding:24px}.modal-card{position:relative;background:linear-gradient(135deg,#1c343b,#0a1b23);border:1px solid #6b7060;width:min(680px,100%);padding:45px;box-shadow:0 40px 90px #0008;max-height:92dvh;overflow:auto}.modal-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:25px;color:#b5c4c2}.modal-card h2{font-family:Georgia,serif;font-weight:400;font-size:42px;margin:16px 0 20px;color:#f1e7cf}.modal-card p{color:#a9bdbe;line-height:1.8;font-size:13px}.modal-actions{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}#modal-actions{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}.secondary{background:none;border:1px solid #688083;color:#c7dad4;padding:14px 19px;font-size:10px;letter-spacing:1px}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.upgrade{background:#0b2027;border:1px solid #3f5b60;padding:18px 12px;color:#d3ded5;text-align:left}.upgrade:hover:not(:disabled){border-color:var(--gold)}.upgrade:disabled{opacity:.45}.upgrade strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:19px;margin-bottom:12px;color:var(--gold)}.upgrade small{display:block;min-height:48px;font-size:10px;line-height:1.6;color:#a4bbba}.upgrade b{display:block;margin-top:15px;font-size:12px;color:var(--gold)}.upgrade em{display:block;font-size:8px;font-style:normal;margin-top:6px;color:#739797;letter-spacing:1px}.upgrade-wallet{color:var(--gold)!important;font-size:15px!important}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-grid b{color:var(--gold);font-size:11px;letter-spacing:1px}.guide-grid p{font-size:11px;margin-top:7px}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.results strong{font-family:Georgia,serif;font-size:29px;font-weight:400;color:var(--gold);display:block}.results span{font-size:8px;color:#a3bbba;letter-spacing:1px}.toast{position:fixed;left:50%;bottom:148px;transform:translateX(-50%);background:#0a1b25e8;border:1px solid #5e7977;padding:10px 20px;color:var(--gold);font-size:12px;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}.joystick{display:none}.load-error{position:fixed;inset:20%;display:grid;place-items:center;background:#142a31;border:1px solid var(--gold);padding:25px;text-align:center}
@media(min-width:1600px){.menu-copy{top:22%}.menu-bottom{bottom:95px}.menu-foot{bottom:38px}}
@media(max-height:750px) and (min-width:801px){.menu-copy{top:20%}.menu-copy h1{font-size:77px;margin:20px 0}.tagline{font-size:19px}.intro{font-size:11px;margin-bottom:18px}.menu-bottom{bottom:64px;padding-top:16px}.menu-top{top:23px}.primary{padding:16px 22px}.menu-bottom small{font-size:9px}.menu-foot{bottom:20px}.menu-copy .eyebrow{font-size:8px}}
@media(max-width:1100px){.bottom-left{bottom:138px}.bottom-right{bottom:138px}.ability{width:165px}.menu-bottom{gap:28px}.battle-top{inset:20px 22px auto}.keep-panel,.battle-tools{width:200px}.battle-objective{min-width:210px}}
@media(max-width:700px){.menu-top{top:22px;left:7%;right:7%}.wordmark{font-size:10px;letter-spacing:2px}.edition{font-size:6px;letter-spacing:1px}.menu-art{background-position:58% center}.menu-shade{background:linear-gradient(90deg,#071316de,transparent),linear-gradient(0deg,#071316 0%,#07131699 35%,#07131622 70%)}.menu-copy{top:22%;left:9%;right:8%}.menu-copy h1{font-size:76px;margin:24px 0;letter-spacing:-4px}.tagline{font-size:21px}.intro{font-size:11px}.eyebrow{font-size:8px;letter-spacing:2px}.menu-bottom{left:9%;right:9%;bottom:67px;padding-top:18px;gap:20px}.menu-bottom>div:last-child{display:none}.menu-bottom>div{gap:9px}.menu-bottom b{font-size:7px;letter-spacing:.8px}.menu-bottom small{font-size:8px;line-height:1.5;display:block}.feature-icon{font-size:24px}.menu-foot{left:9%;right:9%;bottom:27px}.menu-foot>span{font-size:6px;max-width:160px;line-height:1.8}.text-button{font-size:7px}.battle-top{inset:15px 15px auto;gap:8px}.keep-panel{width:135px}.keep-heading{gap:6px;margin-bottom:11px}.keep-heading .sigil{font-size:21px}.keep-heading b{font-size:13px;letter-spacing:1px}.keep-heading small{font-size:5px;letter-spacing:.8px}.health-heading{font-size:6px;letter-spacing:.2px}.health-heading strong{font-size:6px}.battle-objective{min-width:90px;padding-top:4px}.battle-objective>span{display:none}.battle-objective>div:nth-child(2){display:block;margin-top:0}.battle-objective b{font-size:28px}.battle-objective small{display:block;font-size:5px;text-align:center;max-width:none;letter-spacing:.8px;margin-top:5px}.siege-track{width:80px;margin-top:7px}.battle-tools{width:100px}.top-actions{gap:5px;margin-bottom:8px}.icon-button{height:25px;width:28px;font-size:13px}.icon-button:first-child{width:44px}.icon-button span{font-size:6px}.armory-button{padding:4px 6px;gap:5px}.armory-button b{font-size:11px;min-width:25px}.armory-button .coin{font-size:16px}.armory-button>span:last-child{font-size:6px;letter-spacing:0}.armory-button kbd{display:none}.time-row{font-size:6px;gap:9px;margin-top:7px}.ability-bar{left:auto;right:12px;bottom:46px;transform:none;gap:6px}.ability{width:65px;height:72px;padding:6px;display:block;text-align:center}.ability-symbol{font-size:25px;display:block;margin-bottom:3px}.ability-name{font-size:6px;letter-spacing:0}.ability-name small{display:none}.ability kbd{display:none}.ability:hover{transform:none}.control-hint{bottom:21px;font-size:5px;letter-spacing:.3px}.control-hint span{margin-left:1px}.bottom-left{left:15px;bottom:145px}.view-button{padding:6px;font-size:10px}.view-button span{font-size:6px;margin:0 4px}.view-button kbd{display:none}.legend{font-size:4px;gap:4px;margin-top:8px}.bottom-right{right:16px;bottom:143px}.bottom-right b{font-size:22px}.bottom-right>span,.bottom-right small{font-size:5px}.joystick{display:block;position:absolute;pointer-events:auto;touch-action:none;left:22px;bottom:46px;width:81px;height:81px;border:1px solid #557e80;border-radius:50%;background:#0b242d99}.joystick i{position:absolute;width:33px;height:33px;background:#40747c99;border:1px solid #8fb9b9;border-radius:50%;top:23px;left:23px;pointer-events:none}.field-label{top:57%;font-size:5px}.announcement{top:111px;font-size:13px;max-width:85vw;white-space:normal}.modal{padding:15px}.modal-card{padding:30px 22px}.modal-card h2{font-size:31px}.upgrade-grid{grid-template-columns:1fr}.upgrade{padding:12px 14px;display:grid;grid-template-columns:1fr 75px;gap:4px}.upgrade strong{font-size:18px;margin-bottom:4px}.upgrade small{grid-row:2;min-height:0;font-size:10px}.upgrade b{grid-column:2;grid-row:1;margin-top:0;text-align:right}.upgrade em{grid-row:2;grid-column:2;text-align:right;font-size:7px}.guide-grid{gap:13px}.guide-grid p{font-size:10px}.modal-card p{font-size:11px}.primary{min-width:210px;font-size:10px}.results strong{font-size:25px}.results span{font-size:6px}.toast{bottom:230px;font-size:10px;width:max-content;max-width:90vw}}
@media(max-height:590px){.menu-copy{top:21%}.menu-copy h1{font-size:55px;margin:14px 0}.tagline{font-size:17px}.intro{display:none}.menu-bottom{display:none}.menu-top{top:15px}.menu-copy .primary{padding:13px 18px}.menu-foot{bottom:20px}.battle-top{inset:10px 15px auto}.ability-bar{bottom:26px}.control-hint{bottom:9px}.bottom-right,.bottom-left{bottom:105px}.joystick{bottom:27px}.modal-card{max-height:95dvh}.field-label{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.primary:hover{transform:none}}

@media (pointer:coarse) and (min-width:701px){.joystick{display:block;position:absolute;pointer-events:auto;touch-action:none;left:28px;bottom:31px;width:81px;height:81px;border:1px solid #557e80;border-radius:50%;background:#0b242d99}.joystick i{position:absolute;width:33px;height:33px;background:#40747c99;border:1px solid #8fb9b9;border-radius:50%;top:23px;left:23px;pointer-events:none}.bottom-left{bottom:132px}.ability-bar{bottom:28px;left:auto;right:20px;transform:none}.ability{width:130px;height:65px}.ability-symbol{font-size:24px}.ability-name{font-size:8px}.ability kbd{display:none}.control-hint{display:none}.bottom-right{bottom:113px}.legend{display:none}}