:root{color:#f3f1ea;font-synthesis:none;text-rendering:geometricprecision;background:#1b1d22;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#app{background:#1b1d22;position:relative}#game-canvas{touch-action:none;outline:none;width:100vw;height:100vh;display:block}[hidden]{display:none!important}button{font:inherit;cursor:pointer}#hud{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute}.hud-row{flex-wrap:wrap;gap:6px;display:flex}.hud-chip{background:#1b1d22c7;border:1px solid #f3f1ea40;border-radius:6px;min-width:72px;padding:6px 9px}.hud-chip span{color:#f3f1eab3;font-size:.66rem;display:block}.hud-chip strong{font-size:1rem;display:block}.hud-chip-injury strong{color:#ff9a8a}#hud-prompt{background:#1b1d22b8;border-left:3px solid #f0c24b;border-radius:0 6px 6px 0;max-width:520px;padding:8px 11px;font-size:.95rem;line-height:1.4}#hud-prompt:empty{display:none}#controls-hint{color:#f3f1eabf;background:#1b1d228c;border-radius:6px;max-width:520px;padding:6px 10px;font-size:.8rem}#interact-prompt{color:#f3f1ea;white-space:nowrap;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#1b1d22d6;border:1px solid #f0c24ba6;border-radius:999px;align-items:center;gap:10px;padding:9px 16px 9px 9px;font-size:1rem;display:flex;position:absolute;bottom:26%;left:50%;transform:translate(-50%)}#interact-prompt kbd{color:#1b1d22;text-align:center;background:#f0c24b;border-radius:8px;min-width:30px;height:30px;padding:0 8px;font:700 .95rem/30px inherit;display:inline-block}#interact-prompt:active{background:#f0c24b59}#interact-prompt.done{pointer-events:none;color:#bfe5b8;border-color:#5e9c5acc;padding-left:16px}#interact-prompt.done kbd{display:none}#touch-stick{left:max(18px, env(safe-area-inset-left));bottom:max(22px, env(safe-area-inset-bottom));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#f3f1ea1f;border:2px solid #f3f1ea59;border-radius:50%;width:132px;height:132px;position:absolute}#touch-stick .stick-knob{pointer-events:none;background:#f0c24bd9;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #0006}body.touch #action-bar{bottom:calc(max(22px, env(safe-area-inset-bottom)) + 150px)}body.touch #hold-button small{display:none}body.touch #interact-prompt{bottom:calc(max(22px, env(safe-area-inset-bottom)) + 170px);padding:12px 20px;font-size:1.05rem}body.touch #interact-prompt kbd{display:none}#action-bar{left:max(10px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:8px;max-width:46vw;display:flex;position:absolute}#action-bar button{color:#f3f1ea;background:#1b1d22d9;border:1px solid #f3f1ea59;border-radius:8px;padding:10px 14px;font-size:.95rem}#hold-button{right:max(14px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));aspect-ratio:1;color:#f3f1ea;touch-action:none;-webkit-user-select:none;user-select:none;background:#f0c24b33;border:3px solid #f0c24b;border-radius:50%;width:clamp(110px,26vw,150px);font-size:1.05rem;font-weight:700;line-height:1.2;position:absolute}#hold-button small{opacity:.8;font-size:.68rem;font-weight:400;display:block}#hold-button.down{color:#1b1d22;background:#f0c24bbf}#intro,#menu,#review{justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}#menu,#review{background:#1b1d22db;align-items:flex-start;overflow-y:auto}#menu>*,#review>*{margin-block:auto}#intro{pointer-events:none;padding-bottom:max(28px, env(safe-area-inset-bottom));align-items:flex-end}#intro .card{pointer-events:auto}.card,.menu-panel,.review-panel{background:#1b1d22f0;border:1px solid #f3f1ea33;border-radius:12px;width:100%;max-width:560px;padding:18px 20px;box-shadow:0 14px 40px #0006}.card{max-width:480px}.card h2{margin:0 0 8px;font-size:1.2rem}.card ul{margin:0 0 12px;padding-left:20px;font-size:.95rem;line-height:1.5}.card button,.review-actions button{color:#1b1d22;background:#f0c24b;border:none;border-radius:8px;padding:10px 18px;font-size:1rem;font-weight:700}.menu-panel h1{margin:0 0 4px;font-size:1.4rem}.menu-sub{color:#f3f1eabf;margin:0 0 14px;font-size:.9rem;line-height:1.45}.mode-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode-button{text-align:left;color:#f3f1ea;background:#f3f1ea0f;border:1px solid #f3f1ea4d;border-radius:10px;width:100%;padding:12px 14px;display:block}.mode-button:hover{background:#f0c24b33;border-color:#f0c24b}.mode-button strong{margin-bottom:4px;font-size:1rem;display:block}.mode-button span{color:#f3f1eabf;font-size:.82rem;line-height:1.4;display:block}.settings{border:1px solid #f3f1ea40;border-radius:10px;gap:8px;margin:14px 0 0;padding:10px 12px;display:grid}.settings legend{color:#f3f1eabf;padding:0 6px;font-size:.85rem}.settings label{flex-wrap:wrap;align-items:center;gap:8px;font-size:.92rem;display:flex}.settings select{font:inherit;border-radius:6px;padding:4px 6px}.menu-notice{color:#ffb199;margin:10px 0 0;font-size:.9rem}.review-panel{max-width:640px;max-height:calc(100vh - 24px);overflow-y:auto}.review-panel h2{margin:0 0 8px}.review-score{align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.review-score strong{color:#f0c24b;font-size:2.2rem}.review-score em{color:#f3f1eacc;font-size:1rem;font-style:normal}#review-body h3{color:#f0c24b;margin:12px 0 4px;font-size:1rem}#review-body ul{margin:0;padding-left:20px;font-size:.92rem;line-height:1.5}#review-body table{border-collapse:collapse;width:100%;font-size:.9rem}#review-body td{border-bottom:1px solid #f3f1ea26;padding:4px 6px}#review-body td:last-child{text-align:right;white-space:nowrap}.review-note{color:#f3f1eab3;margin:8px 0 0;font-size:.85rem;line-height:1.45}.review-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.review-actions button:last-child{color:#f3f1ea;background:#f3f1ea26}@media (width<=600px){.mode-list{grid-template-columns:1fr}.card,.menu-panel,.review-panel{padding:14px}#hud-prompt{max-width:calc(100vw - 20px);font-size:.85rem}#action-bar{max-width:52vw}#action-bar button{padding:9px 10px;font-size:.85rem}}
