:root{color-scheme:dark;--bg:#171716;--panel:#201f1d;--line:#39352f;--muted:#827d72;--text:#d9d3c4;--bone:#e9dfc8;--red:#b74d42;--gold:#b39a62}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 15%,#27241f 0,transparent 65%),var(--bg);color:var(--text);font:14px/1.6 'Segoe UI','Microsoft YaHei',sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.35' filter='url(%23n)'/%3E%3C/svg%3E");z-index:10}.site-wrap{max-width:1380px;margin:auto;padding:0 48px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{transition:color .18s,background .18s,transform .18s}button:hover{color:var(--bone)}button:active{transform:translateY(1px)}[hidden]{display:none!important}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;text-decoration:none;color:var(--bone)}.brand-mark{font-family:Georgia,serif;font-size:49px;line-height:1;color:#b65749;transform:rotate(-8deg);text-shadow:2px 3px #080808}.brand strong{font:700 22px 'KaiTi','STKaiti',serif;letter-spacing:5px}.brand small{display:block;font-size:8px;letter-spacing:2.4px;color:#918b7d;margin-top:6px}.site-header nav{display:flex;align-items:center;gap:25px}.site-header nav button{display:flex;align-items:center;gap:9px;color:#aba394;font-size:12px}.keycap{border:1px solid #756c5f;width:17px;height:17px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:11px Georgia}.nav-divider{height:17px;width:1px;background:var(--line)}#soundGlyph{font-size:19px}.site-header nav .icon-button{font-size:27px}.chapter-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:30px 0 24px}.eyebrow{font-size:9px;letter-spacing:2.3px;color:#9a8d75;margin:0 0 8px}.live-dot{display:inline-block;width:5px;height:5px;background:var(--red);margin-right:7px;transform:rotate(45deg)}h1{font-family:'KaiTi','STKaiti','Noto Serif SC',Georgia,serif;font-size:29px;letter-spacing:3px;line-height:1.3;margin:0;color:var(--bone)}h1>span{font:30px Georgia;margin-left:5px}h1 em{font:normal 11px 'Microsoft YaHei',sans-serif;letter-spacing:1px;margin-left:24px;color:#898174}.run-meta{display:flex;gap:22px;color:var(--muted);font-size:10px;padding-bottom:3px}.run-meta b{font:11px Consolas,monospace;color:#bdb4a3;margin-left:8px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 218px;gap:23px}.game-frame{border:1px solid #51473a;box-shadow:0 10px 45px #0005;min-width:0;background:#1b1a17}.game-hud{height:67px;display:flex;align-items:center;padding:0 24px;gap:30px;border-bottom:1px solid #3f382d;background:linear-gradient(#28251f,#221f1b)}#hearts{display:flex;gap:4px;height:23px}.heart{font-size:27px;color:#b64d42;text-shadow:1px 2px #0a0908;line-height:1}.heart.empty{color:#48433a}.heart.half{background:linear-gradient(90deg,#b64d42 50%,#48433a 50%);background-clip:text;-webkit-background-clip:text;color:transparent}.health-block small{font-size:8px;letter-spacing:1px;color:#8e8270;display:block;margin-top:5px}.resources{display:flex;gap:22px}.resources>span{display:flex;align-items:center;gap:4px}.resources b{font:15px Consolas,monospace;color:#c6bba5}.resources canvas{width:24px;height:24px}.room-status{margin-left:auto;display:flex;align-items:center;gap:7px;color:#9e967e;font-size:10px}.room-status i{width:5px;height:5px;border-radius:50%;background:#b59060}.room-status i.danger{background:#b64d42}.pause-button{font:20px Georgia;color:#9d927c;border-left:1px solid #464035;padding:0 0 0 17px;line-height:22px}.canvas-wrap{position:relative;overflow:hidden;background:#453b2c;aspect-ratio:1.6}#gameCanvas{width:100%;height:100%;display:block;outline:none;touch-action:none}.game-caption{height:35px;border-top:1px solid #3d362c;display:flex;align-items:center;justify-content:space-between;padding:0 19px;font-size:9px;color:#9b917d;letter-spacing:.7px}.game-caption>span:first-child{display:flex;align-items:center;gap:7px}.caption-dot{height:4px;width:4px;background:#9e875f;transform:rotate(45deg)}#roomProgress{font:10px Consolas,monospace;color:#867b67}.sidebar{border:1px solid #35322b;background:#1c1b18;padding:20px 18px;display:flex;flex-direction:column}.section-label{display:flex;justify-content:space-between;align-items:center}.section-label h2{margin:0;font-size:11px;font-weight:500;letter-spacing:1px;color:#c3bbaa}.section-label>span{font:8px Consolas,monospace;letter-spacing:1px;color:#746d60}#minimap{display:block;width:100%;height:auto;margin:8px 0 -2px}.map-legend{display:flex;gap:15px;font-size:8px;color:#888071}.map-legend>span{display:flex;align-items:center;gap:5px}.map-legend i{width:7px;height:7px;background:#a8905c}.map-legend i.map-unseen{background:#4b4639;border:1px solid #6b604b}.stats-section{border-top:1px solid #353128;margin-top:21px;padding-top:20px}.stat-row{display:grid;grid-template-columns:21px 1fr auto;align-items:center;font-size:10px;margin:14px 0;color:#aaa18e;gap:5px}.stat-symbol{font-size:17px;color:#8e8572;line-height:1}.stat-row b{font:12px Consolas,monospace;color:#cfc4ad}.stat-row b.enhanced{color:#bad09d}.keepsake-section{border-top:1px solid #353128;margin-top:7px;padding-top:19px}.inventory{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px}.item-slot{aspect-ratio:1;border:1px solid #3d372b;background:#242119;position:relative;display:flex;align-items:center;justify-content:center}.item-slot.empty:after{content:'·';color:#4a4231}.item-slot canvas{width:32px;height:32px}.item-slot b{position:absolute;bottom:-1px;right:3px;font:9px Consolas;color:#d7c497}.item-slot:hover{border-color:#93805a}.keepsake-section p{font-size:9px;line-height:1.8;color:#746d5e;margin:12px 0 0}.side-note{margin-top:auto;padding-top:23px;display:flex;align-items:center;gap:12px;color:#706754}.side-note>span{font-size:29px}.side-note p{font:italic 11px/1.8 'KaiTi',serif;letter-spacing:1px}.game-overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at center,#161410c4 0%,#17141099 44%,#100f0bc9 100%);color:var(--bone);text-align:center}.intro-top{position:absolute;top:29px;font:9px 'Microsoft YaHei',sans-serif;color:#978b71;letter-spacing:2px}.intro-mark{margin-top:8px;height:65px;display:flex;align-items:center;justify-content:center}.intro-mark canvas{width:73px;height:73px;filter:drop-shadow(0 6px 12px #000)}.intro-kicker{font:9px Georgia,serif;letter-spacing:5px;color:#b99a6c;margin:19px 0 7px}.intro-title{font:700 clamp(36px,4.5vw,65px)/1.2 'KaiTi','STKaiti','Noto Serif SC',serif;letter-spacing:12px;margin:1px -12px 18px 0;transform:rotate(-2deg);text-shadow:3px 4px #14110e}.intro-description{font:11px/2.1 'Microsoft YaHei',sans-serif;color:#b0a48e;letter-spacing:1.1px;margin:0 0 24px}.primary-button{min-width:208px;background:#a84439;border:1px solid #ca7060;color:#f4e4cd;font-size:12px;font-weight:600;letter-spacing:2px;padding:13px 22px;box-shadow:0 3px 0 #572a21,0 6px 19px #0004;display:flex;align-items:center;justify-content:space-between;gap:35px}.primary-button:hover{background:#bd5647;transform:translateY(-1px);color:#fff0d9}.primary-button span{font-size:20px;line-height:1}.start-hint{font-size:8px;letter-spacing:1px;color:#81745e;margin:15px 0 0}.start-hint kbd{font:8px Consolas;color:#b7a889;background:none;border:0;box-shadow:none;min-width:0;margin:0 3px;padding:0}.intro-bottom{position:absolute;bottom:23px;display:flex;gap:25px;font-size:8px;letter-spacing:2px;color:#887a61}.intro-bottom i{font-style:normal;color:#aa754d}.control-strip{display:flex;align-items:center;gap:26px;padding:23px 0 24px;border-bottom:1px solid var(--line)}.control-strip>div{display:flex;align-items:center;gap:9px;color:#969080;font-size:10px}.control-keys{display:flex;gap:3px}kbd{font:10px Consolas,'Microsoft YaHei',monospace;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border:1px solid #4f493d;border-radius:3px;background:#26241e;box-shadow:0 2px 0 #0f0e0c;color:#c5bba6;padding:0 4px}kbd.wide-key{font-size:8px;letter-spacing:.7px;padding:0 9px}.control-strip>p{margin:0 0 0 auto;font-size:9px;color:#8e8270;text-align:right}.control-strip>p span{display:block;color:#655e51;font-size:8px;margin-top:3px}footer{display:flex;align-items:center;justify-content:space-between;padding:23px 0 27px;font-size:9px;color:#706858;letter-spacing:.4px}footer i{font-style:normal;color:#a4875f;margin-left:12px}.compact-overlay{background:#15120fe8}.compact-overlay h2{font:36px 'KaiTi','STKaiti',serif;letter-spacing:3px;margin:15px 0}.compact-overlay>p:not(.eyebrow){font-size:11px;color:#a5977e;margin:0 0 26px}.text-button{margin-top:20px;font-size:11px;color:#9b8d74}.end-stats{display:flex;gap:43px;margin:0 0 30px}.end-stats b{font:26px Georgia;display:block;color:#d3b786}.end-stats span{font-size:9px;display:block;margin-top:9px;color:#8a7e68}.room-banner{position:absolute;left:0;right:0;top:22px;pointer-events:none;text-align:center;font:24px 'KaiTi',serif;letter-spacing:5px;color:#eee1bb;text-shadow:0 2px 6px #000;opacity:0;transition:opacity .25s}.room-banner.visible{opacity:1}.loot-toast{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);background:#1d1711eb;border:1px solid #9a7a43;padding:12px 25px;pointer-events:none;min-width:235px;text-align:center;opacity:0;transition:opacity .2s;color:#dac18b;font-size:14px}.loot-toast small{display:block;color:#9e9175;font-size:10px;margin-top:4px}.loot-toast.visible{opacity:1}.boss-hud{position:absolute;bottom:17px;left:24%;right:24%;text-align:center}.boss-hud>span{font:13px 'KaiTi',serif;letter-spacing:4px;color:#ddc1a0;text-shadow:0 1px 4px #000}.boss-hud>div{height:10px;border:2px solid #21120f;background:#311c17;margin-top:5px;box-shadow:0 0 0 1px #80533d}.boss-hud i{height:100%;background:linear-gradient(#c46951,#8a342e);display:block;width:100%}.boss-hud small{font:9px Georgia;color:#b29270}.touch-controls{display:none}dialog{color:var(--text);background:#24211c;border:1px solid #65553c;max-width:530px;padding:38px 43px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#080706bc;backdrop-filter:blur(4px)}dialog h2{font:30px 'KaiTi',serif;color:var(--bone);margin:8px 0 25px}dialog p{font-size:12px;line-height:1.9;color:#a99e88}dialog b{color:#e1cda6}dialog .primary-button{margin-top:24px;width:100%}.dialog-close{position:absolute;right:17px;top:9px;font-size:25px;color:#a99e88}.touch-controls{touch-action:none}.game-frame:fullscreen{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;background:#0c0b09}.game-frame:fullscreen .canvas-wrap{width:min(calc((100vh - 102px)*1.6),100vw);height:auto}.game-frame:fullscreen .game-hud,.game-frame:fullscreen .game-caption{width:100%;flex-shrink:0}.game-frame:fullscreen .canvas-wrap{margin:auto}
@media(min-width:1550px){.site-wrap{max-width:1480px}.game-layout{grid-template-columns:minmax(0,1fr) 235px;gap:26px}.sidebar{padding:22px}.intro-title{font-size:73px}.intro-mark{height:85px}}
@media(max-width:1100px){.site-wrap{padding:0 26px}.game-layout{grid-template-columns:minmax(0,1fr) 190px;gap:17px}.sidebar{padding:15px}.site-header{height:82px}.chapter-heading{padding:23px 0 20px}.control-strip{gap:15px}.control-strip>p{font-size:8px}.game-hud{height:59px;padding:0 17px;gap:18px}.intro-top{top:22px;font-size:8px}.intro-mark{height:35px}.intro-mark canvas{width:60px;height:60px}.intro-kicker{font-size:8px;margin:17px 0 5px}.intro-title{margin-bottom:12px}.intro-description{font-size:10px;line-height:1.9;margin-bottom:19px}.primary-button{padding:10px 18px;min-width:190px}.intro-bottom{bottom:16px;font-size:7px}.map-section{margin-bottom:0}.stats-section{margin-top:16px;padding-top:16px}.stat-row{margin:11px 0}.side-note{padding-top:16px}.resources{gap:13px}.control-strip>div{gap:6px}.run-meta{gap:12px}}
@media(max-width:800px){.site-wrap{padding:0 18px}.site-header{height:76px}.site-header nav{gap:15px}.game-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1.05fr 1fr 1.1fr;gap:20px;padding:17px}.map-section #minimap{height:99px;width:100%;object-fit:contain}.map-legend{gap:9px}.stats-section,.keepsake-section{margin:0;border-top:0;border-left:1px solid #353128;padding:0 0 0 20px}.stat-row{margin:9px 0;font-size:9px}.side-note{display:none}.control-strip>p{display:none}.control-strip{justify-content:space-between}.intro-mark{height:55px}.intro-mark canvas{width:75px;height:75px}.intro-title{font-size:57px}.intro-description{font-size:11px}.primary-button{padding:12px 20px}.intro-bottom{font-size:8px}.chapter-heading h1 em{display:none}.run-meta{flex-direction:column;gap:1px;text-align:right}.chapter-heading{padding:21px 0 18px}.chapter-heading .eyebrow{font-size:8px}}
@media(max-width:800px),(pointer:coarse){.touch-controls{display:flex;justify-content:space-between;align-items:center;max-width:530px;margin:18px auto 0;padding:0 20px;user-select:none;-webkit-user-select:none}.touch-side{text-align:center}.touch-side>small{font-size:9px;color:#79705e}.joystick{width:108px;height:108px;border-radius:50%;border:1px solid #61523d;background:radial-gradient(circle,#3b32244d,#1e1b1655);position:relative;touch-action:none}.joystick:before,.joystick:after{content:'';position:absolute;background:#65563b33}.joystick:before{height:1px;left:15px;right:15px;top:53px}.joystick:after{width:1px;top:15px;bottom:15px;left:53px}#joystickKnob{position:absolute;width:43px;height:43px;border-radius:50%;left:32px;top:32px;border:1px solid #85704d;background:radial-gradient(circle at 35% 30%,#6a583c,#3b3122);box-shadow:0 5px 8px #0005;z-index:1}.shoot-pad{display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,36px);width:108px;height:108px}.shoot-pad button{border:1px solid #715043;border-radius:8px;background:#462c24;color:#cd967b;font-size:22px;touch-action:none}.shoot-pad button.active{background:#a74d3c;color:#ffe4bd}.shoot-pad [data-shoot=up]{grid-area:1/2}.shoot-pad [data-shoot=left]{grid-area:2/1}.shoot-pad [data-shoot=right]{grid-area:2/3}.shoot-pad [data-shoot=down]{grid-area:3/2}#touchBomb{height:47px;width:47px;border:1px solid #5a4b35;border-radius:50%;color:#b9a17a;line-height:1;font-size:21px}#touchBomb small{display:block;font-size:8px;margin-top:5px}.control-strip{display:none}.sidebar{margin-top:0}.touch-controls+.control-strip{display:none}footer{margin-top:15px}}
@media(max-width:520px){.site-wrap{padding:0 12px}.site-header{height:66px}.brand-mark{font-size:37px}.brand{gap:8px}.brand strong{font-size:18px;letter-spacing:3px}.brand small{font-size:6px;letter-spacing:1.6px;margin-top:2px}.site-header nav{gap:12px}.site-header nav button>span:last-child:not(:first-child){display:none}.nav-divider{display:none}.chapter-heading .eyebrow{font-size:6px;letter-spacing:1px}.chapter-heading{padding:20px 1px 15px}.chapter-heading h1{font-size:25px}.chapter-heading h1>span{font-size:25px}.run-meta{font-size:8px}.run-meta b{font-size:9px}.game-hud{height:49px;gap:11px;padding:0 12px}.heart{font-size:20px}#hearts{height:18px;gap:3px}.health-block small{font-size:6px;margin-top:2px}.resources{gap:9px}.resources canvas{width:20px;height:20px}.resources b{font-size:12px}.room-status{font-size:7px;gap:4px}.pause-button{font-size:16px;padding-left:10px}.game-caption{height:29px;font-size:7px;padding:0 11px}#roomProgress{font-size:8px}.intro-top{top:13px;font-size:6px;letter-spacing:1px}.intro-mark{display:none}.intro-kicker{font-size:6px;letter-spacing:3px;margin:19px 0 6px}.intro-title{font-size:34px;letter-spacing:8px;margin:0 -8px 10px 0}.intro-description{font-size:8px;letter-spacing:.5px;line-height:1.8;margin:0 0 14px}.primary-button{padding:8px 15px;min-width:155px;font-size:10px}.primary-button span{font-size:15px}.start-hint{display:none}.intro-bottom{bottom:11px;gap:14px;letter-spacing:1px;font-size:6px}.sidebar{gap:12px;padding:14px 11px;grid-template-columns:1fr 1.03fr}.keepsake-section{grid-column:1/3;border-left:0;border-top:1px solid #353128;padding:13px 0 0;display:grid;grid-template-columns:100px 1fr;align-items:center;gap:14px}.keepsake-section .inventory{margin:0;grid-template-columns:repeat(4,1fr);max-width:220px;justify-self:end;width:100%}.keepsake-section>p{grid-column:1/3;margin:0;font-size:8px;line-height:1.5}.keepsake-section>p br{display:none}.stats-section{padding-left:14px}.stats-section .section-label>span{display:none}.section-label h2{font-size:10px}.section-label>span{font-size:7px}.map-legend{font-size:7px}.stat-row{margin:8px 0;font-size:9px}.stat-row b{font-size:10px}.stat-symbol{font-size:14px}.inventory .item-slot{max-height:39px}.compact-overlay h2{font-size:25px;margin:9px 0}.compact-overlay>p:not(.eyebrow){font-size:9px;margin-bottom:16px}.compact-overlay .eyebrow{font-size:6px}.end-stats{gap:30px;margin-bottom:15px}.end-stats b{font-size:19px}.end-stats span{font-size:7px;margin-top:4px}.text-button{font-size:9px;margin-top:12px}.room-banner{top:13px;font-size:18px}.loot-toast{bottom:13px;min-width:190px;font-size:11px;padding:7px 12px}.loot-toast small{font-size:8px}.boss-hud{bottom:10px;left:22%;right:22%}.boss-hud>span{font-size:9px}.boss-hud>div{height:7px;margin-top:2px}.boss-hud small{display:none}footer{font-size:7px;padding:20px 0}footer>span:first-child{display:none}footer>span:last-child{width:100%;text-align:center}dialog{padding:30px 25px;max-width:calc(100% - 30px)}dialog h2{font-size:27px}dialog p{font-size:11px}.touch-controls{margin-top:19px;margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:800px){main{display:flex;flex-direction:column}.chapter-heading{order:0}.game-layout{display:contents}.game-frame{order:1}.touch-controls{order:2;width:min(100%,440px);margin:18px auto 22px}.sidebar{order:3}.control-strip{order:4}}
.inventory{grid-template-columns:repeat(4,minmax(0,1fr))}.item-slot{min-width:0;padding:0}.item-slot canvas{max-width:100%;object-fit:contain}html:fullscreen{overflow:auto}
@media(max-width:520px){.health-block{max-width:73px;flex-shrink:0}#hearts{flex-wrap:wrap;max-width:73px;height:auto;gap:1px 3px}.heart{font-size:18px;line-height:.85}.health-block small{margin-top:4px}.game-hud{gap:10px}.resources{gap:7px}.room-status{min-width:0;white-space:nowrap}.resources>span{gap:2px}}