:root{--ink:#2d1e18;--deep-wood:#49301f;--wood:#8f5e34;--honey:#d89b4b;--cream:#fff0c6;--paper:#e7bd76;--coral:#c95f53;--blue:#3c6d93}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--cream);image-rendering:pixelated;background-color:#28332e;background-image:linear-gradient(#261c1633 1px,#0000 1px),linear-gradient(90deg,#261c1633 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:8px 8px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;margin:0;font-family:ui-monospace,SFMono-Regular,Microsoft YaHei,PingFang SC,monospace}button{font:inherit}.game-page{place-items:center;min-height:100svh;padding:18px;display:grid;overflow:hidden}.game-shell{background:#6e4627;border:4px solid #241812;width:min(100%,414px);padding:14px 14px 10px;position:relative;box-shadow:0 0 0 4px #b77a3b,0 0 0 8px #3a261a,12px 14px #00000047}.game-stage{aspect-ratio:9/16;touch-action:none;background:#9d6a3d;border:4px solid #2b1b14;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #dfa85b,0 4px #3c2519}canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;cursor:ns-resize;-webkit-user-select:none;user-select:none;display:block}.pixel-corner{z-index:4;background:#e2ad58;border:2px solid #2b1b14;width:10px;height:10px;position:absolute}.corner-top-left{top:3px;left:3px}.corner-top-right{top:3px;right:3px}.corner-bottom-left{bottom:3px;left:3px}.corner-bottom-right{bottom:3px;right:3px}.screen-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#1e161175;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.start-overlay{background:linear-gradient(#261b146b,#261b14a8),url(../game/background.webp) 50%/cover}.pixel-card{text-align:center;color:#4a2d1d;background:#f0cc87;border:4px solid #3c2519;width:100%;padding:22px 18px 18px;box-shadow:inset 0 0 0 3px #fff0bd,inset 0 0 0 6px #b8793c,7px 8px #1f140f73}.title-card{transform:translateY(4px)}.title-card>.chapter-tag{white-space:nowrap;letter-spacing:0;width:fit-content;max-width:100%;padding-inline:10px}.compact-card{max-width:280px}.result-card{max-width:310px;padding:18px 14px 16px}.chapter-tag,.tiny-label{color:#ffedb8;letter-spacing:.08em;background:#6f4427;border:2px solid #3c2519;padding:4px 8px;font-size:10px;font-weight:900;display:inline-block;box-shadow:inset 0 0 0 1px #c88c47}.pixel-card h1,.pixel-card h2{letter-spacing:.04em;text-shadow:2px 2px #fff0bd;margin:14px 0 8px;font-weight:950}.pixel-card h1{font-size:clamp(28px,8vw,36px)}.title-card h1{color:#b44b3d;letter-spacing:.07em;text-shadow:-2px 0 #54291f,2px 0 #54291f,0 -2px #54291f,0 2px #54291f,4px 4px #efc16a;margin:16px 0 10px;font-size:clamp(40px,12vw,54px);font-weight:1000;line-height:1}.pixel-card h2{font-size:24px}.story-copy,.memory-line{max-width:260px;margin:0 auto 16px;font-size:12px;line-height:1.7}.title-card .story-copy{margin-bottom:8px;font-size:10px}.sound-hint{color:#6d3d1f;background:#ffe39a;border:2px solid #b97932;justify-content:center;align-items:center;gap:5px;width:fit-content;margin:0 auto 9px;padding:4px 8px;font-size:10px;font-weight:900;display:flex;box-shadow:inset -2px -2px #e1b65b}.sound-hint span{color:#b44b3d;font-size:13px;line-height:1}.zone-tip{color:#345b39;background:#d7e9ae;border:2px solid #63804b;margin:0 auto 2px;padding:5px 8px;font-size:10px;font-weight:900;display:inline-block;box-shadow:inset -2px -2px #a7c47e}.life-tip{color:#7b2d2a;background:#f2b5a2;border:2px solid #a9463f;margin:8px auto 0;padding:5px 8px;font-size:10px;font-weight:900;display:inline-block;box-shadow:inset -2px -2px #d97867}.instruction-grid{text-align:left;gap:8px;margin:18px 0;display:grid}.instruction-row{color:#3e2b20;background:#f7dda7;border:2px solid #8b5830;grid-template-columns:34px 1fr;align-items:center;min-height:46px;padding:6px 8px;font-size:11px;line-height:1.45;display:grid;box-shadow:inset -2px -2px #d3a15f}.instruction-copy{gap:1px;display:grid}.instruction-copy b{font-size:11px}.instruction-copy span{font-size:9px}.arrow-key{color:#fff1cf;background:var(--coral);border:2px solid #643129;place-items:center;width:26px;height:30px;font-size:20px;font-weight:900;display:grid;box-shadow:inset -2px -2px #8e3c35}.arrow-key.blue{background:var(--blue);border-color:#28475f;box-shadow:inset -2px -2px #2f5877}.pixel-button{color:#fff4c7;letter-spacing:.08em;cursor:pointer;background:#76502f;border:3px solid #302018;min-width:170px;padding:11px 16px 10px;font-weight:950;box-shadow:inset -3px -3px #50331f,inset 3px 3px #b57b40,4px 5px #38231859}.pixel-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.pixel-button:active{transform:translate(3px,3px);box-shadow:inset -2px -2px #50331f,inset 2px 2px #b57b40,1px 2px #38231859}.primary-button{background:#b45449;box-shadow:inset -3px -3px #79352f,inset 3px 3px #dc7a6b,4px 5px #38231859}.keyboard-hint{color:#704b31;margin:14px 0 0;font-size:10px}.pause-button{z-index:5;color:#fff0c5;cursor:pointer;background:#563823;border:2px solid #2c1c14;place-items:center;width:31px;height:31px;padding:0;display:grid;position:absolute;top:8px;right:8px;box-shadow:inset -2px -2px #332117,inset 2px 2px #9a6536}.result-visual{place-items:center;width:200px;height:190px;margin:6px auto 0;display:grid}.result-box-image{object-fit:contain;width:192px;height:192px;image-rendering:pixelated;filter:drop-shadow(4px 5px #4a2d1d47)}.result-message{color:#5d3a26;max-width:250px;min-height:34px;margin:0 auto 11px;font-size:10px;font-weight:800;line-height:1.6}.result-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 14px;display:grid}.result-grid div{color:#4b3021;background:#f9dfa8;border:2px solid #976238;gap:4px;padding:7px 3px;font-size:9px;display:grid}.result-grid b{font-size:15px}.result-grid .score-stat{color:#fff2c6;background:#4c3020;border-color:#2d1d15;box-shadow:inset 0 0 0 1px #a56b38}.result-grid .score-stat span{color:#d7a95e}.result-grid .score-stat b{font-size:14px}.pixel-loader{justify-content:center;gap:5px;margin:20px auto 12px;display:flex}.pixel-loader i{background:#8c5731;width:10px;height:10px;animation:.8s steps(2,end) infinite pixel-bounce}.pixel-loader i:nth-child(2){animation-delay:.1s}.pixel-loader i:nth-child(3){animation-delay:.2s}.pixel-loader i:nth-child(4){animation-delay:.3s}@keyframes pixel-bounce{50%{background:#c75c4f;transform:translateY(-8px)}}.game-footer{color:#f6d897;letter-spacing:.04em;justify-content:space-between;gap:12px;padding:9px 4px 0;font-size:9px;display:flex}@media (height<=760px){.game-page{padding:8px}.game-shell{width:min(100%,56.25svh + 4.375px);padding:9px 9px 6px}.game-footer{padding-top:5px}}@media (width<=390px){.game-page{padding:7px}.game-shell{border-width:3px;padding:8px 8px 6px;box-shadow:0 0 0 3px #b77a3b,0 0 0 6px #3a261a,6px 8px #00000047}.game-stage{border-width:3px}}