:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#87b8d8;color:#edf4e8;--hud-panel-bg: #17231c;--hud-panel-deep: #0d1511;--hud-border: #9eae91;--hud-border-dark: #435344;--hud-text: #edf4e8;--hud-muted: #becbb9;--hud-grass: #83c951;--hud-grass-dark: #477832;--hud-shadow: #080d0a}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}body{touch-action:none}html.pause-open,body.pause-open,body.pause-open #app{touch-action:auto}#game-canvas{display:block;width:100%;height:100%;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;touch-action:none}#crosshair{position:fixed;top:50%;left:50%;z-index:3;display:block;width:15px;height:15px;transform:translate(-50%,-50%);pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;touch-action:none;image-rendering:pixelated}#day-night-hud{position:fixed;top:max(48px,calc(env(safe-area-inset-top,0px) + 38px));right:max(12px,env(safe-area-inset-right,0px));z-index:3;display:flex;align-items:baseline;gap:6px;padding:5px 8px;border:1px solid rgb(255 255 255 / 30%);border-radius:3px;background:#0000005c;color:#fff;pointer-events:none;white-space:nowrap;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;text-shadow:1px 1px 0 #000000}.day-night-hud-label{color:#ffffffb8;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}#game-time{font:800 17px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em;white-space:nowrap}#health-hud{position:fixed;top:max(12px,env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));z-index:3;padding:0;border:0;background:transparent;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#health-hearts{display:flex;align-items:center;gap:2px;min-height:18px}.health-heart{display:block;width:18px;height:18px;image-rendering:pixelated;object-fit:contain;-webkit-user-drag:none}.health-heart.is-empty{opacity:.95}#respawn-protection-hud{position:fixed;top:max(48px,calc(env(safe-area-inset-top,0px) + 38px));left:50%;z-index:3;transform:translate(-50%);padding:6px 10px;border:1px solid rgb(255 224 110 / 65%);border-radius:3px;background:#3b3000b8;color:#ffe66d;font:700 14px/1.1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-shadow:1px 1px 0 #000000;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}#respawn-protection-seconds{color:#fff;font-size:17px}#damage-overlay{--damage-strength: .5;position:fixed;inset:0;z-index:5;background:radial-gradient(ellipse at center,rgb(255 30 30 / calc(var(--damage-strength) * .06)),rgb(255 30 30 / calc(var(--damage-strength) * .1)) 42%,rgb(255 30 30 / calc(var(--damage-strength) * .34)) 72%,rgb(255 30 30 / calc(var(--damage-strength) * .72)));pointer-events:none;opacity:0;will-change:opacity}#damage-overlay.is-active{animation:damage-flash .36s ease-out}#death-panel{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#320709d9;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#death-panel[hidden]{display:none}.death-card{display:grid;justify-items:center;width:min(420px,100%);padding:30px 24px 26px;border:2px solid #ff9a9a;border-radius:12px;background:#180d0ee8;color:#fff5f5;box-shadow:0 12px 40px #0009;text-align:center}.death-card h2{margin:0 0 10px;color:#ffb5b5;font-size:clamp(34px,8vw,54px)}.death-card p{margin:0 0 22px;color:#f3d6d6;font-size:17px}.death-card button{min-width:168px;min-height:52px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.death-hint{margin-top:14px;color:#c7a7a7;font-size:13px}@keyframes damage-flash{0%{opacity:0}14%{opacity:1}to{opacity:0}}#selected-block-hud{--block-slot-size: 48px;--block-slot-gap: 9px;--block-slot-step: calc(var(--block-slot-size) + var(--block-slot-gap));position:fixed;inset:auto auto 18px 50%;bottom:max(18px,env(safe-area-inset-bottom,0px));z-index:3;display:grid;justify-items:center;gap:5px;width:calc(var(--block-slot-size) * 3 + var(--block-slot-gap) * 2 + 20px);padding:7px 10px 8px;border:2px solid var(--hud-border-dark);border-top-color:var(--hud-border);border-radius:5px;background:linear-gradient(180deg,#263a2b 0%,var(--hud-panel-bg) 38%,var(--hud-panel-deep) 100%);color:var(--hud-text);transform:translate(-50%);pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;box-shadow:inset 0 1px #ffffff26,inset 0 -3px #0000003d,0 4px 0 var(--hud-shadow),0 8px 16px #00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#selected-block-viewport{width:calc(var(--block-slot-size) * 3 + var(--block-slot-gap) * 2);height:var(--block-slot-size);overflow:hidden;border:1px solid #344738;border-radius:3px;background:var(--hud-panel-deep);box-shadow:inset 0 2px #00000052,inset 0 -1px #ffffff14}#selected-block-track{display:flex;gap:var(--block-slot-gap);width:max-content;transform:translateZ(0);transition:transform .18s cubic-bezier(.22,.8,.35,1)}.block-slot{flex:0 0 var(--block-slot-size);width:var(--block-slot-size);height:var(--block-slot-size);border:2px solid rgb(218 231 205 / 28%);border-radius:3px;background-repeat:no-repeat;background-size:calc(var(--block-slot-size) * var(--atlas-cols)) var(--block-slot-size);background-position:calc(var(--tile-x) * var(--block-slot-size) * -1) 0;image-rendering:pixelated;opacity:.4;transform:scale(.84);transition:none;box-shadow:inset 0 1px #fff3,inset 0 -2px #00000047}.block-slot--torch{background-size:contain;background-position:center}.block-slot:nth-child(2){opacity:1;transform:scale(1);border-color:var(--hud-grass);box-shadow:inset 0 1px #ffffff59,inset 0 -2px #00000047,0 0 0 1px var(--hud-grass-dark),0 0 12px #83c95147}#selected-block-name{max-width:180px;overflow:hidden;color:var(--hud-text);font:700 11px/1.1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-shadow:1px 1px 0 var(--hud-shadow);text-overflow:ellipsis;white-space:nowrap}#ui-menu-button{position:fixed;top:max(16px,env(safe-area-inset-top,0px));right:max(18px,env(safe-area-inset-right,0px));z-index:32;display:grid;justify-items:center;width:54px;height:64px;padding:0;border:0;background:transparent;color:#fff;font:800 38px/.8 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;text-shadow:2px 2px 0 #000000}body:not(.game-started) #ui-menu-button{display:none}#ui-menu-button:active{transform:translateY(2px);filter:brightness(.85)}#ui-menu-button small{display:block;margin-top:4px;color:#ffffffb8;font:12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}#pause-menu{position:fixed;inset:0;z-index:30;display:grid;place-items:center;overflow-x:hidden;overflow-y:auto;padding:max(24px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));background:#000000b8;touch-action:pan-y;overscroll-behavior-x:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#pause-menu[hidden]{display:none}.pause-card{display:grid;gap:18px;width:min(410px,100%);max-height:100%;padding:clamp(22px,5vw,36px);overflow-x:hidden;overflow-y:auto;border:1px solid rgb(255 255 255 / 32%);border-radius:8px;background:#141414f5;box-shadow:0 12px 40px #0000007a,inset 0 1px #ffffff1a}.pause-card h2{margin:0 0 4px;color:#fff;font:800 clamp(30px,6vw,46px)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:center;text-shadow:2px 2px 0 #000000}.pause-heading{text-align:center}.pause-mode-label{margin:0;color:#ffffffd1;font:700 clamp(15px,2.8vw,18px)/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-shadow:1px 1px 0 #000000}.pause-title{margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-shadow:inherit;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:pointer}.pause-title:focus-visible{outline:2px solid var(--hud-grass);outline-offset:6px}.pause-actions{display:grid;gap:9px}.pause-action,.pause-quality-option{justify-self:center;width:90%;min-height:48px;padding:10px 16px;border:1px solid rgb(255 255 255 / 35%);border-radius:4px;background:#303030;color:#fff;font:700 16px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:center;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform 80ms ease,filter .12s ease,background-color .12s ease}.pause-action:hover,.pause-quality-option:hover{filter:brightness(1.14)}.pause-action:active,.pause-quality-option:active{transform:translateY(2px);filter:brightness(.88)}.pause-action:focus-visible,.pause-quality-option:focus-visible,.pause-control input:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.pause-action--primary{border-color:#bff27a;background:#78b844;color:#102408}.pause-action--danger{border-color:#d27e7e;background:#6b3030}.pause-control{display:grid;gap:8px;justify-self:center;margin:-3px 0 2px;width:90%;box-sizing:border-box;padding:10px 12px;border:1px solid rgb(255 255 255 / 18%);background:#242424;color:#ffffffe0;font:12px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.pause-control label{display:flex;justify-content:space-between;gap:12px}.pause-control output{color:#c9ed83}.pause-control input{width:100%;accent-color:#9be356;touch-action:pan-x}.pause-quality-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:-3px 0 2px;justify-self:center;width:90%}.pause-quality-option{width:100%;min-height:42px;padding:8px;font-size:14px}.pause-quality-option.is-selected{border-color:#bff27a;background:#557c36;color:#fff}.pause-save-status{min-height:16px;margin:-8px 0 0;color:#ffffffad;font:12px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:center}@media(orientation:landscape)and (max-height:600px){#pause-menu{align-items:center;justify-items:center;padding:max(8px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}.pause-card{width:min(410px,calc(100vw - 24px));max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);gap:10px;padding:12px 18px}.pause-card h2{margin-bottom:0;font-size:clamp(24px,5vw,34px)}.pause-actions{gap:6px}.pause-action{min-height:40px;padding-top:7px;padding-bottom:7px}.pause-control{gap:5px;margin:-2px 0 1px;padding:7px 10px}.pause-quality-options{gap:6px;margin:-2px 0 1px}.pause-quality-option{min-height:36px;padding-top:6px;padding-bottom:6px}.pause-save-status{min-height:14px}}#save-confirm-panel{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));background:#000000bd;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#save-confirm-panel[hidden]{display:none}#game-mode-panel{position:fixed;inset:0;z-index:41;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));background:#000000bd;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#game-mode-panel[hidden]{display:none}.game-mode-card{position:relative;width:min(420px,100%);padding:28px 24px 24px;border:1px solid rgb(255 255 255 / 32%);border-radius:8px;background:#181818f5;color:#fff;box-shadow:0 12px 40px #0000007f;text-align:center}.game-mode-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgb(255 255 255 / 34%);border-radius:50%;background:#ffffff1a;color:#fff;cursor:pointer;font:700 24px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.game-mode-close:hover{background:#fff3}.game-mode-close:active{transform:translateY(1px);background:#ffffff47}.game-mode-card h2{margin:0 0 12px;font:800 26px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.game-mode-card p{margin:0 0 22px;color:#ffffffc2;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.game-mode-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.save-confirm-card{width:min(420px,100%);padding:28px 24px 24px;border:1px solid rgb(255 255 255 / 32%);border-radius:8px;background:#181818f5;color:#fff;box-shadow:0 12px 40px #0000007f;text-align:center}.save-confirm-card h2{margin:0 0 12px;font:800 26px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.save-confirm-card p{margin:0 0 22px;color:#ffffffc2;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.save-confirm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.pause-open #mobile-controls,body.pause-open #selected-block-hud,body.pause-open #respawn-protection-hud{visibility:hidden;pointer-events:none}@media(max-width:560px){.pause-card{width:min(360px,100%);padding:20px 16px}.pause-action{min-height:44px;font-size:14px}}button,img{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}button{appearance:none;-webkit-appearance:none}#mobile-controls{position:fixed;inset:0;z-index:4;display:none;pointer-events:none}body.touch-device #mobile-controls{display:block}body.touch-device #selected-block-hud{bottom:450px;bottom:calc(450px + env(safe-area-inset-bottom,0px))}#joystick-base{position:fixed;width:120px;height:120px;display:block;left:max(18px,env(safe-area-inset-left,0px));bottom:max(18px,env(safe-area-inset-bottom,0px));border:0;border-radius:0;background:#0000005c;pointer-events:none}#joystick-knob{position:absolute;top:50%;left:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border:0;border-radius:0;background:#ffffffb3;box-shadow:none}#touch-buttons{--touch-button-size: 54px;position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,var(--touch-button-size));grid-template-rows:repeat(9,var(--touch-button-size));grid-template-areas:"sprint . dig" "place tree switch" "torch brush stone" "sword tnt creeper-bomb" "palette laser view" "fly ascend descend" "mount . ." "drill jump ." ". . .";column-gap:10px;row-gap:8px;align-items:center;justify-items:center;pointer-events:none}#touch-buttons.ui-layout-managed{display:block}#touch-buttons.ui-layout-managed .touch-button{position:fixed;margin:0}.ui-layout-hidden{display:none!important}#start-screen{--start-actions-offset-y: 160px;position:fixed;inset:0;z-index:10;display:grid;place-items:center;overflow:hidden;isolation:isolate;padding:max(24px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));background:#14242b;color:#fff;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#start-screen:after{position:absolute;inset:0;z-index:1;content:"";pointer-events:none;background:linear-gradient(180deg,#030f1647,#030f161a 42%,#030f169e)}.start-background{position:absolute;inset:0;z-index:0;overflow:hidden;background:#14242b;pointer-events:none}.start-background video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.start-card{display:grid;position:relative;z-index:2;gap:14px;width:min(1120px,100%);padding:clamp(20px,4vw,38px);text-align:center}.start-title-art{position:absolute;top:max(16px,env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));left:max(12px,env(safe-area-inset-left,0px));z-index:2;display:flex;justify-content:center;pointer-events:none}.start-title-art img{display:block;width:min(94vw,1180px);height:auto;max-height:19vh;object-fit:contain;object-position:center top;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.start-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,1vw,12px);margin-top:var(--start-actions-offset-y);width:100%}#start-screen.start-screen--no-save .start-actions{grid-template-columns:repeat(3,minmax(0,1fr));justify-self:center;width:min(760px,100%)}.start-button{width:100%;min-height:clamp(48px,5vw,68px);padding:10px clamp(5px,1.4vw,20px);border:1px solid rgb(255 255 255 / 42%);border-radius:12px;background:#0000005c;color:#fff;font:800 clamp(13px,1.8vw,21px)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;text-shadow:1px 1px 0 rgb(0 0 0 / 50%);transition:transform 80ms ease,filter .12s ease}.start-button:hover{filter:brightness(1.1)}.start-button:focus-visible{outline:3px solid #ffffff;outline-offset:3px}.start-button--primary{border-color:#bff27a;background:#9be356;color:#17330d;text-shadow:none}.start-button--clear{border-color:#91b9e9;background:#092647c7}.start-button--author{border-color:#d0a7f4;background:#3c2058c7}.start-button--more{border-color:#b2dc73;background:#234824d1}.start-button:active{transform:translateY(2px);filter:brightness(.9)}.start-status{min-height:18px;color:#ffffffb8;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-shadow:1px 1px 0 rgb(0 0 0 / 68%)}.start-footer{position:absolute;right:max(24px,env(safe-area-inset-right,0px));bottom:max(18px,env(safe-area-inset-bottom,0px));left:max(24px,env(safe-area-inset-left,0px));z-index:2;display:flex;justify-content:space-between;gap:16px;color:#ffffffc2;font:12px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-shadow:1px 1px 0 rgb(0 0 0 / 78%)}#start-hints{position:absolute;right:0;bottom:calc(42px + env(safe-area-inset-bottom,0px));left:0;z-index:2;display:none;overflow:hidden;padding:5px 0;background:linear-gradient(90deg,transparent,rgb(7 20 30 / 66%) 16%,rgb(7 20 30 / 66%) 84%,transparent);color:#ffe08a;font:18px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-shadow:1px 1px 0 rgb(0 0 0 / 78%);pointer-events:none}.start-hints-track{display:flex;align-items:center;width:max-content;white-space:nowrap;animation:start-hint-scroll 18s linear infinite}.start-hints-sequence{display:flex;flex:0 0 auto;align-items:center;gap:10px;padding-right:10px}.start-hints .sep{opacity:.65}@keyframes start-hint-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(orientation:portrait){body.start-screen-visible.touch-device #start-hints{display:block;z-index:11}}@media(orientation:portrait){body.game-started.touch-device #start-hints{display:block;top:max(8px,env(safe-area-inset-top,0px));bottom:auto;z-index:5}}@media(max-width:560px)and (orientation:portrait){#start-screen{padding-right:max(10px,env(safe-area-inset-right,0px));padding-left:max(10px,env(safe-area-inset-left,0px))}.start-card{gap:10px;padding:16px 0}.start-title-art img{width:min(92vw,520px);max-height:14vh}.start-actions{gap:5px}.start-button{min-height:44px;padding:7px 2px;border-radius:8px;font-size:clamp(11px,3.3vw,14px)}.start-footer{right:max(10px,env(safe-area-inset-right,0px));bottom:max(10px,env(safe-area-inset-bottom,0px));left:max(10px,env(safe-area-inset-left,0px));align-items:center;flex-direction:column;gap:3px;font-size:10px}}.touch-button{width:var(--touch-button-size);height:var(--touch-button-size);padding:0;border:0;border-radius:0;background:#0000005c;color:#fff;font:800 13px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;box-shadow:none;transition:transform 80ms ease}.touch-button[data-ui-key-hint]:after{position:absolute;right:0;bottom:3px;left:0;color:#ffffffad;content:attr(data-ui-key-hint);font:11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;pointer-events:none;text-shadow:1px 1px 0 #000000}#touch-buttons.ui-layout-hide-key-hints .touch-button[data-ui-key-hint]:after{display:none}#btn-jump{grid-area:jump}#btn-sprint{grid-area:sprint}#btn-dig{grid-area:dig}#btn-place{grid-area:place}#btn-switch{grid-area:switch}#btn-torch{grid-area:torch}#btn-tree{grid-area:tree}#btn-brush{grid-area:brush}#btn-stone{grid-area:stone}#btn-sword{grid-area:sword}#btn-tnt{grid-area:tnt}#btn-creeper-bomb{grid-area:creeper-bomb}#btn-palette{grid-area:palette}#btn-laser{grid-area:laser}#btn-view{grid-area:view}#btn-fly{grid-area:fly}#btn-ascend{grid-area:ascend}#btn-descend{grid-area:descend}#btn-mount{grid-area:mount;background:#f9c227d9;color:#2f2200}#btn-drill{grid-area:drill;background:#65727bd9}#mount-follow-panel{position:fixed;inset:0;z-index:8;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:#0000006b;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#mount-follow-panel[hidden]{display:none}.mount-follow-card{width:min(440px,calc(100vw - 32px));padding:24px;border:2px solid #f9c227;border-radius:8px;background:#202a2b;color:#fff;text-align:center;box-shadow:0 12px 40px #00000073}.mount-follow-card h2{margin:0 0 12px;font-size:clamp(20px,4vw,30px)}.mount-follow-card p{margin:0 0 18px;color:#d7e5e2;font-size:15px;line-height:1.5}.mount-follow-actions{display:grid;gap:10px}.mount-follow-actions button{justify-self:center;width:90%;min-height:48px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.mount-follow-tagline{margin:16px 0 0!important;padding:10px 12px;border-radius:4px;background:#00000029;color:#929292!important;font-size:clamp(18px,4vw,26px)!important;font-weight:700;line-height:1.25!important}@media(orientation:landscape)and (max-height:600px){#mount-follow-panel{overflow-x:hidden;overflow-y:auto;padding:max(8px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));touch-action:pan-y}.mount-follow-card{width:min(440px,calc(100vw - 24px));max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;padding:12px 18px;touch-action:pan-y}.mount-follow-card h2{margin-bottom:6px;font-size:clamp(18px,4vw,26px)}.mount-follow-card p:not(.mount-follow-tagline){margin-bottom:8px;font-size:13px;line-height:1.3}.mount-follow-actions{gap:6px}.mount-follow-actions button{min-height:40px;padding-top:7px;padding-bottom:7px}.mount-follow-tagline{margin-top:8px!important;padding:7px 8px;font-size:clamp(16px,3.5vw,22px)!important}}.touch-button.held,.touch-button[aria-pressed=true]{background:#ffffffb3;color:#17231c;transform:translateY(3px)}.touch-button:active{transform:translateY(3px)}.touch-button:disabled{opacity:.32;filter:grayscale(1);cursor:not-allowed;transform:none}#paint-palette-panel{position:fixed;top:50%;left:50%;z-index:12;display:grid;gap:12px;width:min(620px,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:14px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:2px solid #69726b;border-radius:6px;background:#303030;color:#f4f4f4;transform:translate(-50%,-50%);pointer-events:auto;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;box-shadow:0 8px 30px #0000008c,inset 0 1px #ffffff1f}.paint-palette-header{display:flex;align-items:center;justify-content:space-between;font:700 16px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.paint-palette-close{width:32px;height:30px;padding:0;border:1px solid #7d877e;border-radius:3px;background:#242424;color:#fff;font:700 22px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.paint-picker-layout{display:grid;grid-template-columns:minmax(0,1fr) 26px;gap:10px;min-height:0}#paint-sv-canvas{display:block;width:100%;height:auto;aspect-ratio:360 / 260;min-height:0;border:1px solid #111111;image-rendering:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#paint-hue-control{position:relative;width:26px;height:100%;min-height:0;margin:0;padding:0;appearance:none;-webkit-appearance:none;writing-mode:vertical-lr;direction:rtl;border:1px solid #111111;border-radius:0;background:linear-gradient(to bottom,red,#ff0,#0f0,#0ff,#00f,#f0f,red);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#paint-hue-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}#paint-hue-thumb{position:absolute;top:0;right:-4px;left:-4px;height:8px;border:2px solid #ffffff;border-radius:1px;background:transparent;box-shadow:0 0 0 1px #000;pointer-events:none;transform:translateY(-50%)}.paint-picker-preview-row{display:flex;align-items:center;gap:10px;min-height:54px}#paint-current-preview{width:54px;height:54px;border:2px solid #111111;background:#000}#paint-current-label{color:#ddd;font:14px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.paint-rgb-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.paint-rgb-fields label,.paint-hex-field{display:flex;align-items:center;gap:5px;color:#ddd;font:14px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.paint-rgb-fields input,.paint-hex-field input{min-width:0;width:100%;padding:7px 8px;border:1px solid #5e665f;border-radius:2px;background:#252525;color:#fff;font:14px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.paint-hex-field{max-width:230px}@media(max-width:480px){#selected-block-hud{--block-slot-size: 42px;--block-slot-gap: 7px}body.touch-device #selected-block-hud{bottom:390px;bottom:calc(390px + env(safe-area-inset-bottom,0px))}#touch-buttons{--touch-button-size: 48px;right:max(10px,env(safe-area-inset-right));column-gap:7px;row-gap:7px}#paint-palette-panel{width:min(620px,calc(100vw - 16px));max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);padding:10px}.touch-button{font-size:12px}}@media(orientation:landscape)and (max-height:600px){#paint-palette-panel{width:min(760px,calc(100vw - 16px));max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);grid-template-columns:minmax(0,1.2fr) minmax(170px,.8fr);grid-template-areas:"header header" "picker preview" "picker rgb" "picker hex";gap:8px 14px;padding:10px}.paint-palette-header{grid-area:header}.paint-picker-layout{grid-area:picker;align-self:center;width:100%;min-height:0}#paint-sv-canvas{width:auto;max-width:100%;height:min(68vh,260px);height:min(68dvh,260px);justify-self:center}#paint-hue-range{height:100%;min-height:0}.paint-picker-preview-row{grid-area:preview;min-height:0}.paint-rgb-fields{grid-area:rgb;gap:5px}.paint-hex-field{grid-area:hex;max-width:none}}@media(orientation:landscape)and (max-height:600px){#start-screen{padding-top:max(12px,env(safe-area-inset-top,0px));padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}.start-card{gap:8px;padding:14px 24px}.start-title-art img{width:min(88vw,1000px);max-height:20vh}.start-actions{gap:6px}.start-button{min-height:42px;padding:7px 14px;font-size:16px}}@media(orientation:landscape)and (max-height:600px){body.touch-device #selected-block-hud{bottom:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px))}}.panel{position:fixed;z-index:2;left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));display:grid;gap:4px;min-width:210px;padding:10px 12px;border:2px solid var(--hud-border-dark);border-top-color:var(--hud-border);border-radius:5px;background:linear-gradient(180deg,#1f3225eb,#0d1711eb);color:var(--hud-text);font:12px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-shadow:1px 1px 0 var(--hud-shadow);pointer-events:none;box-shadow:inset 0 1px #ffffff24,inset 0 -3px #0000003d,0 4px 0 var(--hud-shadow),0 8px 16px #0000003d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel strong{color:var(--hud-grass);font-size:13px;text-shadow:2px 2px 0 var(--hud-shadow)}#boot-panel{top:50%;left:50%;min-width:min(320px,calc(100vw - 32px));transform:translate(-50%,-50%)}.boot-progress-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}#boot-progress{width:100%;height:10px;accent-color:var(--hud-grass)}#boot-progress-label{min-width:3.5ch;color:#fff;text-align:right}.boot-error{display:grid;gap:8px;color:#ffd1d1;line-height:1.4}.boot-error button{justify-self:start;padding:6px 10px;border:1px solid rgb(255 255 255 / 45%);border-radius:3px;background:#633333;color:#fff;font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.boot-error button:active{transform:translateY(1px);filter:brightness(.88)}.debug-panel{top:max(10px,env(safe-area-inset-top));right:auto;bottom:auto;left:max(10px,env(safe-area-inset-left));min-width:200px;max-width:min(78vw,280px);padding:7px 9px;gap:2px;border:1px solid rgb(255 255 255 / 35%);border-radius:0;background:#0000005c;color:#fff;font-size:10px;line-height:1.2;text-shadow:1px 1px 0 #000000;box-shadow:0 3px 10px #0000003d;-webkit-backdrop-filter:none;backdrop-filter:none}.debug-panel strong{color:#fff;font-size:11px}.unsupported-panel{top:50%;left:50%;min-width:min(320px,calc(100vw - 32px));transform:translate(-50%,-50%);text-align:center}