:root{color-scheme:dark;--paper:#e8e2cd;--muted:#a1b5ae;--orange:#eb9d68;--mint:#b4d8ba;font-family:"Microsoft JhengHei","PingFang TC",sans-serif}*{box-sizing:border-box}body{margin:0;background:#111b21;color:var(--paper);overflow:hidden}button,a,select{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:#19262bea;border:1px solid #52645d;padding:12px 19px;transition:background .2s}button:hover{background:#304339}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}a{color:inherit;text-decoration:none}kbd{font-size:.8em;opacity:.6}[hidden]{display:none!important}#parkour-canvas{display:block;width:100vw;height:100dvh;outline:0;touch-action:none}header{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:22px 30px;gap:15px;background:linear-gradient(#091416e0,transparent);pointer-events:none}header>*{pointer-events:auto}header a{font-weight:800;letter-spacing:.15em}header a span{font-size:10px;display:block;margin-top:7px;letter-spacing:.2em;color:var(--muted)}.chapter,.eyebrow{font-size:10px;letter-spacing:.25em;color:var(--mint)}#quality{display:flex;gap:12px;align-items:center;font-size:11px}.render-quality select{font:inherit;background:#152329;color:var(--paper);border:1px solid #52645d;padding:6px;max-width:125px}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#102027e8;padding:20px 28px;border:1px solid #668074;max-width:90vw;line-height:1.8}#entry{position:absolute;top:16%;bottom:8%;left:6%;width:390px;max-width:85%;padding:0 35px 0 0}body:has(#entry:not([hidden])):before{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#0c191def, #0c191d8c 35%,transparent 72%)}h1{font-family:serif;font-size:clamp(50px,6vw,82px);line-height:1.14;letter-spacing:.1em;margin:23px 0}h1 em{font-style:normal;color:var(--orange)}.lead{font-size:16px;line-height:1.9}.rule{height:1px;background:#73817066;margin:24px 0}.brief,.key-note{font-size:12px;color:var(--muted);line-height:1.9}.primary{background:var(--mint);color:#15261e;border-color:var(--mint);font-weight:800;letter-spacing:.12em;width:100%;padding:17px 22px;text-align:left;margin:14px 0}.primary:hover{background:#d2e4ca}.primary span{float:right}.key-note{font-size:11px}.vitals{position:absolute;top:110px;left:30px;width:155px}.vitals small{display:flex;justify-content:space-between;letter-spacing:.15em}.meter{height:3px;background:#294139;margin:10px 0}.meter i{display:block;background:var(--mint);height:100%;width:100%;transition:width .3s}.vitals #clock{font:11px monospace;color:var(--muted)}.route{position:absolute;top:110px;right:30px;min-width:210px;background:#102027b8;padding:14px 18px;border-left:2px solid #c1a665}.route small{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:30px}.route strong{display:block;font-size:15px;margin:10px 0 12px}.route .meter i{background:var(--orange);width:0}#context{position:absolute;bottom:95px;left:50%;transform:translateX(-50%);padding:11px 22px;background:#142824da;border:1px solid #b5c5a477;border-radius:3px;font-size:14px;white-space:nowrap}#context:empty{display:none}#hint{position:absolute;left:30px;bottom:105px;font-size:12px;line-height:1.8;max-width:290px;background:#122027c9;padding:14px 18px;border-left:2px solid var(--orange);opacity:0;transition:opacity .25s}#hint.show{opacity:1}#checkpoint-message{position:absolute;top:24%;left:50%;transform:translateX(-50%);letter-spacing:.18em;font-size:14px;color:var(--mint);opacity:0;transition:opacity .4s;text-shadow:0 2px 10px #000}#checkpoint-message.show{opacity:1}.bottom-note{position:absolute;bottom:25px;left:30px;font-size:11px;letter-spacing:.07em;color:var(--muted);text-shadow:0 1px 4px #000}#next-point{position:absolute;pointer-events:none;font-size:11px;text-align:center;padding:6px 10px;color:#f2cf87;text-shadow:0 1px 6px #000;background:#13201da8;border-top:2px solid #dac68e;max-width:190px}#next-point:empty{display:none}.modal{position:absolute;inset:0;background:#091317bb;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.modal>div{background:#142228f5;border:1px solid #41574d;width:460px;max-width:100%;padding:35px}.modal h2{font:700 34px serif;margin:18px 0}.modal p{font-size:13px;line-height:1.9;color:var(--muted)}.modal a{font-size:12px;display:inline-block;padding:14px}.modal button:not(.primary){font-size:12px}#damage-flash{position:absolute;inset:0;box-shadow:inset 0 0 130px #a33c2a;pointer-events:none;opacity:0;transition:opacity .15s}#touch{position:absolute;inset:0;pointer-events:none;touch-action:none}#touch button,#stick{pointer-events:auto;touch-action:none}#stick{position:absolute;bottom:45px;left:40px;width:108px;height:108px;background:#293d4144;border:1px solid #c9dbbe55;border-radius:50%}#stick i{display:block;width:45px;height:45px;position:absolute;left:31px;top:31px;background:#cdddb780;border-radius:50%}.touch-actions{position:absolute;bottom:25px;right:25px;width:220px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.touch-actions button{font-size:12px;padding:13px;border-radius:50%;width:62px;height:62px;background:#132426b3}.touch-actions button[aria-pressed=true]{background:#8fa575;color:#14251c}.touch-actions .jump{width:76px;height:76px;background:#9caf80;color:#16291c}#touch small{position:absolute;right:35px;bottom:175px;font-size:10px;color:var(--muted)}@media(max-height:720px){#entry{top:15%;bottom:3%;width:330px}h1{font-size:51px;margin:12px 0}.lead{font-size:13px}.rule{margin:12px 0}.primary{margin:8px 0;padding:13px 18px}.key-note{font-size:10px}.brief{font-size:11px}}@media(max-width:700px){header{padding:18px}.chapter{display:none}header a{font-size:14px}#quality{gap:6px}#pause-button{font-size:11px;padding:8px}.vitals{left:18px;top:89px;width:102px}.route{right:18px;top:89px;min-width:165px;padding:10px}#entry{left:8%;top:18%;max-width:80%;width:310px}h1{font-size:56px}#context{bottom:215px;font-size:12px;max-width:94%;white-space:normal;text-align:center}#hint{left:18px;bottom:270px;font-size:11px;max-width:230px}.bottom-note{display:none}#next-point{font-size:10px}#stick{left:23px}.modal>div{padding:25px}}@media(max-height:500px){header{padding:10px 20px}.vitals,.route{top:70px}#entry{top:65px;left:5%;width:420px}h1{font-size:35px;display:inline;line-height:1.3}h1 br{display:none}.lead{margin:8px 0;display:inline-block;font-size:12px}.rule,.brief,.key-note{display:none}.eyebrow{margin:4px 0}.primary{margin:12px 0;width:270px}#context{bottom:135px}#hint{bottom:185px;max-width:220px}.modal h2{font-size:24px;margin:5px}.modal>div{padding:16px}.modal p{line-height:1.5;margin:6px}#touch small{display:none}}

.viewport.aiming canvas{cursor:none}#aim-reticle{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);color:#e4f7ec;filter:drop-shadow(0 1px 2px #000);pointer-events:none;z-index:4}#aim-reticle[hidden]{display:none}#aim-reticle i:before,#aim-reticle i:after,#aim-reticle b:before,#aim-reticle b:after{content:'';position:absolute;background:currentColor}#aim-reticle i:before{width:7px;height:1px;left:0;top:15px}#aim-reticle i:after{width:7px;height:1px;right:0;top:15px}#aim-reticle b:before{width:1px;height:7px;left:15px;top:0}#aim-reticle b:after{width:1px;height:7px;left:15px;bottom:0}#aim-reticle>span{position:absolute;left:14px;top:14px;width:3px;height:3px;border-radius:50%;background:currentColor}#aim-reticle small{position:absolute;top:43px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;letter-spacing:1px;color:#adc2c3}#aim-reticle.on-target{color:#efab95}#aim-reticle.blocked{color:#ddac65}.aiming .enemy-label.locked:before{display:none}
#aim-reticle[data-zone="head"]:not(.blocked){color:#ffd584}#aim-reticle[data-zone="lower-leg"]:not(.blocked){color:#94ddd5}#aim-reticle em{position:absolute;top:66px;left:50%;transform:translateX(-50%);white-space:nowrap;font:11px system-ui,sans-serif;color:#ffdfa2;text-shadow:0 1px 4px #000}
.combat-readout{display:grid;gap:5px;margin-top:15px;font-size:11px;color:var(--muted);line-height:1.4}.combat-readout strong{color:var(--paper);font-size:12px}.equipment-option{display:block;font-size:13px;margin:12px 0}.modal>div{max-height:94dvh;overflow:auto}body.aiming #parkour-canvas{cursor:none}#hud{pointer-events:none}.touch-actions{width:230px;align-items:center}.touch-actions .attack{background:#d09c66;color:#172620;width:76px;height:76px}#touch-tools-toggle{position:absolute;bottom:200px;right:28px;font-size:12px;padding:10px}#touch-tools{position:absolute;bottom:245px;right:25px;display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:8px;background:#15242aee;border:1px solid #668074;pointer-events:auto}#touch-tools button{font-size:11px;padding:10px}#touch small{bottom:240px}#aim-reticle small{font-size:10px}@media(max-height:500px){.touch-actions{bottom:12px;right:14px;gap:5px;width:195px}.touch-actions button{width:54px;height:54px;padding:8px}.touch-actions .attack,.touch-actions .jump{width:62px;height:62px}#touch-tools-toggle{bottom:150px;right:18px}#touch-tools{bottom:190px;right:18px}.combat-readout{margin-top:7px;font-size:10px;gap:2px}#context{bottom:155px}}body:has(#touch:not([hidden])) .bottom-note{display:none}

#grapple-point{position:absolute;pointer-events:none;transform:translate(-50%,-50%);color:#ffe0a0;filter:drop-shadow(0 2px 3px #000);z-index:3;text-align:center}#grapple-point>i{display:block;width:27px;height:27px;margin:auto;border:2px solid currentColor;border-radius:50%;box-shadow:0 0 12px #d8b56f80,inset 0 0 6px #d8b56f55}#grapple-point>i:after{content:"";display:block;width:7px;height:7px;margin:8px;border-radius:50%;background:currentColor}#grapple-point>span{position:absolute;top:36px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#16231de8;border:1px solid #dbbd7977;padding:7px 11px;font-size:12px}#grapple-point kbd{font-size:12px;font-weight:800;border:1px solid #dbbd79;padding:1px 4px;opacity:1;margin-right:5px}#grapple-point small{margin-left:7px;color:#d9cfb4}