:root{font-family:Arial,Helvetica,sans-serif;color:#e6e4d9;background:#172a30;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block;width:100vw;height:100vh;outline:none}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible{outline:2px solid #dfc28c;outline-offset:5px}kbd{font:10px Arial;display:inline-block;border:1px solid #aaa8;min-width:19px;text-align:center;padding:3px 4px;border-radius:2px}#vignette{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 40%,transparent 35%,#0b16184d 100%);pointer-events:none}header{position:fixed;top:30px;left:35px;right:35px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:3px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#c4c9c5;margin-top:7px}.seal{font-family:serif;font-size:23px;border:1px solid #bd9972;color:#d2b592;padding:3px 7px}.tools{display:flex;gap:20px;align-items:center;font-size:9px;letter-spacing:1.2px;pointer-events:auto}.tools button{font-size:9px;letter-spacing:1px}.tools kbd{margin-left:4px}#renderer-label{opacity:.55;font-size:8px}.track{background:#132025b3;overflow:hidden}.track i{display:block;width:100%;height:100%;transform-origin:left;transition:transform .08s linear}#boss-hud{position:fixed;top:105px;left:50%;transform:translate(-50%);width:min(570px,49vw);text-shadow:0 1px 5px #18272b}.boss-heading{text-align:center}.boss-heading span{font-size:8px;letter-spacing:3px;color:#b5c8c9}.boss-heading h2{font:28px Georgia,serif;letter-spacing:1px;margin:8px 0 6px}.boss-health{height:6px;margin-top:16px;border:1px solid #bac4bf55;padding:1px}.boss-health i{background:linear-gradient(90deg,#9baca6,#e0e1cf)}.guard-row{display:flex;align-items:center;gap:12px;margin:9px auto;max-width:85%;font-size:8px;letter-spacing:2px;color:#e1bd7a}.guard-track{height:3px;flex:1}.guard-track i{background:#c7a263}#guard-value{width:22px;text-align:right}#player-hud{position:fixed;bottom:56px;left:44px;width:280px}.player-label{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:7px;margin-bottom:12px}.diamond{font-size:23px;color:#d2b58a}#hp-value{margin-left:auto;font-size:9px;letter-spacing:1px;color:#d4d6cd}.player-health{height:7px;border:1px solid #b8bba455;padding:1px}.player-health i{background:#c8c7a9}.stamina{height:4px;margin-top:7px;width:85%}.stamina i{background:#72b5ac}.resource-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;margin-top:10px;color:#bfcdca}.resource-label b{font-weight:400;margin-left:6px}.resource-label kbd{font-size:8px;padding:2px;margin-right:4px}#player-status{font-size:9px;letter-spacing:2px;color:#e5bf7f;margin-top:18px;min-height:12px}#combat-help{position:fixed;bottom:24px;right:36px;display:flex;gap:17px;font-size:8px;letter-spacing:1px;color:#d5ded8}#combat-help kbd{margin-right:5px}#objective{position:fixed;bottom:83px;right:40px;text-align:right;line-height:1.9;font-size:9px;letter-spacing:2px;color:#bdc9c7}#objective strong{font:italic 16px Georgia;color:#e0dfcc;letter-spacing:0}#menu{position:fixed;inset:0;background:linear-gradient(90deg,#101d24f5 0%,#101d24d9 27%,#13232944 62%,transparent);display:flex;align-items:center}.menu-content{margin-left:9vw;margin-top:1vh}.eyebrow{font-size:9px;letter-spacing:4px;color:#c9aa78}h1{font:clamp(60px,6.8vw,105px)/.98 Georgia,serif;font-weight:400;margin:28px 0;letter-spacing:-3px}h1 em{font-weight:400;color:#d8c29c}.rule{width:48px;height:1px;background:#ad936b;margin:30px 0}.menu-content p{font:17px/1.8 Georgia,serif;color:#bec9c6}.menu-content .instruction{font:11px/1.9 Arial;letter-spacing:.4px;color:#a7b9b8;margin-top:26px}#start,#resume,#retry{margin-top:26px;padding:19px 24px;border:1px solid #a18c6888;min-width:245px;font-size:10px;letter-spacing:3px;background:#b89b6520;text-align:left;transition:background .2s}#start:hover,#resume:hover,#retry:hover{background:#b89b6540}#start span,#retry span{float:right;margin-left:30px}#start:disabled{opacity:.35;cursor:wait}#loading{font-size:9px;color:#aebdb8;margin-top:15px;letter-spacing:1px}.menu-bottom{position:absolute;bottom:32px;left:9vw;right:40px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#a0b2b2}.vertical-note{position:absolute;right:40px;top:42%;writing-mode:vertical-rl;font-size:8px;letter-spacing:4px;color:#d4d7c6}.overlay{position:fixed;inset:0;background:#0c1924d9;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:grid;place-items:center}.overlay>div{width:min(540px,85vw)}.overlay h2{font:54px Georgia;margin:20px 0}.overlay p{font:14px/1.9 Georgia;color:#aebab7}.control-grid{display:grid;grid-template-columns:1fr 2fr;gap:13px;font-size:11px;margin:30px 0}.control-grid span{color:#8fa6a9}.control-grid b{font-weight:400}#ending,#ending button{text-align:center}#callout{position:fixed;top:30%;width:100%;text-align:center;font:24px Georgia;color:#f6d899;letter-spacing:4px;text-shadow:0 2px 12px #000;pointer-events:none;opacity:0;transition:opacity .15s}#attack-cue{position:fixed;top:calc(30% + 40px);width:100%;text-align:center;font-size:10px;letter-spacing:2.5px;color:#edd2a4;text-shadow:0 2px 7px #142229;pointer-events:none}#lock-reticle{position:fixed;width:17px;height:17px;border:1px solid #e4dbb4b0;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}#lock-reticle span{display:block;width:3px;height:3px;background:#f1e6b9;margin:6px}#damage-flash{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 180px #a43126;opacity:0;transition:opacity .2s}#debug{position:fixed;right:25px;top:90px;width:285px;background:#071318e8;border:1px solid #7b999866;padding:16px;font:11px/1.7 monospace;color:#c4e9e3;pointer-events:auto}#debug strong{font-size:10px;letter-spacing:1px;display:block;margin-bottom:10px}#debug label{display:block}#debug pre{font:10px/1.8 monospace;margin:12px 0 0;white-space:pre-wrap}#fatal{position:fixed;inset:25%;background:#15222a;padding:35px;border:1px solid #b9966c;font:16px/1.8 Georgia;white-space:pre-wrap}@media(max-width:800px){header{top:18px;left:20px;right:20px}.tools{gap:10px}#renderer-label{display:none}#boss-hud{top:90px;width:65vw}.boss-heading h2{font-size:23px}#player-hud{left:25px;bottom:70px;width:225px}#combat-help{left:25px;bottom:20px;right:auto;gap:9px}#objective{right:25px;bottom:85px}.menu-bottom span:last-child{display:none}.menu-content{margin-left:8vw}#debug{right:15px;width:250px}.brand{letter-spacing:1px}}#vignette{background:linear-gradient(0deg,#081820c9 0%,#10242a44 19%,transparent 36%,transparent 65%,#10242a55 100%),radial-gradient(ellipse at 50% 40%,transparent 40%,#0b16183d 100%)}#player-hud,#combat-help,#objective{text-shadow:0 1px 3px #071116}.player-health i{background:#dfdfc3}.stamina i{background:#7ecac0}.boss-health i{background:linear-gradient(90deg,#b7c4b6,#f1ebd1)}.track{background:#122429dd}#boss-hud{filter:drop-shadow(0 2px 3px #11222b)}#attack-cue{width:auto;left:50%;transform:translate(-50%);padding:7px 12px;background:#15252cbb;border-radius:2px}#attack-cue:empty{display:none}header{z-index:10}#settings{color:#e7e4d8;background:#17272bf5;border:1px solid #a58b58;padding:32px;width:min(460px,85vw);max-height:85vh;overflow:auto}#settings::backdrop{background:#071216b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#settings label{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:20px 0}#settings select{background:#263a3e;color:#eee6d3;border:1px solid #8c8060;padding:9px;font:inherit}#settings input{accent-color:#c3a268;width:18px;height:18px}#settings p{font-size:12px;line-height:1.8;color:#b6c4c2}#settings button{margin-top:12px}#fps-meter{font-variant-numeric:tabular-nums}html:lang(zh-CN) body{font-family:PingFang SC,Microsoft YaHei,sans-serif}html:lang(zh-CN) h1,html:lang(zh-CN) h2{font-family:Songti SC,STSong,serif}html:lang(zh-CN) .menu-content p{line-height:2}html:lang(zh-CN) .brand,html:lang(zh-CN) .tools,html:lang(zh-CN) .boss-heading,html:lang(zh-CN) #combat-help{letter-spacing:1px}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #eed5a1;outline-offset:4px}