@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=Noto+Serif+SC:wght@500;700&display=swap";*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#11150f;color:#f4f0dd}body{font-family:IBM Plex Mono,monospace}canvas{display:block;width:100%;height:100%;touch-action:none}#loading{position:fixed;inset:0;z-index:20;background:#11150f;display:grid;place-content:center;text-align:center;gap:12px;transition:.5s}#loading b{font:700 clamp(36px,7vw,88px)/1 "Noto Serif SC",serif}#loading span,small{font-size:10px;letter-spacing:.18em;color:#a9ad98}header{position:fixed;z-index:3;left:24px;right:24px;top:20px;display:flex;justify-content:space-between;pointer-events:none;text-shadow:0 2px 12px #000}h1{font:700 28px/1.1 "Noto Serif SC",serif;margin:6px 0}#mission{border:1px solid #ffffff36;padding:10px 14px;border-radius:20px;background:#10140dcc;font-size:11px}#materials{position:fixed;z-index:3;left:24px;bottom:88px;padding:12px 15px;background:#10140ddd;border:1px solid #ffffff22;border-radius:4px;font-size:11px;line-height:1.9;min-width:170px}#toolbar{position:fixed;z-index:4;left:50%;bottom:22px;transform:translate(-50%);display:flex;gap:6px;padding:7px;background:#11150fe8;border:1px solid #ffffff25;border-radius:8px;max-width:calc(100vw - 32px);overflow:auto}button{border:0;background:#2d3327;color:#d9dccb;padding:9px 11px;border-radius:4px;white-space:nowrap;font:10px IBM Plex Mono}button:hover,button.active{background:#e0a433;color:#151710}#tip{position:fixed;right:24px;bottom:88px;font-size:10px;color:#b9bdad;text-shadow:0 1px 7px #000}#toast{position:fixed;z-index:7;left:50%;top:18%;transform:translate(-50%,-12px);opacity:0;padding:10px 16px;background:#ece4c9;color:#20251d;border-radius:3px;font-size:12px;transition:.25s}#toast.show{opacity:1;transform:translate(-50%)}@media(max-width:700px){header{left:14px;right:14px;top:12px}h1{font-size:22px}#mission{max-width:160px;text-align:right}#materials{left:12px;bottom:80px}#tip{display:none}#toolbar{bottom:10px;width:calc(100vw - 20px)}button{padding:11px}}#help{position:fixed;z-index:6;right:24px;top:88px;background:#e0a433;color:#151710}#guide{display:none;position:fixed;z-index:5;right:24px;top:130px;width:min(360px,calc(100vw - 30px));padding:18px 20px;background:#10140ff2;border:1px solid #ffffff30;border-radius:6px;font-size:11px;line-height:1.65;box-shadow:0 18px 60px #0008}#guide.open{display:block}#guide b{font:700 20px "Noto Serif SC"}#guide ol{padding-left:20px}#guide p{margin:10px 0 0;padding-top:10px;border-top:1px solid #ffffff24;color:#e0a433}@media(max-width:700px){#help{right:12px;top:78px}#guide{right:12px;top:120px}}#touch-controls,#rotate{display:none}@media(pointer:coarse){body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#touch-controls{display:block;position:fixed;inset:0;z-index:5;pointer-events:none}#joystick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(78px,calc(env(safe-area-inset-bottom) + 64px));width:116px;height:116px;border:1px solid #ffffff55;border-radius:50%;background:#11150f70;pointer-events:auto;touch-action:none}#joystick:before,#joystick:after{content:"";position:absolute;background:#ffffff18}#joystick:before{left:50%;top:12px;bottom:12px;width:1px}#joystick:after{top:50%;left:12px;right:12px;height:1px}#joystick span{position:absolute;left:35px;top:35px;width:46px;height:46px;border-radius:50%;background:#e0a433;box-shadow:0 6px 20px #0008;transform:translate(0)}#touch-actions{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(78px,calc(env(safe-area-inset-bottom) + 64px));display:grid;grid-template-columns:repeat(2,66px);gap:8px;pointer-events:auto}#touch-actions button{height:48px;background:#182019dd;border:1px solid #ffffff40;font-size:11px}#touch-actions .primary{grid-column:1/3;background:#e0a433;color:#151710}#toolbar{bottom:max(8px,env(safe-area-inset-bottom));max-width:76vw}#materials{left:154px;bottom:max(76px,calc(env(safe-area-inset-bottom) + 62px));pointer-events:none}#tip{display:none}header{top:max(8px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right))}#help{right:max(12px,env(safe-area-inset-right))}}@media(pointer:coarse)and (orientation:portrait){#rotate{display:flex;position:fixed;z-index:50;inset:0;background:#11150f;color:#f4f0dd;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center}#rotate b{font:700 34px "Noto Serif SC"}#rotate span{font-size:11px;color:#a9ad98}#touch-controls{display:none}}