:root{color:#f1ead8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#101116;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{-webkit-user-select:none;user-select:none;min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input{font:inherit}.app-shell{-webkit-user-select:none;user-select:none;background:linear-gradient(#ffd58012,#0000 38%),radial-gradient(circle at 70% 15%,#63b4a521,#0000 26%),#101116;grid-template-rows:minmax(0,1fr) auto;width:100vw;height:100svh;display:grid}.game-stage{touch-action:none;min-height:0;position:relative}.game-stage canvas{display:block}.top-panel{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));pointer-events:none;color:#faeed3e6;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute}.top-panel div{gap:3px;display:grid}.top-panel strong{letter-spacing:0;font-size:clamp(22px,4vw,34px)}.top-panel span{color:#faeed3ad;max-width:min(560px,72vw);font-size:14px;line-height:1.35}.mode-chip{white-space:nowrap;background:#0e10146b;border:1px solid #f8d26a66;border-radius:999px;padding:7px 10px}.perspective-control{right:max(18px, env(safe-area-inset-right));z-index:4;place-items:center;width:108px;height:108px;display:grid;position:absolute;bottom:22px}.perspective-pad{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle,#f8d26a21,#0000 33%),#0b0d10a8;border:1px solid #f8d26a5c;border-radius:50%;width:96px;height:96px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 10px 24px #00000057}.perspective-pad:active{cursor:grabbing}.perspective-pad__axis{background:#f8efd847;height:1px;position:absolute;inset:50% 15px auto}.perspective-pad__axis--y{width:1px;height:auto;inset:15px auto 15px 50%}.perspective-pad__knob{pointer-events:none;background:linear-gradient(#f4d077,#d7963d);border:2px solid #fff8dae0;border-radius:50%;width:28px;height:28px;position:absolute;top:calc(50% - 14px);left:calc(50% - 14px);box-shadow:0 5px 12px #00000061}.camera-controls{left:max(18px, env(safe-area-inset-left));z-index:4;touch-action:none;-webkit-tap-highlight-color:transparent;background:#0b0d109e;border:1px solid #f8d26a40;border-radius:8px;align-items:center;gap:12px;padding:10px;display:flex;position:absolute;bottom:24px;box-shadow:0 10px 24px #00000047}.zoom-control{color:#faeed3c2;gap:7px;width:166px;font-size:12px;font-weight:700;display:grid}.zoom-control input{accent-color:#f2bd59;cursor:pointer;width:100%}.camera-pan-pad{cursor:grab;touch-action:none;background:radial-gradient(circle,#93cabe29,#0000 34%),#0b0d10b8;border:1px solid #93cabe66;border-radius:50%;width:74px;height:74px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.camera-pan-pad:active{cursor:grabbing}.camera-pan-pad__axis{background:#f8efd842;height:1px;position:absolute;inset:50% 13px auto}.camera-pan-pad__axis--y{width:1px;height:auto;inset:13px auto 13px 50%}.camera-pan-pad__knob{pointer-events:none;background:linear-gradient(#8dd7c9,#4a9e91);border:2px solid #e8fff6e6;border-radius:50%;width:22px;height:22px;position:absolute;top:calc(50% - 11px);left:calc(50% - 11px);box-shadow:0 5px 12px #00000057}.hud{padding:12px max(14px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0d10db;border-top:1px solid #ffffff1a;grid-template-columns:minmax(330px,430px) minmax(260px,1fr) auto;align-items:center;gap:12px;display:grid}.hud__tools{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:4px;display:grid}.hud__materials{grid-template-columns:repeat(3,minmax(82px,1fr));gap:8px;display:grid}.material,.tool-button,.reset-button{color:#f8efd8;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff21;border-radius:8px;min-height:46px}.tool-button{color:#f8efd8bd;background:0 0;place-items:center;min-width:0;padding:0 10px;display:grid}.tool-button.is-active{color:#15120d;background:linear-gradient(#f4d077,#d7963d);border-color:#f8d26ae0}.material{text-align:left;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:7px 10px;display:grid}.material.is-active{border-color:#f8d26af0;box-shadow:inset 0 0 0 1px #f8d26a59,0 0 24px #f8b5462e}.material__swatch{width:30px;height:30px;image-rendering:pixelated;border:2px solid #ffffff52;border-radius:6px}.material--stone .material__swatch{background:linear-gradient(90deg,#0000 48%,#37373480 50%,#0000 52%),linear-gradient(#0000 48%,#37373480 50%,#0000 52%),#92928d}.material--wood .material__swatch{background:repeating-linear-gradient(0deg,#5b321acc 0 2px,#0000 2px 9px),linear-gradient(90deg,#6c3e1d,#bf7a37 45%,#e0a35d)}.material--lamp .material__swatch{background:radial-gradient(circle at 50% 38%,#fff5ad 0 24%,#f7bb4e 25% 58%,#7d451f 59%)}.material__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hud__status{color:#faeed3c2;white-space:nowrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.reset-button{padding:0 14px}.dev-toggle{color:#faeed3d1;cursor:pointer;background:#1515166b;border:1px solid #ffe7a642;border-radius:7px;align-items:center;gap:7px;min-height:36px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.dev-toggle input{accent-color:#f2bd59;cursor:pointer;width:15px;height:15px}.material:active,.tool-button:active,.reset-button:active,.dev-toggle:active{transform:translateY(1px)}@media (width<=1020px){.hud{grid-template-columns:minmax(330px,430px) minmax(260px,1fr) auto}.hud__status{justify-content:space-between}}@media (width<=900px){.hud{grid-template-columns:1fr}.hud__status{justify-content:space-between}.top-panel{gap:8px}.mode-chip,.top-panel span{display:none}.perspective-control{width:86px;height:86px;bottom:14px;right:12px}.camera-controls{gap:9px;padding:8px;bottom:14px;left:12px}.zoom-control{width:min(146px,38vw)}.camera-pan-pad{width:66px;height:66px}.camera-pan-pad__knob{width:20px;height:20px;top:calc(50% - 10px);left:calc(50% - 10px)}.perspective-pad{width:78px;height:78px}.perspective-pad__knob{width:24px;height:24px;top:calc(50% - 12px);left:calc(50% - 12px)}}@media (width<=430px){.camera-controls{gap:7px;padding:7px}.zoom-control{width:min(108px,34vw)}.camera-pan-pad{width:58px;height:58px}.camera-pan-pad__knob{width:18px;height:18px;top:calc(50% - 9px);left:calc(50% - 9px)}.hud__materials{grid-template-columns:repeat(3,minmax(0,1fr))}.material{text-align:center;grid-template-columns:1fr;justify-items:center;padding:7px 6px}.material__label{max-width:100%;font-size:12px}}