@font-face{font-family:Barlow;src:url('./barlow-900.woff2') format('woff2');font-weight:900;font-display:swap}@font-face{font-family:Barlow;src:url('./barlow-700.woff2') format('woff2');font-weight:500 800;font-display:swap}
:root{--ink:#111b22;--paper:#f2ede0;--muted:#a8ada9;--gold:#e5b373;--amber:#eea64e;--line:rgba(211,193,163,.24);--cond:Barlow,'Arial Narrow',Impact,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:700 15px var(--cond);letter-spacing:1px;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #ffd086;outline-offset:5px}button{border:0}button:disabled{cursor:default}svg{fill:none;stroke:currentColor;stroke-width:2.1;stroke-linejoin:round;stroke-linecap:round}.symbol-defs{position:absolute;width:0;height:0;overflow:hidden}#app{position:relative;width:100%;height:100svh;min-height:500px;overflow:hidden}#game{position:absolute;inset:0;width:100%;height:100%;outline:0;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(10,19,25,.98) 0%,rgba(11,20,26,.88) 23%,rgba(13,21,26,.2) 56%,rgba(9,18,23,.12) 100%),linear-gradient(0deg,rgba(9,17,22,.82),transparent 30%,transparent 80%,rgba(9,17,22,.7));transition:background .4s}.masthead{position:absolute;left:48px;right:48px;top:32px;display:flex;align-items:center;justify-content:space-between;z-index:3}.brand{display:flex;align-items:center;gap:12px;color:var(--paper);text-decoration:none}.brand>svg{width:33px;height:41px;color:var(--gold)}.brand>span{font:900 26px/.9 var(--cond);letter-spacing:2px}.brand small{display:block;margin-top:7px;font:700 8px Arial,sans-serif;letter-spacing:2.1px;color:var(--muted)}.header-tools{display:flex;align-items:center;gap:9px}.edition{font:700 12px var(--cond);letter-spacing:2.3px;color:#c4b7a7;margin-right:19px}.square{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--line);background:rgba(18,29,35,.55);font-size:19px}.square svg{width:18px;height:18px}.square:hover{background:#aa714e;color:white}.square.muted{opacity:.45}.play-only{display:none}.entry{position:absolute;inset:0;pointer-events:none}.entry button,.entry a{pointer-events:auto}.entry-copy{position:absolute;left:7%;top:19%;width:450px}.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 20px;font:700 12px var(--cond);letter-spacing:3.2px;color:var(--gold)}.eyebrow>span{display:inline-block;width:28px;height:1px;background:var(--gold)}h1{position:relative;margin:0;font:900 clamp(94px,9.5vw,144px)/.76 var(--cond);letter-spacing:1px;text-shadow:0 4px 25px #11182030}h1>span{display:block;margin-top:11px;color:var(--gold)}h1 em{position:absolute;left:286px;bottom:3px;writing-mode:vertical-rl;font:700 12px var(--cond);letter-spacing:4px;color:#c2bba9}.lead{font:700 30px/1.14 var(--cond);letter-spacing:.3px;margin:28px 0 14px}.intro{color:#b6bbb5;font-size:13px;line-height:1.7;margin:0 0 29px}.primary{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--amber);color:#182126;min-height:58px;padding:0 23px;width:290px;font:900 19px var(--cond);letter-spacing:1.2px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));box-shadow:0 5px 30px #0003;transition:background .15s,transform .15s}.primary:hover{background:#ffd095;transform:translateY(-2px)}.primary svg{width:22px;height:22px}.entry-meta{margin-top:17px;display:flex;gap:14px;align-items:center;font:700 10px var(--cond);letter-spacing:2px;color:#8b9698}.entry-meta i{height:3px;width:3px;background:var(--gold);transform:rotate(45deg)}.hero-caption{position:absolute;right:5%;bottom:18%;display:flex;flex-direction:column;align-items:flex-end;border-right:2px solid var(--gold);padding-right:17px;text-shadow:0 2px 10px #000}.hero-caption span{font:700 11px var(--cond);letter-spacing:2.5px;color:var(--gold)}.hero-caption strong{font:700 21px var(--cond);letter-spacing:1px;margin:5px 0}.hero-caption small{font:700 8px Arial;letter-spacing:1.5px;color:#b9beb8}.entry-bottom{position:absolute;left:48px;right:48px;bottom:61px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:22px}.entry-controls{display:flex;align-items:center;gap:26px;color:#bcc0b8;font:700 10px var(--cond);letter-spacing:1.3px}.entry-controls>span{display:flex;align-items:center;gap:9px}.entry-controls svg{width:20px;height:20px;color:var(--gold)}kbd{font:700 10px var(--cond);display:inline-block;padding:4px 6px;border:1px solid #a7b5b040;color:#d0d4cc;letter-spacing:1px;background:#34404930}.entry-bottom>button{background:none;color:var(--gold);font-size:12px;letter-spacing:2px}.entry-bottom>button span{margin-left:20px;font-size:17px}.fan-credit{position:absolute;bottom:25px;left:48px;color:#627378;font-size:8px;letter-spacing:1.7px}.hud{position:absolute;inset:0;pointer-events:none}.hud button{pointer-events:auto}.hero-status{position:absolute;left:40px;top:105px;display:flex;align-items:center;gap:10px;width:275px}.portrait-mark{display:grid;place-items:center;width:50px;height:59px;background:#1e2a31d9;border:1px solid var(--line);border-bottom:2px solid var(--gold)}.portrait-mark svg{width:29px;height:36px;color:var(--gold)}.vitals{flex:1}.stat-title{display:flex;justify-content:space-between;align-items:center;font:700 14px var(--cond);margin-bottom:7px}.stat-title small{font-size:10px;color:var(--muted)}.meter{height:9px;background:#040d13aa;transform:skewX(-10deg);overflow:hidden}.meter i{display:block;height:100%;width:100%;background:#eee5ce;transition:width .12s}.barrier-line{display:flex;align-items:center;gap:7px;margin-top:9px}.barrier-line>svg{width:12px;height:15px;color:#99dbe5}.barrier-line .meter{flex:1;height:4px}.barrier-line .meter i{background:#87cbdc}.barrier-line>span{font:700 11px var(--cond);color:#9fdae5;min-width:28px;text-align:right}.objective{position:absolute;top:108px;left:50%;transform:translateX(-50%);width:350px}.objective-title{display:flex;justify-content:space-between;align-items:center;font:700 10px var(--cond);letter-spacing:1.1px;color:var(--gold)}.objective-title>strong{color:var(--paper);font-size:13px}.route{position:relative;margin-top:15px;height:4px;background:#070e13c9}.route>i{position:absolute;inset:0 auto 0 0;background:var(--gold);width:0;box-shadow:0 0 10px #eab37360}.milestone{position:absolute;top:-3px;background:#737f7e;width:2px;height:10px}.milestone.first{left:33%}.milestone.second{left:68%}.destination{position:absolute;right:-3px;top:-7px;font-size:15px;color:var(--gold)}.objective-bottom{display:flex;justify-content:space-between;margin-top:10px;font:700 9px var(--cond);letter-spacing:1.4px;color:#b7bdb3}.objective-bottom b{color:#e1d6bf}.score-block{position:absolute;top:102px;right:46px;text-align:right}.score-block>span{font:700 10px var(--cond);letter-spacing:2px;color:var(--gold)}.score-block>strong{display:block;font:700 33px/1 var(--cond);letter-spacing:2px;margin-top:3px}.score-block>small{font:700 8px var(--cond);letter-spacing:1.5px;color:#abb9b7}.ability-bar{position:absolute;bottom:33px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.ability{position:relative;width:92px;height:101px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(150deg,#2b373cd9,#111b22e8);border:1px solid #84928b45;border-bottom:2px solid #a7a89b;transition:background .15s;letter-spacing:.8px}.ability:hover{background:#38464bec}.ability>kbd{position:absolute;top:-11px;background:#19262c;font-size:9px;min-width:24px;padding:3px 5px;border-color:#697673}.ability>svg{height:34px;width:34px;margin:4px 0 7px;color:#d8d3c1;stroke-width:2}.ability>strong{font-size:12px}.ability>small{margin-top:5px;font:700 8px var(--cond);color:#a0ada8;letter-spacing:1px}.ability.cooldown{opacity:.52}.ability.ultimate{width:112px;border-color:#a07540;color:var(--gold)}.ability.ultimate>svg{color:var(--gold)}.ability.ultimate.ready{background:#a77226b8;box-shadow:0 0 25px #d5993650}.ability.ultimate.ready>small{color:#ffe3b4}.ability.active{border-color:#89d7e9;background:#2a6584b5}.move-hint{position:absolute;bottom:43px;left:43px;font:700 9px var(--cond);letter-spacing:1px;color:#94a4a5;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.move-hint kbd{padding:5px 8px;font-size:11px}.announcement{position:absolute;top:23%;left:50%;transform:translate(-50%,-8px);display:none;text-align:center;pointer-events:none;width:90%;text-shadow:0 2px 15px #081017}.announcement.show{display:block;animation:announce .4s both}.announcement span{display:block;margin:0 auto 13px;width:48px;height:2px;background:var(--gold)}.announcement strong{font:900 35px var(--cond);letter-spacing:2px}.announcement p{font-size:12px;color:#ddceb5;margin:8px}.toast{position:absolute;left:50%;top:58%;transform:translateX(-50%);font:900 22px var(--cond);letter-spacing:2px;color:#ffce80;text-shadow:0 2px 13px #000;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap}.toast.show{opacity:1}.damage-flash{position:absolute;inset:0;box-shadow:inset 0 0 100px #a03c28;opacity:0;pointer-events:none;transition:opacity .25s}.damage-flash.show{opacity:.65}.overlay{position:absolute;inset:0;background:#09131cba;backdrop-filter:blur(8px);display:grid;place-items:center;z-index:5}.overlay[hidden],.hud[hidden]{display:none}.panel{width:min(500px,90vw);padding:34px 38px;background:linear-gradient(145deg,#233139fa,#121e26f5);border:1px solid #b1966640;box-shadow:0 40px 100px #0008}.panel h2,dialog h2{font:900 64px/.95 var(--cond);margin:0 0 20px;letter-spacing:.5px}.panel p:not(.eyebrow){font-size:13px;line-height:1.6;color:#b9c0ba}.panel .primary{width:100%;margin-top:26px}.panel-actions{display:flex;justify-content:space-between;margin:25px 0}.panel-actions button,.text-button{padding:6px 0;background:none;color:var(--gold);font-size:12px}.panel>small{color:#73868c;font:700 9px var(--cond);letter-spacing:1.7px}.result{text-align:center;width:min(540px,92vw)}.result .eyebrow{justify-content:center;margin-bottom:14px}.result-crest{width:38px;height:46px;color:var(--gold);margin-bottom:16px}.result h2{font-size:57px}.result-score{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-top:23px}.result-score span,.result-score small{display:block;font:700 10px var(--cond);letter-spacing:2px;color:#a4b0ab}.result-score strong{display:block;font:900 56px var(--cond);letter-spacing:2px;color:var(--gold)}.result-stats{display:flex;justify-content:space-around;gap:10px;margin:22px 0}.result-stats b{display:block;font:700 26px var(--cond)}.result-stats span{font:700 8px var(--cond);letter-spacing:1.1px;color:#97aaa9}.result .text-button{margin-top:19px}dialog{position:fixed;border:1px solid #aa946044;background:#18272f;color:var(--paper);padding:38px;max-width:830px;width:92vw;max-height:90svh;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#08131bc7;backdrop-filter:blur(7px)}dialog .close{position:absolute;right:17px;top:12px;font:500 28px Arial;background:none;color:#cbbfa9}dialog h2{font-size:51px}.guide-intro{font-size:13px;line-height:1.8;color:#b9c1b9;max-width:680px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 27px;margin:30px 0}.guide-grid article{display:flex;gap:15px}.guide-grid svg{width:33px;height:36px;min-width:33px;color:var(--gold)}.guide-grid h3{font:700 17px var(--cond);letter-spacing:.8px;margin:0 0 8px}.guide-grid kbd{margin-left:5px;font-size:8px}.guide-grid p{font-size:12px;line-height:1.6;color:#aab9b8;margin:0}.guide-note{color:#829493;font-size:10px;line-height:1.6;margin:20px 0}.guide-movement{padding-left:48px}.loading{position:absolute;inset:0;background:#15232b;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;z-index:10;font:700 13px var(--cond);letter-spacing:3px;color:var(--gold);transition:opacity .5s}.loading svg{width:45px;height:55px}.loading.done{opacity:0;pointer-events:none}.touch-pad,.touch-combat{display:none}#app:not([data-state=menu]) .entry{display:none}#app:not([data-state=menu]) .vignette{background:linear-gradient(0deg,rgba(6,14,20,.85),transparent 24%,transparent 65%,rgba(8,17,24,.8))}#app:not([data-state=menu]) .play-only{display:grid}#app:not([data-state=menu]) .edition{display:none}@keyframes announce{from{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%,-8px)}}
@media(min-width:1600px){.entry-copy{top:20%;left:9%}}@media(max-height:760px) and (min-width:681px){.entry-copy{top:18%}.eyebrow{margin-bottom:17px}h1{font-size:102px}.lead{font-size:25px;margin-top:23px}.intro{font-size:12px;margin-bottom:22px}.entry-bottom{bottom:48px}.fan-credit{bottom:17px}.primary{min-height:50px}.hero-caption{bottom:20%}.result{padding:23px 30px}.result h2{font-size:44px}.result-crest{height:32px;margin-bottom:10px}.result-score{margin-top:15px;padding:11px 0}.result-score strong{font-size:42px}.result-stats{margin:14px 0}.result .primary{margin-top:17px}.result .text-button{margin-top:12px}}
@media(max-width:1000px) and (min-width:681px){.masthead{left:30px;right:30px}.entry-copy{left:6%;width:350px}.entry-controls{gap:12px}.entry-controls>span{font-size:9px}.entry-bottom{left:30px;right:30px}.hero-status{left:25px;width:230px}.objective{width:285px}.score-block{right:28px}.move-hint{left:27px}.ability{width:77px}.ability.ultimate{width:100px}.ability-bar{left:58%}.hero-caption{right:4%;bottom:22%}.entry-controls>span:last-child{display:none}}
@media(max-width:680px){#app{min-height:560px}.masthead{left:22px;right:22px;top:23px}.brand>svg{width:27px;height:35px}.brand>span{font-size:21px}.brand small{font-size:6px;margin-top:6px}.header-tools{gap:7px}.square{width:34px;height:34px}.edition{display:none}.entry-copy{left:26px;right:26px;top:113px;width:auto}.eyebrow{font-size:10px;letter-spacing:2.4px;margin-bottom:15px}h1{font-size:91px;line-height:.77}h1>span{display:inline;margin:0 0 0 12px}h1 br{display:none}h1 em{left:auto;right:6px;bottom:-23px;writing-mode:initial;font-size:9px;letter-spacing:3px}.lead{font-size:21px;line-height:1.05;margin-top:25px}.lead br{display:none}.intro{font-size:11px;margin:10px 0;line-height:1.6;max-width:235px}.entry-copy .primary{position:fixed;left:26px;bottom:116px;width:calc(100% - 52px);min-height:54px}.entry-meta{position:fixed;left:26px;right:26px;justify-content:center;bottom:87px;font-size:9px}.hero-caption{right:24px;bottom:204px;padding-right:10px}.hero-caption strong{font-size:14px}.hero-caption span{font-size:8px}.hero-caption small{font-size:6px}.entry-bottom{bottom:45px;left:26px;right:26px;padding-top:13px;justify-content:center}.entry-controls{display:none}.entry-bottom>button{font-size:11px}.fan-credit{left:0;width:100%;text-align:center;bottom:19px;font-size:6px;letter-spacing:1.2px}.vignette{background:linear-gradient(0deg,#0b1721 0%,transparent 29%,transparent 53%,#0e1b26d4 68%,#0e1b26 100%),linear-gradient(90deg,#101d2640,transparent)}.hero-status{left:20px;top:85px;width:213px}.portrait-mark{width:35px;height:44px}.portrait-mark svg{width:21px;height:28px}.stat-title{font-size:12px;margin-bottom:5px}.meter{height:6px}.barrier-line{margin-top:5px}.score-block{right:22px;top:82px}.score-block>strong{font-size:25px}.score-block>span{font-size:8px}.score-block>small{font-size:6px;letter-spacing:1px}.objective{top:153px;width:calc(100% - 44px)}.objective-title{font-size:9px}.objective-title>strong{font-size:12px}.route{margin-top:10px}.objective-bottom{font-size:8px;margin-top:7px}.move-hint{display:none}.ability-bar{bottom:22px;gap:7px;left:50%;width:calc(100% - 40px);justify-content:space-between}.ability{width:calc((100% - 14px)/3);height:76px}.ability[data-action=hammer],.ability[data-hold=shield]{display:none}.ability.ultimate{width:calc((100% - 14px)/3)}.ability svg{height:25px;width:25px;margin:3px 0 4px}.ability strong{font-size:11px}.ability small{font-size:8px;margin-top:4px}.ability kbd{top:-8px;font-size:8px;padding:2px 5px}.touch-pad{position:absolute;bottom:122px;left:22px;display:block;width:143px;height:132px;pointer-events:none}.touch-pad button{position:absolute;width:45px;height:43px;border:1px solid #b8c7c35c;background:#26363dd9;font:500 24px Arial;touch-action:none}.touch-pad .up{top:0;left:49px}.touch-pad .left{top:45px;left:0}.touch-pad .right{top:45px;left:98px}.touch-pad .down{top:90px;left:49px}.touch-pad>span{position:absolute;left:49px;top:52px;width:45px;text-align:center;font:700 8px/1.5 var(--cond);letter-spacing:1px;color:#b4c8ca}.touch-combat{position:absolute;right:23px;bottom:141px;display:flex;align-items:center;gap:10px;pointer-events:none}.touch-combat button{width:62px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #b4c1b06e;background:#254452d9;touch-action:none}.touch-combat .touch-hammer{width:72px;height:82px;border-color:#c58e47;background:#976731dc}.touch-combat svg{height:29px;width:29px}.touch-combat span{font-size:8px;letter-spacing:1.4px}.announcement{top:29%}.announcement strong{font-size:26px}.announcement p{font-size:11px}.toast{top:62%;font-size:16px;letter-spacing:1px}.panel{padding:28px 24px}.panel h2{font-size:51px}.panel .eyebrow{font-size:10px}.panel p:not(.eyebrow){font-size:12px}.panel .primary{font-size:17px}.result h2{font-size:47px}.result-crest{height:36px;margin-bottom:12px}.result-score{padding:13px 0;margin-top:17px}.result-score strong{font-size:45px}.result-stats b{font-size:24px}.result-stats span{font-size:6px}.result-stats{gap:5px;margin:18px 0}dialog{padding:28px 22px;max-height:90svh;width:94vw}dialog h2{font-size:36px}.guide-intro{font-size:12px;line-height:1.65}.guide-grid{grid-template-columns:1fr;gap:21px;margin:25px 0}.guide-grid p{font-size:12px}.guide-movement{padding-left:0}dialog .primary{width:100%}.guide-note{font-size:9px}#app:not([data-state=menu]) .brand small{display:none}#app:not([data-state=menu]) .brand>span{font-size:18px}.touch-pad button:active,.touch-combat button:active{background:#d09b58}}
@media(max-width:680px) and (max-height:730px){.entry-copy{top:95px}h1{font-size:76px}.lead{font-size:18px;margin-top:23px}.intro{font-size:10px}.hero-caption{bottom:180px}.entry-copy .primary{bottom:105px}.entry-meta{bottom:78px}.entry-bottom{bottom:40px}.touch-pad{bottom:116px;transform:scale(.9);transform-origin:left bottom}.touch-combat{bottom:132px}.announcement{top:32%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-height:560px) and (min-width:681px){#app{min-height:0}.masthead{top:19px;left:25px;right:25px}.entry-copy{top:91px;left:5%}h1{font-size:79px;line-height:.8}h1 br{display:none}h1>span{display:inline;margin-left:12px}h1 em{display:none}.entry-copy .eyebrow{font-size:9px;margin-bottom:15px}.lead{font-size:20px;margin:19px 0 9px}.lead br{display:none}.intro{font-size:10px;line-height:1.5;margin-bottom:15px}.entry-copy .primary{min-height:44px;width:255px;font-size:16px}.entry-meta{display:none}.entry-bottom{bottom:26px;padding-top:12px}.entry-controls{display:none}.entry-bottom>button{font-size:10px}.fan-credit{display:none}.hero-caption{bottom:19%;right:4%}.hero-caption strong{font-size:14px}.hero-caption small{font-size:6px}.hero-status{top:76px;width:218px;left:24px}.objective{top:76px;width:280px}.score-block{top:73px;right:27px}.score-block>strong{font-size:27px}.ability-bar{bottom:17px}.ability{height:71px;width:70px}.ability.ultimate{width:95px}.ability svg{height:25px;width:25px;margin:3px 0}.ability strong{font-size:10px}.ability small{font-size:7px}.move-hint{bottom:26px}.announcement{top:31%}.announcement strong{font-size:27px}.panel{max-height:95svh;overflow:auto}.result .result-crest{display:none}.result h2{font-size:35px}.result-score{padding:8px 0}.result-score strong{font-size:34px}.result-stats{margin:10px 0}.result .primary{min-height:44px}.result .text-button{margin-top:8px}}
@media(pointer:coarse) and (min-width:681px) and (max-height:600px){.move-hint{display:none}.ability-bar{left:50%;gap:8px}.ability[data-action=hammer],.ability[data-hold=shield]{display:none}.ability,.ability.ultimate{width:85px;height:65px}.touch-pad{position:absolute;bottom:18px;left:25px;display:grid;grid-template-columns:40px 40px 40px;grid-template-rows:38px 38px 38px;gap:2px;pointer-events:none}.touch-pad button{background:#203542dd;border:1px solid #b8c7c35c;font:500 21px Arial;touch-action:none}.touch-pad .up{grid-column:2;grid-row:1}.touch-pad .left{grid-column:1;grid-row:2}.touch-pad .right{grid-column:3;grid-row:2}.touch-pad .down{grid-column:2;grid-row:3}.touch-pad span{grid-column:2;grid-row:2;display:grid;place-items:center;text-align:center;font:700 7px/1.2 var(--cond);color:#b4c8ca}.touch-combat{position:absolute;right:27px;bottom:34px;display:flex;gap:9px;pointer-events:none}.touch-combat button{width:55px;height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#254452df;border:1px solid #b4c1b06e;touch-action:none}.touch-combat .touch-hammer{background:#976731dc;border-color:#c58e47}.touch-combat svg{width:27px;height:27px}.touch-combat span{font-size:8px}}