:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN',sans-serif;background:#071b21;color:#e1e6e1}*{box-sizing:border-box}html,body,main{margin:0;width:100%;height:100%;overflow:hidden}main{position:relative}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}#boot,#hint,#carry{position:absolute;left:50%;transform:translateX(-50%);pointer-events:none;text-align:center;white-space:nowrap;font-size:14px;letter-spacing:.12em;font-weight:300;text-shadow:0 2px 12px #000}#boot{top:45%;opacity:.7}#hint{bottom:calc(85px + env(safe-area-inset-bottom));opacity:0;transition:opacity 2s}#carry{bottom:calc(40px + env(safe-area-inset-bottom));letter-spacing:.03em;color:#ebdcc2;font-size:13px}button,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit;background:transparent}#gear{position:absolute;bottom:calc(12px + env(safe-area-inset-bottom));right:calc(14px + env(safe-area-inset-right));width:48px;height:48px;display:grid;place-items:center;color:#fff;opacity:.45;transition:opacity .2s}#gear:hover,#gear:focus-visible{opacity:1}#gear svg{width:26px;height:26px}button:focus-visible,summary:focus-visible{outline:2px solid #d9ae7b;outline-offset:4px}dialog{position:fixed;inset:auto 14px calc(72px + env(safe-area-inset-bottom)) auto;width:min(340px,calc(100vw - 28px));max-height:calc(100dvh - 110px);overflow:auto;margin:0;padding:23px 24px;background:rgba(10,27,31,.94);border:1px solid #ffffff19;border-radius:17px;color:#e1e6e1;box-shadow:0 16px 70px #0008;backdrop-filter:blur(18px)}dialog::backdrop{background:#0002}.menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}h1{font-weight:400;font-size:17px;letter-spacing:.1em;margin:0}.menu-head button{font-size:26px;line-height:1;width:32px;height:32px;opacity:.6}.row{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;margin:23px 0}.row input[type=range]{width:145px;accent-color:#d0a675}.row input[type=checkbox]{width:19px;height:19px;accent-color:#d0a675}select{max-width:175px;border:1px solid #ffffff15;padding:8px;border-radius:7px;background:#132d33;color:#e1e6e1;font-size:14px}.wide{width:100%;text-align:left;padding:14px 0;border-top:1px solid #ffffff12;font-size:14px}.subtle{color:#b4bdb9}details{padding-top:14px;border-top:1px solid #ffffff12;font-size:14px;line-height:1.9}summary{cursor:pointer;color:#bcc6c4}details p{color:#b6c2bd}p.note{font-size:12px;line-height:1.8;color:#839693;margin:20px 0 0}#error{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#0b2028;padding:24px;font-size:16px}#error[hidden]{display:none}#error button{padding:15px;border:1px solid #fff4;border-radius:8px}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){#hint{transition:none}}

#clock{position:absolute;left:calc(20px + env(safe-area-inset-left));bottom:calc(24px + env(safe-area-inset-bottom));color:#fff;opacity:.55;font-size:18px;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:.08em;pointer-events:none;text-shadow:0 1px 8px #000}

html,body,main,canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{overscroll-behavior:none}main{height:100dvh}input,select{touch-action:manipulation}

#tuning{width:min(410px,calc(100vw - 28px));inset:5dvh auto auto 50%;transform:translateX(-50%);max-height:88dvh;touch-action:pan-y}.tune-row{display:grid;grid-template-columns:1fr 52px;gap:6px;margin:19px 0;font-size:14px}.tune-row output{text-align:right;color:#d8b779;font-variant-numeric:tabular-nums}.tune-row input{grid-column:1 / -1;width:100%;accent-color:#bd9250}

:root,html,body,main{background:#000}#clock{bottom:calc(40px + env(safe-area-inset-bottom))}#burn-time{position:absolute;left:calc(20px + env(safe-area-inset-left));bottom:calc(22px + env(safe-area-inset-bottom));font-size:11px;color:#fff;opacity:.5;font-variant-numeric:tabular-nums;pointer-events:none}

#wood-supply{position:absolute;bottom:calc(12px + env(safe-area-inset-bottom));right:calc(70px + env(safe-area-inset-right));width:48px;height:48px;display:grid;place-items:center;color:#eee8dc;opacity:.82;transition:opacity .2s,color .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#wood-supply svg{position:absolute;inset:2px;width:44px;height:44px;transform:rotate(-90deg);overflow:visible}#wood-supply circle{fill:none;stroke-width:1.5}#wood-supply .supply-track{stroke:#ffffff3d}#wood-supply .supply-progress{stroke:#e8c18e;stroke-linecap:round;stroke-dasharray:119.38;stroke-dashoffset:119.38;transition:stroke-dashoffset .18s linear}#wood-supply span{position:relative;font-size:14px;letter-spacing:.06em;font-weight:400}#wood-supply:hover,#wood-supply:focus-visible{opacity:1}#wood-supply:disabled{color:#909692;opacity:.38;cursor:default}#wood-supply:disabled .supply-progress{stroke:#929894}#wood-supply:not(:disabled){color:#f3d8b1;opacity:1}#wood-supply:not(:disabled) .supply-progress{stroke:#f3d8b1}
#clock{top:calc(16px + env(safe-area-inset-top));bottom:auto}#burn-time{top:calc(42px + env(safe-area-inset-top));bottom:auto}