*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#101925;font-family:system-ui,-apple-system,sans-serif;color:#f2eee7}canvas{display:block;width:100%;height:100%;touch-action:none}#hud{position:absolute;z-index:1;left:18px;top:15px;display:flex;flex-direction:column;gap:3px;pointer-events:none}#hud strong{font-size:23px;letter-spacing:.16em}#hud span{font-size:10px;letter-spacing:.13em;opacity:.7}#help{position:absolute;z-index:1;bottom:18px;left:50%;transform:translate(-50%);font-size:12px;white-space:nowrap;color:#e3e5e4b3;pointer-events:none}@media(max-width:600px){#help{font-size:11px;bottom:24px}}#wood-ui{position:absolute;inset:0;z-index:2;pointer-events:none}#wood-ui button{font:inherit;color:#eee4d5;border:1px solid #82705a;background:#202724;cursor:pointer;touch-action:none}#inventory{position:absolute;bottom:38px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(4,136px);gap:10px;pointer-events:auto}.wood-slot{position:relative;width:136px;height:100px;border-radius:8px;padding:0!important}.wood-slot canvas{width:100%!important;height:100%!important;pointer-events:none}.wood-slot.selected{border:2px solid #e6b77a!important;box-shadow:0 0 16px #e6b77a44;background:#3c3c2d!important}.slot-number{position:absolute;top:6px;left:8px;font-size:10px;color:#b6a990}.wood-info{display:none;position:absolute;bottom:calc(100% + 8px);left:0;width:210px;padding:10px;background:#111d19;border:1px solid #82705a;border-radius:6px;font-size:12px;line-height:1.7;text-align:left;z-index:5;pointer-events:none}@media(hover:hover){.wood-slot:hover .wood-info{display:block}}.wood-slot:focus-visible .wood-info,.wood-slot.show-info .wood-info{display:block}#placement-status{position:absolute;right:18px;top:18px;font-size:12px;background:#111d19cc;padding:8px 12px;border-radius:6px}#placement{position:absolute;right:18px;bottom:155px;width:280px;padding:12px;background:#111d19eb;border:1px solid #675b49;border-radius:8px;pointer-events:auto}#placement[hidden]{display:none}#placement p{margin:0 0 8px;font-size:13px}#placement button{padding:9px;border-radius:4px}#placement small{display:block;font-size:10px;line-height:1.6;margin-top:8px;color:#b9b9ac}.modes,.actions{display:flex;gap:6px}.modes button,.actions button{flex:1}[aria-pressed=true][data-mode]{background:#65533b!important}#adjustments{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin:7px 0}#confirm{background:#665039!important}#confirm:disabled{opacity:.4;cursor:default}#help{bottom:12px;font-size:10px}@media(max-width:600px)and (orientation:portrait){#inventory{grid-template-columns:repeat(2,112px);bottom:32px;gap:6px}.wood-slot{width:112px;height:72px}#placement{right:10px;bottom:194px;width:240px;padding:8px}#placement button{padding:7px}#placement-status{top:16px;right:10px;font-size:10px}.wood-info{width:170px}.wood-slot:nth-child(2n) .wood-info{left:auto;right:0}#help{bottom:10px;font-size:9px}}.wood-slot{height:138px}.wood-slot canvas{position:absolute;top:0;left:0;height:calc(100% - 42px)!important}.wood-stats{position:absolute;bottom:5px;left:6px;right:6px;display:block;font-size:10px;line-height:1.55;text-align:left;color:#e8ddcb;pointer-events:none}.wood-slot.selected{outline:2px solid #f0c88c;outline-offset:2px}#placement{bottom:194px}#physics-status{position:absolute;top:70px;left:18px;background:#111d19dd;padding:10px;font-size:12px}@media(max-width:600px)and (orientation:portrait){.wood-slot{height:108px}#placement{bottom:266px}.wood-stats{font-size:9px}.wood-slot canvas{height:calc(100% - 40px)!important}}#burn-hud{position:absolute;top:72px;left:18px;max-width:270px;background:#111d19df;border:1px solid #675b49;border-radius:6px;padding:9px;pointer-events:auto;font-size:11px;line-height:1.7}#burn-hud button{padding:6px 10px;border-radius:4px;margin-bottom:4px}#burn-hud button:disabled{opacity:.45;cursor:default}.modes[hidden]{display:none}@media(max-width:600px)and (orientation:portrait){#burn-hud{top:70px;left:10px;max-width:200px;padding:6px;font-size:10px}}#sound-controls{margin-top:5px;border-top:1px solid #675b49;padding-top:4px}#sound-controls summary{cursor:pointer}#sound-controls label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px}#sound-controls input{width:90px;accent-color:#d4a56b}#sound-status{display:block;font-size:10px;color:#bdc3b9}#sound-meter{display:block;width:100%;height:5px;margin-top:3px}#sound-controls button{font-size:10px}#run-hud{position:absolute;left:18px;top:72px;padding:8px 11px;background:#111d19df;border:1px solid #675b49;border-radius:6px;font-size:12px;line-height:1.7;pointer-events:none;font-variant-numeric:tabular-nums}#run-hud #placement-status{position:static;padding:0;background:none;font-size:inherit}#burn-hud{top:164px}#result{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#080e14b8;pointer-events:auto;padding:18px}#result[hidden]{display:none}.result-card{width:min(100%,340px);text-align:center;background:#15201df5;border:1px solid #82705a;border-radius:12px;padding:30px 22px;box-shadow:0 16px 70px #0008}.result-card h1{font-size:24px;margin:0 0 24px}.result-card p{font-size:14px;color:#c7c8ba}.result-card strong{display:block;font-size:30px;color:#f2eee7;font-variant-numeric:tabular-nums;margin-top:5px}#next-fire{padding:12px 24px;margin-top:12px;border-radius:6px;background:#665039!important}#wood-ui button:disabled{cursor:default}.wood-slot:disabled{opacity:.5}@media(max-width:600px)and (orientation:portrait){#run-hud{top:70px;left:10px;font-size:11px;padding:6px 9px}#burn-hud{top:154px}}#camera-controls{position:absolute;right:max(10px,env(safe-area-inset-right));top:42%;z-index:3;display:grid;grid-template-columns:repeat(2,36px);gap:5px;pointer-events:auto}#camera-controls button{height:42px;padding:0;border:1px solid #82705a;border-radius:6px;color:#eee4d5;background:#15201de8;font:20px system-ui;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}#camera-controls button:active{background:#665039}#app:has(#result:not([hidden])) #camera-controls{visibility:hidden}#inventory{bottom:max(38px,calc(env(safe-area-inset-bottom) + 18px))}@media(max-width:600px)and (orientation:portrait){#inventory{bottom:max(32px,calc(env(safe-area-inset-bottom) + 14px))}#placement{left:max(10px,env(safe-area-inset-left));right:auto;width:min(260px,calc(100% - 108px));top:152px;bottom:max(266px,calc(env(safe-area-inset-bottom) + 248px));overflow:auto;overscroll-behavior:contain;padding:8px}#placement button{min-height:36px}#placement p{font-size:11px}#placement small{font-size:9px}#wood-ui:has(#placement:not([hidden])) #burn-hud{display:none}#camera-controls{top:38%;grid-template-columns:repeat(2,32px);gap:4px}#camera-controls button{height:40px}#burn-hud{max-height:calc(100dvh - 414px);overflow:auto;overscroll-behavior:contain}.wood-slot .wood-info{max-width:calc(50vw - 18px)}}@media(max-height:700px)and (max-width:600px)and (orientation:portrait){#hud{top:8px}#hud strong{font-size:18px}#run-hud{top:52px;font-size:10px;line-height:1.5;padding:5px 8px}#burn-hud{top:116px;max-height:calc(100dvh - 370px)}#placement{top:116px}#placement button{min-height:32px;padding:5px}.modes,.actions{gap:4px}#adjustments{gap:4px;margin:4px 0}#placement small{margin-top:4px}}@media(max-height:500px)and (orientation:landscape){#hud{top:6px}#hud strong{font-size:17px}#run-hud{top:50px;font-size:10px;padding:5px 8px}#burn-hud{top:120px;max-height:calc(100dvh - 240px);overflow:auto}#inventory{grid-template-columns:repeat(4,104px);bottom:max(20px,calc(env(safe-area-inset-bottom) + 8px));gap:6px}.wood-slot{width:104px;height:94px}.wood-stats{font-size:9px}#placement{inset:54px auto 126px 160px;width:min(270px,calc(100% - 262px));overflow:auto;padding:6px}#placement button{padding:5px;min-height:32px}#camera-controls{top:30%}}@media(min-width:601px)and (min-height:501px){#placement{right:106px}}@media(max-height:600px)and (max-width:600px)and (orientation:portrait){.wood-slot{height:94px}#placement{bottom:max(238px,calc(env(safe-area-inset-bottom) + 220px))}#burn-hud{max-height:calc(100dvh - 342px)}}@media(max-width:600px)and (orientation:portrait){#placement{--placement-top:152px;--placement-bottom:max(266px, calc(env(safe-area-inset-bottom) + 248px) );top:auto;bottom:var(--placement-bottom);max-height:calc(100dvh - var(--placement-bottom) - var(--placement-top))}}@media(max-height:700px)and (max-width:600px)and (orientation:portrait){#placement{--placement-top:116px}}@media(max-height:600px)and (max-width:600px)and (orientation:portrait){#placement{--placement-bottom:max(238px, calc(env(safe-area-inset-bottom) + 220px) )}}@media(max-width:600px)and (orientation:portrait){.wood-slot .wood-info{bottom:0;max-height:100%;overflow:auto;font-size:10px;padding:6px;line-height:1.5}}@media(max-height:600px)and (max-width:600px)and (orientation:portrait){.wood-slot .wood-info{font-size:9px}}