:root{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#253029;background:#f3f1e9;font-synthesis:none;--red:#b83845;--ink:#253029;--line:#d9dbd2}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;color:inherit;border:1px solid var(--line);background:#fffef9;border-radius:8px;min-height:42px;padding:8px 14px;transition:background .15s,transform .1s}button:hover{background:#e9ede5}button:active,button.held{transform:translateY(2px);background:#c9d5c5}button:focus-visible,canvas:focus-visible{outline:3px solid #668e78;outline-offset:3px}.app{max-width:1440px;padding:22px 34px 14px;margin:auto}.top,.brand,.toolbar,.status,.stats,.chapters,.playbar,.controls,.direction,.actions{display:flex;align-items:center}.top{justify-content:space-between;gap:20px;margin-bottom:19px}.brand{gap:13px}.brand-mark{background:var(--ink);color:white;display:grid;place-items:center;width:35px;height:41px;border-radius:2px 9px 2px 2px;font-size:22px;font-weight:600;transform:rotate(-5deg)}h1{font-size:25px;letter-spacing:.08em;margin:0;font-weight:750}.edition{font-size:14px;color:#73796f;border-left:1px solid #cacec1;margin-left:4px;padding-left:16px}.toolbar{gap:8px}.toolbar button{font-size:14px}.status{justify-content:space-between;gap:12px;margin-bottom:13px;font-size:14px}.chapters{gap:22px}.chapters span{color:#92968e}.chapters .current{font-weight:700;color:var(--ink)}.chapters .done{color:#537d60}.stats{gap:20px;color:#70766c;font-variant-numeric:tabular-nums}.stats #time{font-weight:700;color:var(--ink)}.game{position:relative;border-radius:11px;overflow:hidden;box-shadow:0 12px 30px #2721161c;border:1px solid #b9b29d;background:#d1ad78;isolation:isolate}.desk{position:relative;aspect-ratio:1.5;background:url('assets/desk.png') center/100% 100%;max-height:calc(100svh - 295px);min-height:270px;width:100%}canvas{position:absolute;left:7%;top:15.4%;width:86%;height:66.5%;mix-blend-mode:multiply;touch-action:none;outline:none}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#fff8e9da;font-size:18px}#loading[hidden]{display:none}.overlay{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:#f3f1e966;backdrop-filter:blur(3px)}[hidden]{display:none!important}.dialog{text-align:center;border:1px solid #dedacc;background:#fffdf5;box-shadow:0 18px 60px #282c2724;border-radius:12px;padding:30px;max-width:440px;margin:18px}.dialog>p:first-child{font-size:13px;letter-spacing:.16em;color:#a45645}.dialog h2{margin:12px 0;font-size:28px}.dialog p{font-size:16px;line-height:1.6}.primary{background:var(--ink);color:#fff;border-color:var(--ink);min-width:150px}.primary:hover{background:#40573f}.playbar{justify-content:space-between;gap:16px;padding:19px 2px 14px}.live-hint{display:flex;align-items:center;gap:12px;min-height:48px}.hint-symbol{display:grid;place-items:center;width:42px;height:42px;background:#e2e7dc;border-radius:10px;font-size:23px;font-weight:650;flex-shrink:0}.live-hint p{margin:0 0 3px;font-size:16px;font-weight:650}.live-hint #detail{font-size:14px;color:#73776e}.progress-wrap{display:flex;gap:10px;align-items:center;min-width:160px;font-size:14px;font-variant-numeric:tabular-nums}progress{height:6px;width:120px;border:0;background:#dfe3d7;border-radius:5px;overflow:hidden}progress::-webkit-progress-bar{background:#dfe3d7}progress::-webkit-progress-value{background:#617e60;border-radius:5px}.controls{justify-content:space-between;gap:12px;padding:14px 0 6px;border-top:1px solid #d7dbcf}.direction,.actions{gap:9px}.direction button{min-width:57px;font-size:26px;padding:3px 15px}.actions button{font-size:14px;display:flex;align-items:center;gap:9px;min-height:48px;touch-action:none;user-select:none;-webkit-user-select:none}.actions span{color:#818579;font-size:12px;background:#efefe6;padding:4px 6px;border-radius:4px}.actions .jump{background:var(--red);color:white;border-color:var(--red);min-width:140px;justify-content:center}.jump span{background:#ffffff20;color:#fff}.jump:hover,.jump.held{background:#922c39}.direction button{touch-action:none;user-select:none}footer{display:flex;justify-content:space-between;gap:12px;color:#81877b;font-size:12px;line-height:1.8;padding-top:10px}.game.focus .desk{background-size:cover}.game.focus canvas{left:7%;width:86%}@media(min-width:1600px){.desk{max-height:710px}}@media(max-width:800px){.app{padding:14px}.edition{display:none}.top{gap:10px;margin-bottom:16px}h1{font-size:22px}.toolbar button{padding:7px 10px}.chapters{gap:12px;font-size:12px}.stats{gap:10px;font-size:12px}.status{flex-wrap:wrap}.desk{min-height:330px;max-height:55svh;aspect-ratio:1.35}.playbar{align-items:flex-start}.progress-wrap{min-width:auto}.progress-wrap progress{display:none}.live-hint p{font-size:14px}.live-hint #detail{font-size:12px}.actions{gap:6px}.actions button{flex-direction:column;gap:3px;padding:7px 9px;font-size:12px}.actions .jump{min-width:75px}.direction{gap:6px}.direction button{min-width:44px;padding:7px}.controls{gap:7px}footer{display:block}footer span{display:block}}@media(max-width:470px){.app{padding:10px}.brand{gap:8px}.brand-mark{width:28px;height:33px;font-size:19px}.toolbar{gap:5px}.toolbar button{font-size:12px;padding:7px}.toolbar #restart{display:none}h1{font-size:19px}.chapters{gap:11px}.desk{min-height:330px}.controls{flex-wrap:wrap}.direction{flex:1}.actions{flex:3;justify-content:flex-end}.actions button{padding:6px;min-width:46px}.actions .jump{min-width:65px}}@media(max-height:540px) and (orientation:landscape){.app{padding:8px 16px}.top{margin-bottom:7px}.status{margin-bottom:5px}.desk{max-height:none;height:calc(100svh - 180px);min-height:180px;aspect-ratio:auto}.playbar{padding:7px 0}.controls{padding:6px 0;position:fixed;bottom:12px;left:24px;right:24px;z-index:4;border:0;pointer-events:none}.controls button{pointer-events:auto;opacity:.94}.controls .actions{gap:7px}footer{display:none}.hint-symbol{height:30px;width:30px}.live-hint{min-height:30px}.live-hint #detail{display:none}}
:root .game{background:#bd925e url('assets/desk.png') center/cover}:root .desk{width:min(100%,calc((100svh - 295px)*1.5));min-height:0;max-height:none;margin:auto;aspect-ratio:1.5}:root canvas{left:7%;top:15.4%;width:86%;height:66.5%}@media(max-width:800px){:root .desk{width:100%;min-height:0;aspect-ratio:1.5;max-height:none}:root .game.focus .desk{aspect-ratio:1.25}:root .game.focus canvas{top:15%;height:67%}}@media(max-height:540px) and (orientation:landscape){:root .desk{width:min(100%,calc((100svh - 160px)*1.5));height:auto;min-height:0;aspect-ratio:1.5}}
:root .app .game{background-size:100% 1400%;background-position:center top}