:root{color:#f7ffe8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a130b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html:not(.mobile-mode) .debug{background:linear-gradient(145deg,#050807eb,#080c0ad1);border:1px solid #ecb443b3;border-radius:15px;grid-template-columns:1fr;gap:8px;width:286px;padding:14px 16px 13px;display:grid;top:24px;left:22px;box-shadow:0 0 0 2px #0000009e,0 18px 38px #00000057,inset 0 1px #ffffff0d}.survival-bars{gap:5px;padding-bottom:3px;display:grid}.survival-bars span{gap:4px;height:20px;display:flex}.survival-bars i{filter:drop-shadow(0 2px 1px #000000b8);place-items:center;width:20px;font-style:normal;display:inline-grid}.survival-bars .hearts i{color:#ff3b2f;-webkit-text-stroke:1px #76180f;font-size:21px}.survival-bars .hunger i{text-shadow:none;font-size:18px}html:not(.mobile-mode) .status-location{color:#fff8e7;letter-spacing:.01em;font-size:18px;font-weight:650}.status-biome{color:#fff8e7;align-items:center;gap:17px;font-size:16px;display:flex}.status-biome b{color:#fff;min-width:14px}.status-coordinates{color:#fff8e7eb;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:16px}.status-telemetry{display:none}.desktop-utility-nav{z-index:25;gap:14px;display:flex;position:fixed;top:25px;right:24px}.desktop-utility-nav button{color:#f5c563;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(150deg,#0a1415f0,#070d0edb);border:1px solid #f5be4ee6;border-radius:14px;place-items:center;width:62px;height:62px;padding:0;display:grid;box-shadow:0 0 0 2px #0000009e,0 14px 30px #00000052,inset 0 1px #ffffff0f}.desktop-utility-nav button:hover,.desktop-utility-nav button[aria-expanded=true]{color:#ffe69a;background:#2b230fe6;transform:translateY(-1px)}.desktop-utility-nav svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}html:not(.mobile-mode) .compass:before{content:"";background:0 0;border-bottom:9px solid #ffdc72;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-8px;left:50%;transform:translate(-50%)}html:not(.mobile-mode) .compass:after{display:none}html:not(.mobile-mode) .compass strong{color:#fff7de;margin-top:10px;font-size:17px;display:inline-block}html:not(.mobile-mode) .compass small{display:none}.compass-cardinal{color:#fff7dec7;font-size:15px;position:absolute;top:10px}.compass-cardinal-left{left:24%}.compass-cardinal-right{right:24%}.selected-block-name strong{color:#fff8e7;font-size:17px;font-weight:550}.selected-block-name span{color:#fff8e7e6;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.selected-block-name kbd{min-width:24px;font:inherit;background:#0000007a;border:1px solid #ffffff6b;border-radius:4px;padding:2px 5px}.selected-block-name i{background:#ffffff61;width:1px;height:16px;margin:0 4px}html:not(.mobile-mode) .hotbar{background:#050807cc;border:1px solid #f6c25885;border-radius:9px;gap:4px;padding:5px;bottom:24px;box-shadow:0 0 0 2px #00000094,0 14px 34px #00000052}@media (width<=900px) and (pointer:fine){html:not(.mobile-mode) .debug{transform-origin:0 0;width:240px;transform:scale(.88)}.desktop-utility-nav{gap:9px}.desktop-utility-nav button{width:52px;height:52px}html:not(.mobile-mode) .compass{width:34vw;min-width:260px}}html:not(.mobile-mode) .hud:before{z-index:1;content:"";pointer-events:none;background:radial-gradient(circle at 12% 44%,#ffbe5c14,#0000 32%),radial-gradient(#0000 48%,#03080533 100%);position:fixed;inset:0}html.underwater .hud:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(#1880ac33,#05375d57),repeating-linear-gradient(172deg,#0000 0 38px,#afefff0d 39px 42px);position:fixed;inset:0;box-shadow:inset 0 0 120px #031d36ad}.mobile-mode .status-telemetry{color:#ffffffb8;font-size:9px;display:block}.mobile-mode .selected-block-name strong{font-size:12px}.mobile-mode .selected-block-name span{display:none}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100vw;height:100dvh;margin:0;overflow:hidden}button{font:inherit}[data-game-ui]{pointer-events:auto;touch-action:none}.game-shell{touch-action:none;background:#101b10;width:100%;height:100dvh;position:relative;overflow:hidden}.game-canvas{touch-action:none;width:100%;height:100%;display:block}.screen{color:#faffec;background:linear-gradient(#09120f94,#070c07db),radial-gradient(circle at 50% 42%,#7bb45e3d,#0000 42%);place-items:center;transition:opacity .18s,visibility .18s;display:grid;position:absolute;inset:0}.hidden{visibility:hidden;opacity:0;pointer-events:none;display:none!important}.splash-screen{z-index:40;align-content:center;gap:12px}.brand-mark{background:#08120ab8;border:2px solid #f4ffe0b3;grid-template-columns:repeat(2,34px);gap:5px;padding:8px;display:grid;box-shadow:0 18px 60px #00000057}.brand-mark span{width:34px;height:34px;image-rendering:pixelated}.brand-mark span:first-child,.brand-mark span:nth-child(2){background:#3eaa34;box-shadow:inset 0 -8px #2b8127}.brand-mark span:nth-child(3){background:#7a4b2a;box-shadow:inset 0 8px #5b351e}.brand-mark span:nth-child(4){background:#777e80;box-shadow:inset 0 8px #565d5f}.splash-screen h1,.menu-screen h1{letter-spacing:0;text-shadow:0 6px #00000047;margin:0;font-size:clamp(44px,8vw,92px);line-height:.92}.splash-screen p{color:#dbeecb;margin:0;font-size:16px}.loading-bar{background:#0a120cb8;border:2px solid #f5ffe0b8;width:min(320px,72vw);height:12px;overflow:hidden}.loading-bar span{background:linear-gradient(90deg,#58c743,#b7f06a);width:45%;height:100%;animation:.9s ease-in-out infinite load-slide;display:block}.menu-screen{z-index:30;grid-template-columns:minmax(280px,480px) minmax(280px,520px);place-items:center;gap:clamp(28px,5vw,72px);padding:clamp(24px,6vw,80px)}.menu-content{width:min(100%,480px)}.eyebrow{color:#bced7e;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:800}.menu-copy{color:#e2efd3;max-width:34rem;margin:18px 0 28px;font-size:clamp(17px,2vw,21px);line-height:1.45}.primary-action{color:#10200f;cursor:pointer;background:linear-gradient(#c5ff71,#6acc3f);border:2px solid #ecffd7;border-radius:8px;min-width:190px;min-height:52px;font-weight:900;box-shadow:0 8px #335f27,0 20px 42px #00000057}.primary-action:hover{transform:translateY(-1px)}.primary-action:active{transform:translateY(4px);box-shadow:0 4px #335f27,0 10px 28px #00000047}.primary-action.compact{min-width:142px;min-height:46px}.control-grid{color:#dbeecb;border-top:1px solid #ecffd73d;grid-template-columns:max-content 1fr;gap:8px 14px;width:min(100%,320px);margin-top:30px;padding-top:22px;display:none}.control-grid span:nth-child(odd){color:#fff;background:#050c0775;border:1px solid #f2ffe047;border-radius:6px;place-items:center;min-width:72px;min-height:30px;font-size:13px;font-weight:800;display:grid}.control-grid span:nth-child(2n){align-self:center;font-size:14px}@media (hover:hover) and (pointer:fine) and (width>=900px){.control-grid.desktop-help{display:grid}}.menu-preview{aspect-ratio:1.2;background:#84b4ff;border:2px solid #eeffd452;border-radius:8px;width:min(100%,520px);position:relative;overflow:hidden;transform:perspective(900px)rotateY(-8deg)rotateX(4deg);box-shadow:0 28px 80px #00000059}.preview-sky{background:linear-gradient(#86b8ff 0%,#a9caff 58%,#6ca048 58%,#5e8e3e 100%);position:absolute;inset:0}.preview-ground{transform-origin:50%;grid-template-columns:repeat(4,72px);grid-auto-rows:72px;gap:3px;display:grid;position:absolute;bottom:-22%;left:50%;transform:translate(-50%)rotateX(62deg)rotate(45deg)}.preview-ground span{background:linear-gradient(#ffffff2e,#0000 34%),#44a837;border:1px solid #0000002e}.pause-screen{z-index:25;background:#050a079e}.pause-panel{text-align:center;background:#0a130bdb;border:2px solid #f2ffe057;border-radius:8px;width:min(92vw,360px);padding:28px;box-shadow:0 24px 72px #0006}.pause-panel h2{margin:0 0 8px;font-size:34px}.pause-panel p{color:#d9eec8;margin:0 0 20px}.hud{z-index:10;pointer-events:none;position:absolute;inset:0}.crosshair{width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#ffffffeb;position:absolute;box-shadow:0 1px 2px #0000008c}.crosshair:before{width:2px;height:22px;top:0;left:10px}.crosshair:after{width:22px;height:2px;top:10px;left:0}.hotbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070c078c;border:2px solid #ffffff57;border-radius:8px;gap:clamp(3px,.45vw,6px);max-width:calc(100vw - 32px);padding:clamp(5px,.6vw,7px);display:flex;position:absolute;bottom:clamp(18px,4vh,38px);left:50%;transform:translate(-50%)}.hotbar-slot{width:clamp(42px,4vw,54px);height:clamp(44px,4vw,54px);color:inherit;font:inherit;appearance:none;cursor:pointer;background:#00000038;border:2px solid #ffffff2e;border-radius:6px;place-items:center;padding:0;transition:border-color .12s,transform .12s,background .12s;display:grid;position:relative}.hotbar-slot.active{background:#ffffff24;border-color:#f3ffe4;transform:translateY(-5px);box-shadow:inset 0 0 0 2px #00000059,0 0 0 2px #c3ff71b8}.hotbar-slot small{color:#ffffffd1;text-shadow:0 1px 2px #000;font-size:11px;font-weight:900;position:absolute;bottom:3px;right:5px}.block-swatch{width:clamp(24px,2.3vw,30px);height:clamp(24px,2.3vw,30px);image-rendering:pixelated;border:1px solid #0000004d;transform:rotateX(58deg)rotate(45deg)}.block-swatch.grass{background:linear-gradient(90deg,#ffffff1f 0 12%,#0000 12% 28%,#00000014 28% 42%,#0000 42%),#3ea332;box-shadow:0 11px #744626}.block-swatch.dirt{background:#7b4b29;box-shadow:0 11px #59341d}.block-swatch.sand{background:radial-gradient(circle at 20% 30%,#f2dea0 0 5%,#0000 6%),radial-gradient(circle at 70% 58%,#b99553 0 4%,#0000 5%),linear-gradient(135deg,#ead28d,#caa965);box-shadow:0 11px #a98749}.block-swatch.stone{background:#777f80;box-shadow:0 11px #565d60}.block-swatch.cobblestone{background:linear-gradient(45deg,#535b5d 0 24%,#737b7d 24% 48%,#4a5153 48% 70%,#82898a 70%),#62696b;box-shadow:0 11px #41484a}.block-swatch.oak-log{background:repeating-linear-gradient(90deg,#5b3419 0 5px,#7b4a25 5px 9px,#8b552a 9px 13px);box-shadow:0 11px #4a2a15}.block-swatch.door,.block-swatch.fence,.block-swatch.ladder{background:repeating-linear-gradient(90deg,#5b3419 0 5px,#8b552a 5px 10px,#7b4a25 10px 15px);box-shadow:0 11px #4a2a15}.block-swatch.oak-leaves{background:linear-gradient(45deg,#ffffff29,#0000 35%),repeating-linear-gradient(90deg,#1e4e1e 0 5px,#2f7c2a 5px 10px,#3c9632 10px 15px);box-shadow:0 11px #1f5b1dd1}.block-swatch.oak-planks{background:repeating-linear-gradient(0deg,#b7793a 0 7px,#5f3518 7px 9px,#c48945 9px 16px);box-shadow:0 11px #7a4721}.block-swatch.brick{background:repeating-linear-gradient(0deg,#0000 0 13px,#5d2d23 13px 16px),repeating-linear-gradient(90deg,#9d4533 0 14px,#5d2d23 14px 17px,#b5533c 17px 31px);box-shadow:0 11px #642a20}.block-swatch.glass{background:linear-gradient(135deg,#ffffffd1 0 10%,#0000 10% 62%,#ffffff7a 62% 70%,#0000 70%),#a6e5f47a;box-shadow:0 11px #5195a56b}.block-swatch.water{background:repeating-linear-gradient(135deg,#ffffff59 0 4px,#0000 4px 12px),#2a7ccdb3;box-shadow:0 11px #1e59969e}.block-swatch.fire{background:radial-gradient(circle at 50% 62%,#ffdc46 0 18%,#0000 19%),linear-gradient(135deg,#0000 0 25%,#ff5319 25% 55%,#0000 56%),linear-gradient(45deg,#0000 0 30%,#ff9a2e 30% 60%,#0000 61%);box-shadow:0 8px #7e260db8}.block-swatch.chest{background:linear-gradient(0deg,#0000 0 43%,#4a2913 43% 52%,#0000 52%),#a5652f;box-shadow:0 11px #633616}.block-swatch.furnace,.block-swatch.oven{background:radial-gradient(circle at 50% 45%,#202426 0 26%,#0000 27%),#777f80;box-shadow:0 11px #565d60}.block-swatch.torch,.block-swatch.lantern{background:radial-gradient(circle at 50% 22%,#ffd66d 0 24%,#0000 25%),linear-gradient(90deg,#0000 0 42%,#6f3f1e 42% 58%,#0000 58%);box-shadow:0 11px #643d19b8}.block-swatch.bookshelf{background:repeating-linear-gradient(90deg,#bf3434 0 5px,#2e67af 5px 10px,#d5bc4c 10px 15px,#3a8f4b 15px 20px),#8a5428;box-shadow:0 11px #633616}.block-swatch.bed{background:linear-gradient(90deg,#f3ead7 0 28%,#9f2e2e 28%);box-shadow:0 11px #632020}.block-swatch.red-carpet{background:#9f2e2e;box-shadow:0 5px #632020}.block-swatch.blue-carpet{background:#254e9a;box-shadow:0 5px #17305f}.block-swatch.green-carpet{background:#2e7a2a;box-shadow:0 5px #1e4e1e}.block-swatch.flower-pot,.block-swatch.sapling,.block-swatch.bush,.block-swatch.flower,.block-swatch.tall-grass{background:radial-gradient(circle at 50% 28%,#e9d25e 0 18%,#0000 19%),linear-gradient(90deg,#0000 0 42%,#2f7c2a 42% 58%,#0000 58%),linear-gradient(0deg,#91472e 0 30%,#0000 31%);box-shadow:0 8px #255f22c7}.block-swatch.banner{background:linear-gradient(0deg,#7d2634 0 84%,#e0c66c 84%);box-shadow:0 11px #541923}.block-swatch.tool{background:linear-gradient(135deg,#0000 0 30%,#777f80 30% 50%,#0000 50%),linear-gradient(90deg,#0000 0 42%,#7b4a25 42% 58%,#0000 58%);box-shadow:0 8px #4a2a15}.block-swatch.diamond{background:linear-gradient(135deg,#0000 0 20%,#d5ffff 20% 34%,#0000 35%),#52dce8;box-shadow:0 9px #1c8791}.block-swatch.gold,.block-swatch.gold-sword{background:linear-gradient(135deg,#0000 0 30%,#ffe27a 30% 52%,#0000 53%),#d9a42d;box-shadow:0 9px #8c651c}.block-swatch.gold-sword{background:linear-gradient(135deg,#0000 0 38%,#8c651c 38% 46%,#0000 46%),linear-gradient(135deg,#0000 0 50%,#ffe27a 50% 57%,#d9a42d 57% 64%,#0000 64%);box-shadow:0 7px #5f4515}.block-swatch.bow{background:radial-gradient(at 62%,#0000 0 42%,#8a5428 43% 54%,#0000 55%),linear-gradient(90deg,#0000 0 46%,#f3ead7 46% 50%,#0000 50%);box-shadow:0 7px #5d3518}.block-swatch.arrow{background:linear-gradient(135deg,#0000 0 42%,#7b4a25 42% 50%,#0000 50%),linear-gradient(135deg,#0000 0 54%,#777f80 54% 68%,#0000 68%);box-shadow:0 7px #4a2a15}.selected-block-name{color:#f8ffe8;text-align:center;text-shadow:0 1px 2px #000;opacity:0;background:#070c07ad;border:1px solid #ffffff3d;border-radius:6px;min-width:160px;padding:8px 14px;font-size:14px;font-weight:900;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(clamp(18px,4vh,38px) + 78px);left:50%;transform:translate(-50%)translateY(8px)}.selected-block-name.show{opacity:1;transform:translate(-50%)translateY(0)}.debug{color:#eaf6d7;text-shadow:0 1px 2px #000;background:#00000057;border:1px solid #ffffff2e;border-radius:6px;max-width:min(900px,max(220px,100vw - 390px));padding:7px 10px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;line-height:1.35;position:absolute;top:12px;left:14px}.economy-panel{color:#f9ffe8;text-align:right;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #000;background:#00000057;border:1px solid #ffffff2e;border-radius:6px;max-width:min(440px,max(180px,100vw - 380px));padding:7px 10px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;font-weight:800;position:absolute;top:88px;right:16px;overflow:hidden}.interaction-panel{color:#f8ffe8;text-align:center;text-shadow:0 1px 2px #000;background:#070c07b8;border:1px solid #ffffff38;border-radius:6px;max-width:min(420px,100vw - 32px);padding:10px 14px;font-size:14px;font-weight:800;position:absolute;top:18%;left:50%;transform:translate(-50%)}.build-menu,.spawn-menu,.shop-menu{z-index:35;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030805b8;place-items:center;padding:clamp(16px,4vw,42px);display:grid;position:absolute;inset:0}.build-panel{background:#0c150df2;border:2px solid #eeffd447;border-radius:8px;grid-template-rows:auto auto auto 1fr;gap:14px;width:min(1120px,100%);max-height:min(780px,100dvh - 40px);padding:20px;display:grid;overflow:hidden;box-shadow:0 30px 90px #0000007a}.spawn-panel{background:#0c150df2;border:2px solid #eeffd447;border-radius:8px;gap:18px;width:min(780px,100%);max-height:min(680px,100dvh - 40px);padding:20px;display:grid;overflow:hidden;box-shadow:0 30px 90px #0000007a}.shop-panel{color:#edf7dc;background:#0c150df2;border:2px solid #eeffd447;border-radius:8px;grid-template-rows:auto 1fr;gap:18px;width:min(780px,100%);max-height:min(680px,100dvh - 40px);padding:20px;display:grid;box-shadow:0 30px 90px #0000007a}.shop-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid;overflow:auto}.shop-card{color:#edf7dc;cursor:pointer;text-align:left;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;gap:8px;min-height:120px;padding:14px;display:grid}.shop-card strong{color:#fff;font-size:18px}.shop-card span{color:#f7d35c;font-weight:900}.shop-card small{color:#cdddbd}.shop-close{color:#f8ffe8;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff38;border-radius:6px;min-width:86px;min-height:40px;font-weight:800}.build-header{justify-content:space-between;align-items:center;gap:18px;min-width:0;display:flex}.build-header>div{min-width:0}.build-header h2{color:#f8ffe8;overflow-wrap:anywhere;margin:0;font-size:clamp(28px,4vw,44px);line-height:1}.build-close,.build-tab,.item-card{font:inherit}.build-close,.spawn-close{color:#f8ffe8;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff38;border-radius:6px;min-width:86px;min-height:40px;font-weight:800}.build-search{color:#f8ffe8;width:100%;min-height:44px;font:inherit;background:#00000047;border:1px solid #ffffff3d;border-radius:6px;outline:none;padding:0 12px}.build-search:focus{border-color:#bdf070;box-shadow:0 0 0 2px #bdf0702e}.build-tabs{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.build-tab{color:#dceecb;cursor:pointer;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff2e;border-radius:6px;min-height:38px;padding:0 12px;font-weight:800}.build-tab.active{color:#10200f;background:linear-gradient(#c5ff71,#6acc3f);border-color:#ecffd7}.build-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;padding-right:4px;display:grid;overflow:auto}.item-card{color:#edf7dc;cursor:pointer;text-align:left;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;grid-template-rows:auto auto auto;grid-template-columns:48px 1fr;gap:4px 12px;min-height:116px;padding:12px;display:grid}.item-card:hover{background:#bdf0701a;border-color:#bdf070b8}.item-icon{grid-row:1/4;place-self:center}.item-card .item-icon{width:68px;height:54px;box-shadow:none;background:0 0;border:0;position:relative;transform:none}.item-card .item-icon:before,.item-card .item-icon:after{content:"";display:block;position:absolute}.item-card[data-item-id=grass] .item-icon,.item-card[data-item-id=dirt] .item-icon,.item-card[data-item-id=sand] .item-icon,.item-card[data-item-id=stone] .item-icon,.item-card[data-item-id=cobblestone] .item-icon,.item-card[data-item-id=oak-log] .item-icon,.item-card[data-item-id=oak-leaves] .item-icon,.item-card[data-item-id=oak-planks] .item-icon,.item-card[data-item-id=brick] .item-icon,.item-card[data-item-id=glass] .item-icon,.item-card[data-item-id=water] .item-icon{border:1px solid #0000004d;width:44px;height:44px;transform:rotateX(58deg)rotate(45deg)}.item-card[data-item-id=oak-door] .item-icon:before{background:radial-gradient(circle at 78% 52%,#e0b15d 0 6%,#0000 7%),repeating-linear-gradient(90deg,#6d3d1b 0 7px,#a5652f 7px 14px);border:2px solid #4b2b14;width:28px;height:48px;top:3px;left:21px;box-shadow:7px 5px #3d2413}.item-card[data-item-id=wooden-fence] .item-icon:before{background:#a5652f;width:52px;height:7px;top:20px;left:8px;box-shadow:0 14px #7b4a25}.item-card[data-item-id=wooden-fence] .item-icon:after{background:#8b552a;width:8px;height:42px;top:8px;left:16px;box-shadow:28px 0 #8b552a}.item-card[data-item-id=ladder] .item-icon:before{background:#8a5428;width:5px;height:44px;top:6px;left:20px;box-shadow:24px 0 #8a5428}.item-card[data-item-id=ladder] .item-icon:after{background:#b7793a;width:29px;height:5px;top:13px;left:20px;box-shadow:0 12px #b7793a,0 24px #b7793a}.item-card[data-item-id=window-panel] .item-icon:before{background:linear-gradient(135deg,#ffffffd9 0 14%,#0000 15% 62%,#ffffff73 63% 72%,#0000 73%),#a6e5f46b;border:3px solid #e6ffffe6;width:38px;height:36px;top:9px;left:15px;transform:skewY(-12deg)}.item-card[data-item-id=stone-slab] .item-icon:before,.item-card[data-item-id=red-carpet] .item-icon:before,.item-card[data-item-id=blue-carpet] .item-icon:before,.item-card[data-item-id=green-carpet] .item-icon:before{background:#777f80;width:50px;height:18px;top:24px;left:9px;transform:skewY(-25deg);box-shadow:7px 6px #565d60}.item-card[data-item-id=red-carpet] .item-icon:before{background:#9f2e2e;box-shadow:7px 6px #632020}.item-card[data-item-id=blue-carpet] .item-icon:before{background:#254e9a;box-shadow:7px 6px #17305f}.item-card[data-item-id=green-carpet] .item-icon:before{background:#2e7a2a;box-shadow:7px 6px #1e4e1e}.item-card[data-item-id=wooden-stairs] .item-icon:before{background:#b7793a;width:50px;height:14px;top:29px;left:9px;transform:skewY(-25deg);box-shadow:10px -11px #9c632f,16px -5px #5f3518}.item-card[data-item-id=wooden-chair] .item-icon:before{background:repeating-linear-gradient(90deg,#b7793a 0 10px,#7b4a25 10px 12px);width:36px;height:16px;top:29px;left:16px;transform:skewY(-25deg);box-shadow:0 -20px 0 -2px #8a5428}.item-card[data-item-id=wooden-chair] .item-icon:after{background:#5f3518;width:5px;height:16px;top:36px;left:20px;box-shadow:24px 0 #5f3518,4px -25px #5f3518,28px -25px #5f3518}.item-card[data-item-id=wooden-table] .item-icon:before{background:repeating-linear-gradient(90deg,#b7793a 0 12px,#7b4a25 12px 14px);width:52px;height:18px;top:22px;left:9px;transform:skewY(-25deg);box-shadow:7px 7px #5f3518}.item-card[data-item-id=wooden-table] .item-icon:after{background:#5f3518;width:5px;height:15px;top:38px;left:15px;box-shadow:34px 0 #5f3518,5px -8px #5f3518,39px -8px #5f3518}.item-card[data-item-id=bed] .item-icon:before{background:linear-gradient(90deg,#f3ead7 0 28%,#9f2e2e 28%);width:54px;height:22px;top:24px;left:7px;transform:skewY(-25deg);box-shadow:8px 7px #632020}.item-card[data-item-id=bookshelf] .item-icon:before{background:repeating-linear-gradient(90deg,#bf3434 0 5px,#2e67af 5px 10px,#d5bc4c 10px 15px,#3a8f4b 15px 20px),#8a5428;border:4px solid #633616;width:34px;height:42px;top:8px;left:17px;box-shadow:7px 5px #3e220f}.item-card[data-item-id=chest] .item-icon:before,.item-card[data-item-id=furnace] .item-icon:before,.item-card[data-item-id=oven] .item-icon:before,.item-card[data-item-id=crafting-table] .item-icon:before{background:#a5652f;width:38px;height:34px;top:15px;left:15px;transform:skewY(-13deg);box-shadow:8px 6px #633616}.item-card[data-item-id=chest] .item-icon:after{background:#4a2913;width:42px;height:4px;top:29px;left:14px;box-shadow:18px -4px 0 2px #d9b15a}.item-card[data-item-id=furnace] .item-icon:before,.item-card[data-item-id=oven] .item-icon:before{background:#777f80;box-shadow:8px 6px #565d60}.item-card[data-item-id=furnace] .item-icon:after,.item-card[data-item-id=oven] .item-icon:after{background:#202426;border:2px solid #a4abad;width:20px;height:14px;top:24px;left:25px}.item-card[data-item-id=crafting-table] .item-icon:before{background:linear-gradient(90deg,#0000 0 48%,#5f3518 48% 52%,#0000 52%),linear-gradient(0deg,#0000 0 48%,#5f3518 48% 52%,#0000 52%),#b7793a}.item-card[data-item-id=lantern] .item-icon:before,.item-card[data-item-id=torch] .item-icon:before{background:#6f3f1e;width:7px;height:31px;top:18px;left:31px}.item-card[data-item-id=lantern] .item-icon:after,.item-card[data-item-id=torch] .item-icon:after{background:radial-gradient(circle,#ffe58a 0 36%,#ffb84d 37% 68%,#ffc66a47 69%);border-radius:4px;width:22px;height:22px;top:7px;left:23px;box-shadow:0 0 16px #ffc66a80}.item-card[data-item-id=flower-pot] .item-icon:before,.item-card[data-item-id=sapling] .item-icon:before,.item-card[data-item-id=bush] .item-icon:before,.item-card[data-item-id=flower] .item-icon:before,.item-card[data-item-id=tall-grass] .item-icon:before{background:#91472e;border-radius:2px 2px 8px 8px;width:32px;height:18px;top:30px;left:18px}.item-card[data-item-id=flower-pot] .item-icon:after,.item-card[data-item-id=sapling] .item-icon:after,.item-card[data-item-id=bush] .item-icon:after,.item-card[data-item-id=flower] .item-icon:after,.item-card[data-item-id=tall-grass] .item-icon:after{background:#2f7c2a;width:7px;height:30px;top:7px;left:31px;box-shadow:-9px 9px #3c9632,9px 6px #255f22}.item-card[data-item-id=bush] .item-icon:after{background:#2f7c2a;border-radius:50%;width:34px;height:28px;top:10px;left:17px;box-shadow:8px 5px #255f22,-7px 6px #3c9632}.item-card[data-item-id=flower] .item-icon:after{box-shadow:none;background:radial-gradient(circle at 50% 20%,#ffd65c 0 18%,#d24a57 19% 34%,#0000 35%),linear-gradient(90deg,#0000 0 42%,#2f7c2a 42% 58%,#0000 58%)}.item-card[data-item-id=wall-banner] .item-icon:before{background:linear-gradient(0deg,#7d2634 0 84%,#e0c66c 84%);width:34px;height:42px;top:8px;left:18px;transform:skewY(-8deg);box-shadow:7px 5px #541923}.item-card[data-item-id=hand] .item-icon:before,.item-card[data-item-id=pickaxe] .item-icon:before,.item-card[data-item-id=axe] .item-icon:before,.item-card[data-item-id=shovel] .item-icon:before,.item-card[data-item-id=gold-sword] .item-icon:before,.item-card[data-item-id=bow] .item-icon:before,.item-card[data-item-id=arrow] .item-icon:before{background:#7b4a25;width:7px;height:36px;top:16px;left:31px;transform:rotate(38deg)}.item-card[data-item-id=pickaxe] .item-icon:after{background:#777f80;width:38px;height:9px;top:13px;left:16px;transform:rotate(-18deg)}.item-card[data-item-id=axe] .item-icon:after{clip-path:polygon(0 0,100% 20%,82% 100%,0 72%);background:#777f80;width:25px;height:22px;top:10px;left:17px;transform:rotate(-20deg)}.item-card[data-item-id=shovel] .item-icon:after{background:#777f80;border-radius:0 0 50% 50%;width:24px;height:24px;top:8px;left:20px;transform:rotate(38deg)}.item-card[data-item-id=gold-sword] .item-icon:before{background:#8c651c}.item-card[data-item-id=gold-sword] .item-icon:after{background:linear-gradient(90deg,#d9a42d 0 45%,#ffe27a 45% 65%,#d9a42d 65%);width:10px;height:38px;top:4px;left:30px;transform:rotate(38deg);box-shadow:-13px 25px 0 -2px #8c651c}.item-card[data-item-id=diamond] .item-icon:before,.item-card[data-item-id=gold-ingot] .item-icon:before{clip-path:polygon(50% 0,88% 28%,70% 100%,30% 100%,12% 28%);background:#52dce8;width:36px;height:36px;top:9px;left:17px;box-shadow:5px 5px #1c8791}.item-card[data-item-id=gold-ingot] .item-icon:before{background:#d9a42d;box-shadow:5px 5px #8c651c}.item-card[data-item-id=bow] .item-icon:before{background:0 0;border-right:8px solid #8a5428;border-radius:50%;width:30px;height:42px;top:7px;left:24px;transform:none}.item-card[data-item-id=bow] .item-icon:after{background:#f3ead7;width:2px;height:38px;top:10px;left:45px}.item-card[data-item-id=arrow] .item-icon:after{clip-path:polygon(0 0,100% 50%,0 100%);background:#777f80;width:16px;height:16px;top:9px;left:38px;transform:rotate(-7deg)}.item-name{color:#fff;font-weight:900}.item-description{color:#cdddbd;font-size:12px;line-height:1.35}.item-meta{color:#9fba90;text-transform:uppercase;font-size:11px;font-weight:800}.empty-results{color:#cdddbd;margin:0}.spawn-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.spawn-card{color:#edf7dc;cursor:pointer;text-align:left;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;gap:9px;min-height:170px;padding:14px;display:grid}.spawn-card:hover{background:#bdf0701a;border-color:#bdf070b8}.spawn-card.preferred{background:#f7d35c1f;border-color:#f7d35ce6;box-shadow:inset 0 0 0 2px #f7d35c38}.spawn-token{background:linear-gradient(0deg, #3f2a1b 0 28%, transparent 29%), linear-gradient(0deg, var(--spawn-color) 0 66%, #c99a72 67%);border-radius:6px 6px 3px 3px;width:44px;height:66px;box-shadow:0 8px #00000047}.spawn-card strong{color:#fff}.spawn-card small{color:#cdddbd;line-height:1.35}.builder-panel{z-index:5;color:#edf7ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#0b121eb8;border:1px solid #ffffff29;border-radius:8px;gap:7px;width:min(320px,100vw - 32px);max-height:calc(100dvh - 78px);padding:12px;font-size:12px;display:grid;position:fixed;top:56px;left:16px;overflow:auto}.builder-panel section,.builder-panel span,.builder-panel small{display:block}.builder-panel section{border-top:1px solid #ffffff1a;padding-top:7px}.builder-panel section:first-child{border-top:0;padding-top:0}.builder-panel small{color:#b9d2e8}.town-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.town-row button{color:#122033;cursor:pointer;background:#dceeff;border:0;border-radius:5px;padding:4px 7px;font-size:11px;font-weight:800}.town-row span{gap:5px;display:flex}.town-build-actions{flex-wrap:wrap;gap:5px;margin:7px 0;display:flex}.town-build-actions button{color:#edf7ff;cursor:pointer;background:#dceeff24;border:1px solid #ffffff1f;border-radius:5px;padding:4px 6px;font-size:11px;font-weight:800}.save-controls{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#0b121eb8;border:1px solid #ffffff29;border-radius:8px;align-items:center;gap:6px;padding:6px;display:flex;position:fixed;top:16px;right:16px}.save-controls button{color:#122033;cursor:pointer;background:#dceeff;border:0;border-radius:6px;padding:7px 10px;font-weight:800}.save-controls button:nth-of-type(3){background:#f9dd8c}.save-controls span{color:#edf7ff;min-width:72px;font-size:12px}.map-panel{z-index:5;color:#edf7ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#0b121eb8;border:1px solid #ffffff29;border-radius:8px;width:clamp(164px,15vw,204px);padding:10px;position:fixed;bottom:clamp(106px,14vh,124px);right:16px}.map-panel header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.map-panel span{color:#b9d2e8;text-align:right;font-size:11px}.map-panel canvas{aspect-ratio:1;width:100%;height:auto;image-rendering:pixelated;background:#08111f;border:1px solid #ffffff29;border-radius:6px;display:block}@keyframes load-slide{0%{transform:translate(-110%)}to{transform:translate(250%)}}@media (width<=900px){.debug{max-width:min(56vw,100vw - 350px);font-size:11px}.economy-panel{max-width:min(360px,100vw - 360px);font-size:11px;top:76px}.builder-panel{width:min(292px,48vw - 20px);max-height:calc(100dvh - 150px);padding:10px;font-size:11px;top:72px}.save-controls{gap:5px;padding:5px}.save-controls button{padding:6px 8px;font-size:12px}.save-controls span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:78px;overflow:hidden}.map-panel{width:clamp(144px,20vw,174px);bottom:clamp(108px,16vh,130px);right:12px}.hotbar{bottom:clamp(14px,3vh,24px)}.build-panel,.spawn-panel,.shop-panel{padding:16px}.build-grid{grid-template-columns:repeat(auto-fill,minmax(164px,1fr))}.item-card{min-height:108px;padding:10px}}@media (width<=760px){.menu-screen{grid-template-columns:1fr;align-content:center;gap:30px}.menu-preview{display:none}.control-grid{width:100%}.hotbar-slot{width:40px;height:42px}.hotbar{gap:3px;max-width:calc(100vw - 16px);padding:5px}.block-swatch{width:24px;height:24px}}@media (height<=720px){.menu-screen{align-content:center}.menu-preview{display:none}.control-grid{margin-top:20px;padding-top:16px}}@media (height<=620px){.debug,.economy-panel{font-size:11px}.builder-panel{max-height:calc(100dvh - 168px)}.map-panel{width:148px;bottom:104px}.hotbar-slot{width:42px;height:42px}.build-panel,.spawn-panel,.shop-panel{gap:10px;padding:14px}}.mobile-controls{z-index:18;pointer-events:none;touch-action:none;position:absolute;inset:0}.mobile-look-zone{z-index:0;pointer-events:auto;touch-action:none;position:absolute;inset:0 0 108px 42%}.mobile-top-actions{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));z-index:3;pointer-events:auto;flex-wrap:wrap;justify-content:end;gap:5px;max-width:min(68vw,430px);display:flex;position:absolute}.mobile-icon-button,.mobile-system-drawer button,.mobile-action-pad button{color:#f8ffe8;text-shadow:0 1px 2px #000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:none;background:#091019b8;border:1px solid #ffffff38;border-radius:8px;min-width:46px;min-height:42px;padding:0 10px;font-size:11px;font-weight:900;box-shadow:0 8px 20px #00000047}.mobile-icon-button:active,.mobile-system-drawer button:active,.mobile-action-pad button:active{filter:brightness(1.1);transform:translateY(2px)}.mobile-icon-button{background:linear-gradient(#1e303ce6,#0a141ddb);border-color:#e4ffd547}.mobile-icon-button.primary{color:#132015;text-shadow:none;background:linear-gradient(#ffe983,#efbd36);border-color:#fff7c5c7;box-shadow:0 7px #6f4c0bbf,0 12px 28px #00000052}.mobile-system-drawer{top:calc(max(10px, env(safe-area-inset-top)) + 48px);right:max(10px, env(safe-area-inset-right));z-index:4;color:#f9ffe8;pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#193227f0,#081219f0),radial-gradient(circle at 20% 0,#c5ff7138,#0000 42%);border:2px solid #ebffcd57;border-radius:14px;gap:10px;width:min(330px,100vw - 20px);padding:12px;display:grid;position:absolute;box-shadow:0 16px #0000002e,0 24px 46px #00000075}.mobile-drawer-title{border-bottom:1px solid #ebffcd2e;justify-content:space-between;align-items:end;gap:10px;padding-bottom:9px;display:flex}.mobile-drawer-title strong{color:#fff;text-shadow:0 2px #00000052;font-size:18px;line-height:1}.mobile-drawer-title span{color:#c8ef9b;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:900}.mobile-drawer-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mobile-drawer-group .drawer-action{color:#fff;background:linear-gradient(#34535ee6,#0f1f2bf0);border-color:#ffffff38;min-height:50px;font-size:13px}.mobile-drawer-group .drawer-action.shuttle{color:#122015;text-shadow:none;background:linear-gradient(#ffe983,#e7aa2c);border-color:#fff6bcd9;grid-column:span 2}.mobile-drawer-group .drawer-action.builders,.mobile-drawer-group .drawer-action.spawns{background:linear-gradient(#4ca35b,#1d6439);border-color:#c0ffa685}.mobile-drawer-quality{background:#00000038;border:1px solid #ffffff24;border-radius:10px;grid-template-columns:1fr repeat(3,minmax(52px,.7fr));align-items:center;gap:6px;padding:8px;display:grid}.mobile-drawer-quality span{color:#dff3ce;font-size:12px;font-weight:900}.mobile-drawer-quality button{color:#122015;min-width:0;min-height:38px;text-shadow:none;background:linear-gradient(#c7f179,#77c849);border-radius:8px;font-size:11px}.mobile-drawer-quality button[data-mobile-quality=low]{background:linear-gradient(#a8f0ff,#50b7d0)}.mobile-drawer-quality button[data-mobile-quality=high]{background:linear-gradient(#f5b8ff,#bd6be0)}.mobile-joystick{left:max(22px, env(safe-area-inset-left));bottom:max(24px, env(safe-area-inset-bottom));z-index:3;opacity:.58;pointer-events:auto;touch-action:none;border-radius:50%;width:132px;height:132px;transition:opacity .14s;position:absolute}.mobile-joystick.active{opacity:1}.mobile-joystick-base,.mobile-joystick-knob{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-joystick-base{background:#0910197a;border:2px solid #ffffff3d;width:116px;height:116px;box-shadow:inset 0 0 28px #ffffff14}.mobile-joystick-knob{background:#c4ff71c7;border:2px solid #ffffff6b;width:52px;height:52px;box-shadow:0 8px 20px #0000004d}.mobile-action-pad{right:max(14px, env(safe-area-inset-right));bottom:max(82px, calc(env(safe-area-inset-bottom) + 72px));z-index:3;pointer-events:auto;touch-action:none;grid-template-columns:repeat(2,minmax(58px,68px));gap:6px;display:grid;position:absolute}.mobile-action-pad button[data-mobile-action=build]{grid-column:span 2}.mobile-mode .save-controls{display:none}.mobile-mode .debug{top:max(9px, env(safe-area-inset-top));left:max(9px, env(safe-area-inset-left));white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:min(48vw,220px);padding:5px 7px;font-size:10px;overflow:hidden}.mobile-mode .economy-panel{top:max(52px, calc(env(safe-area-inset-top) + 48px));right:max(9px, env(safe-area-inset-right));white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:min(58vw,280px);padding:5px 7px;font-size:10px;overflow:hidden}.mobile-mode:not(.mobile-debug-expanded) .debug{max-width:132px}.mobile-debug-expanded .debug{white-space:normal;border-radius:8px;max-width:calc(100vw - 156px)}.mobile-mode .builder-panel{top:max(50px, calc(env(safe-area-inset-top) + 46px));left:max(8px, env(safe-area-inset-left));z-index:22;width:min(290px,58vw);max-height:calc(100dvh - 150px);padding:9px;font-size:10px;overflow:auto}.mobile-mode .builder-panel.mobile-collapsed{width:auto;max-width:132px;max-height:34px;overflow:hidden}.mobile-mode .builder-panel.mobile-collapsed section,.mobile-mode .builder-panel.mobile-collapsed span,.mobile-mode .builder-panel.mobile-collapsed small{display:none}.mobile-mode .map-panel{right:max(8px, env(safe-area-inset-right));bottom:max(148px, calc(env(safe-area-inset-bottom) + 118px));z-index:22;width:112px;padding:6px}.mobile-mode .map-panel header{margin-bottom:5px;font-size:10px}.mobile-mode .map-panel span{font-size:9px}.mobile-mode .map-panel canvas{width:98px;height:98px}.mobile-mode .map-panel.mobile-collapsed{width:auto}.mobile-mode .map-panel.mobile-collapsed canvas,.mobile-mode .map-panel.mobile-collapsed span{display:none}.mobile-mode .crosshair{width:18px;height:18px}.mobile-mode .hotbar{bottom:max(10px, env(safe-area-inset-bottom));gap:3px;max-width:min(54vw,400px);padding:5px;overflow:hidden}.mobile-mode .hotbar-slot{border-radius:7px;width:clamp(30px,5.8vw,42px);height:clamp(32px,5.8vw,42px)}.mobile-mode .hotbar-slot.active{transform:translateY(-3px)}.mobile-mode .hotbar-slot small{font-size:9px}.mobile-mode .selected-block-name{bottom:max(64px, calc(env(safe-area-inset-bottom) + 58px));min-width:120px;padding:6px 10px;font-size:12px}.mobile-mode .build-menu,.mobile-mode .spawn-menu,.mobile-mode .shop-menu{z-index:42;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));place-items:stretch stretch}.mobile-mode .build-panel,.mobile-mode .spawn-panel,.mobile-mode .shop-panel{gap:10px;width:100%;height:100%;max-height:none;padding:12px}.mobile-mode .build-header h2{font-size:26px}.mobile-mode .eyebrow{margin-bottom:6px;font-size:10px}.mobile-mode .build-close,.mobile-mode .spawn-close{min-width:72px;min-height:42px}.mobile-mode .build-search{min-height:44px;font-size:16px}.mobile-mode .build-tabs{gap:6px}.mobile-mode .build-tab{min-height:42px;padding:0 10px;font-size:12px}.mobile-mode .build-grid{-webkit-overflow-scrolling:touch;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-right:2px}.mobile-mode .item-card{grid-template-columns:34px 1fr;gap:3px 8px;min-height:104px;padding:9px}.mobile-mode .build-spawn-card{background:linear-gradient(#141f27eb,#070f14f0);border-color:#f4c95d57}.mobile-mode .item-description{font-size:11px}.mobile-mode .item-meta{font-size:9px}.mobile-mode .spawn-grid{-webkit-overflow-scrolling:touch;grid-template-columns:repeat(2,minmax(0,1fr));overflow:auto}.mobile-mode .shop-grid{-webkit-overflow-scrolling:touch;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-mode .shop-card{min-height:108px;padding:10px}.mobile-mode .spawn-card{min-height:132px;padding:10px}.mobile-mode .spawn-token{width:34px;height:48px}.mobile-mode .debug{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));color:#f8fbff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#0e161fc7,#050c12d6);border:1px solid #ffffff2e;border-radius:22px;align-items:center;max-width:min(34vw,310px);min-height:56px;padding:0 16px;font-size:15px;display:flex;box-shadow:inset 0 1px #ffffff1f,0 10px 26px #0000006b}.mobile-mode .economy-panel,.mobile-mode .save-controls{display:none}.mobile-mode .mobile-top-actions{z-index:30;pointer-events:none;inset:0;transform:none}.mobile-mode .mobile-segment-nav{top:max(14px, env(safe-area-inset-top));pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0e161fcc,#050c12e6);border:1px solid #ffffff2e;border-radius:24px;grid-template-columns:repeat(3,minmax(76px,1fr));min-height:68px;display:grid;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 1px #ffffff1f,0 10px 28px #00000073}.mobile-mode .mobile-icon-button,.mobile-mode .mobile-menu-button,.mobile-mode .mobile-builders-button,.mobile-mode .mobile-action-pad button{color:#fff;text-shadow:0 2px 4px #000000a6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#121d26d6,#040c11e0);border:1px solid #ffffff2e;border-radius:18px;min-height:56px;font-size:14px;box-shadow:inset 0 1px #ffffff1f,0 10px 26px #0000006b}.mobile-mode .mobile-icon-button{min-width:76px;box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;padding:7px 13px;display:grid}.mobile-mode .mobile-icon-button+.mobile-icon-button{border-left:1px solid #ffffff21}.mobile-mode .mobile-icon-button span,.mobile-mode .mobile-action-pad button span{color:#fff;font-size:24px;line-height:1}.mobile-mode .mobile-icon-button strong,.mobile-mode .mobile-action-pad button strong,.mobile-mode .mobile-menu-button strong,.mobile-mode .mobile-builders-button strong{font-size:14px}.mobile-mode .mobile-menu-button{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));color:#14100a;min-width:142px;min-height:68px;text-shadow:none;pointer-events:auto;background:linear-gradient(#ffe08a,#d99b29);border-color:#ffe284db;border-radius:22px;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;box-shadow:inset 0 2px #ffffff59,0 6px #744b0cd1,0 14px 34px #0000006b}.mobile-mode .mobile-menu-button span,.mobile-mode .mobile-builders-button span:first-child,.mobile-mode .primary-action-control span,.mobile-mode .mobile-build-action span{color:#f4c95d}.mobile-mode .mobile-builders-button{top:max(100px, calc(env(safe-area-inset-top) + 84px));left:max(14px, env(safe-area-inset-left));z-index:30;pointer-events:auto;border-left-color:#f4c95df2;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;min-width:182px;min-height:64px;padding:0 18px;display:flex;position:absolute;box-shadow:inset 0 1px #ffffff1f,-3px 0 #f4c95dd9,0 12px 28px #00000075}.mobile-mode .mobile-system-drawer{top:max(92px, calc(env(safe-area-inset-top) + 82px));right:max(14px, env(safe-area-inset-right));z-index:45;background:linear-gradient(#0f1922f0,#050d12f5);border-radius:24px}.mobile-mode .builder-panel:not(.mobile-collapsed){top:max(96px, calc(env(safe-area-inset-top) + 82px));left:max(14px, env(safe-area-inset-left));z-index:44;background:#060e12e6;border-radius:22px;width:min(340px,100vw - 28px);max-height:calc(100dvh - 122px)}.mobile-mode .map-panel:not(.mobile-collapsed){top:max(96px, calc(env(safe-area-inset-top) + 82px));right:max(14px, env(safe-area-inset-right));z-index:44;background:#060e12e6;border-radius:22px;width:180px;bottom:auto}.mobile-mode .map-panel:not(.mobile-collapsed) canvas{width:160px;height:160px}.mobile-mode .mobile-joystick{left:max(18px, env(safe-area-inset-left));bottom:max(96px, calc(env(safe-area-inset-bottom) + 80px));opacity:.86;width:184px;height:184px}.mobile-mode .mobile-joystick-base{background:radial-gradient(circle,#ffffff14,#050d1270);border-color:#ffffff40;width:168px;height:168px;box-shadow:inset 0 0 0 44px #ffffff0a,inset 0 0 34px #ffffff1f,0 12px 34px #00000073}.mobile-mode .mobile-joystick-base:before,.mobile-mode .mobile-joystick-base:after{content:"";opacity:.7;width:0;height:0;position:absolute}.mobile-mode .mobile-joystick-base:before{border-bottom:11px solid #ffffffa6;border-left:8px solid #0000;border-right:8px solid #0000;top:13px;left:50%;transform:translate(-50%)}.mobile-mode .mobile-joystick-base:after{border-top:11px solid #ffffffa6;border-left:8px solid #0000;border-right:8px solid #0000;bottom:13px;left:50%;transform:translate(-50%)}.mobile-mode .mobile-joystick-knob{background:radial-gradient(circle at 38% 28%,#ffeaaa,#c9962d 70%);border-color:#ffdd80b8;width:76px;height:76px;box-shadow:inset 0 2px #ffffff47,0 10px 30px #00000073}.mobile-mode .mobile-action-pad{right:max(18px, env(safe-area-inset-right));bottom:max(96px, calc(env(safe-area-inset-bottom) + 80px));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#09131ad1,#02090de0);border:1px solid #ffffff2e;border-radius:24px;grid-template-columns:repeat(2,minmax(112px,1fr));gap:10px;width:min(330px,42vw);padding:12px;box-shadow:inset 0 1px #ffffff1f,0 12px 36px #0000007a}.mobile-mode .mobile-action-pad button{place-items:center;gap:4px;min-width:0;min-height:70px;padding:8px;display:grid}.mobile-mode .mobile-action-pad .primary-action-control{border-color:#f4c95db8;min-height:86px;box-shadow:inset 0 1px #ffffff1f,0 0 18px #f4c95d38,0 12px 26px #0000006b}.mobile-mode .mobile-action-pad .mobile-build-action{color:#14100a;min-height:76px;text-shadow:none;background:linear-gradient(#ffe08a,#d99b29);border-color:#ffe284e6;grid-column:span 2;box-shadow:inset 0 2px #ffffff59,0 6px #744b0cd1,0 14px 34px #0000006b}.mobile-mode .mobile-action-pad .mobile-build-action span{color:#14100a}.mobile-mode .mobile-action-pad .mobile-build-action strong{color:#14100a;font-size:26px}.mobile-mode .hotbar{right:max(18px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));left:max(18px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#081117d6,#02090de6);border-color:#ffffff2e;border-radius:24px;justify-content:center;gap:7px;max-width:none;padding:10px;transform:none;box-shadow:inset 0 1px #ffffff1f,0 12px 34px #00000080}.mobile-mode .hotbar-slot{background:#02090db8;border-radius:16px;width:clamp(42px,8.6vw,64px);height:clamp(48px,8.6vw,70px)}.mobile-mode .hotbar-slot.active{border-color:#ffe08a;transform:translateY(-3px);box-shadow:inset 0 0 0 1px #fff3,0 0 0 2px #f4c95df0,0 0 22px #f4c95d9e}.mobile-mode .hotbar-slot small{color:#fff;font-size:14px;bottom:4px;right:50%;transform:translate(50%)}.mobile-mode .block-swatch{width:clamp(24px,5.2vw,36px);height:clamp(24px,5.2vw,36px)}@media (pointer:coarse) and (width<=768px){.menu-screen{padding:max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));grid-template-columns:1fr;align-content:start;overflow:auto}.menu-screen h1{font-size:clamp(44px,15vw,72px)}.menu-copy{margin:12px 0 18px;font-size:16px}.control-grid{display:none}}@media (pointer:coarse) and (orientation:portrait){.mobile-look-zone{inset:0 0 170px}.mobile-top-actions{inset:0}.mobile-joystick{width:156px;height:156px;bottom:max(118px, calc(env(safe-area-inset-bottom) + 96px))}.mobile-joystick-base{width:140px;height:140px}.mobile-action-pad{width:min(244px,58vw);bottom:max(116px, calc(env(safe-area-inset-bottom) + 94px));grid-template-columns:repeat(2,minmax(82px,1fr))}.mobile-action-pad button{min-width:0;min-height:58px}.mobile-mode .hotbar{gap:4px;max-width:none;padding:8px}.mobile-mode .mobile-segment-nav{top:max(82px, calc(env(safe-area-inset-top) + 68px));left:max(14px, env(safe-area-inset-left));grid-template-columns:repeat(3,minmax(58px,1fr));min-height:52px;transform:none}.mobile-mode .mobile-menu-button{min-width:110px;min-height:58px}.mobile-mode .mobile-builders-button{top:max(148px, calc(env(safe-area-inset-top) + 128px));min-width:156px;min-height:56px}.mobile-mode .debug{max-width:min(55vw,220px);min-height:52px}.mobile-mode .builder-panel{width:min(260px,100vw - 20px)}.mobile-mode .map-panel{bottom:auto;top:max(86px, calc(env(safe-area-inset-top) + 80px))}}@media (pointer:coarse) and (orientation:landscape){.mobile-mode .build-grid,.mobile-mode .spawn-grid,.mobile-mode .shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-mode .debug{max-width:230px;min-height:50px;padding:0 14px;font-size:14px;position:fixed}.mobile-mode .mobile-segment-nav{top:max(10px, env(safe-area-inset-top));border-radius:18px;grid-template-columns:repeat(3,72px);min-height:56px;position:fixed;left:50%}.mobile-mode .mobile-icon-button{min-width:72px;min-height:56px;padding:5px 9px}.mobile-mode .mobile-icon-button span{font-size:19px}.mobile-mode .mobile-icon-button strong{font-size:12px}.mobile-mode .mobile-menu-button{right:max(14px, env(safe-area-inset-right));border-radius:18px;gap:8px;width:126px;min-width:126px;min-height:56px;position:fixed}.mobile-mode .mobile-builders-button{top:max(82px, calc(env(safe-area-inset-top) + 68px));border-radius:18px;min-width:172px;min-height:56px;position:fixed}.mobile-mode .mobile-joystick{width:150px;height:150px;bottom:max(92px, calc(env(safe-area-inset-bottom) + 78px));position:fixed}.mobile-mode .mobile-joystick-base{width:134px;height:134px}.mobile-mode .mobile-joystick-knob{width:64px;height:64px}.mobile-mode .mobile-action-pad{right:max(14px, env(safe-area-inset-right));bottom:max(104px, calc(env(safe-area-inset-bottom) + 90px));border-radius:20px;grid-template-columns:repeat(2,minmax(78px,1fr));gap:6px;width:232px;padding:8px;position:fixed}.mobile-mode .mobile-action-pad button{border-radius:16px;min-height:44px}.mobile-mode .mobile-action-pad .primary-action-control{min-height:50px}.mobile-mode .mobile-action-pad .mobile-build-action{min-height:52px}.mobile-mode .mobile-action-pad .mobile-build-action strong{font-size:20px}.mobile-mode .mobile-action-pad button span{font-size:18px}.mobile-mode .hotbar{gap:6px;max-width:none;padding:8px;position:fixed}.mobile-mode .hotbar-slot{width:clamp(42px,7.1vw,58px);height:clamp(46px,7.1vw,62px)}}:root{--cw-glass:#070f13c2;--cw-glass-strong:#050c10e6;--cw-border:#eef7e633;--cw-gold:#f4c95d;--cw-gold-bright:#ffe49a;--cw-cream:#f8f4df;--cw-muted:#b9c8c1;--cw-shadow:0 18px 46px #00000061}button:focus-visible{outline:3px solid var(--cw-gold-bright);outline-offset:3px}.menu-screen{background:linear-gradient(90deg,#030907d1 0%,#0309077a 48%,#0309072e 100%),radial-gradient(circle at 70% 32%,#ffd88224,#0000 34%)}.menu-content{border:1px solid var(--cw-border);box-shadow:var(--cw-shadow), inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);background:linear-gradient(155deg,#081210e6,#050c0cb8);border-radius:20px;padding:clamp(22px,3vw,34px)}.menu-screen h1,.splash-screen h1{color:var(--cw-cream);letter-spacing:-.055em;text-shadow:0 5px #081d1194,0 15px 42px #0006}.primary-action{border-color:var(--cw-gold-bright);color:#181309;background:linear-gradient(#ffe492,#e3a92f);border-radius:14px;box-shadow:0 7px #765018,0 20px 42px #00000052}.menu-preview{border-color:#ffe49a57;border-radius:18px;box-shadow:0 30px 90px #0000006b,inset 0 1px #ffffff2e}.debug{border-color:var(--cw-border);width:min(280px,100vw - 36px);max-width:none;color:var(--cw-cream);box-shadow:var(--cw-shadow), inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(14px)saturate(1.18);backdrop-filter:blur(14px)saturate(1.18);background:linear-gradient(145deg,#060f12d6,#071214ad);border-radius:16px;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:13px 15px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;line-height:1.2;display:grid;top:18px;left:18px}.status-location{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:900;overflow:hidden}.status-time{color:var(--cw-gold-bright);align-self:center;font-size:12px;font-weight:900}.status-meta{color:var(--cw-muted);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:10px}.status-meta b{color:#fff}.status-mode{color:#dff2d0;justify-self:end;font-size:10px;font-weight:800}.compass{z-index:5;width:min(360px,28vw);min-width:240px;color:var(--cw-cream);text-shadow:0 2px 5px #000000db;grid-template-columns:1fr auto auto 1fr;align-items:center;gap:9px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;display:grid;position:fixed;top:20px;left:50%;transform:translate(-50%)}.compass:before,.compass:after,.compass-rail{content:"";background:linear-gradient(90deg,#0000,#f8f4df94);height:1px}.compass:after{background:linear-gradient(90deg,#f8f4df94,#0000)}.compass-rail{display:none}.compass strong{color:var(--cw-gold-bright);font-size:14px}.compass small{color:#f8f4dfb8;font-size:10px}.save-controls,.economy-panel,.builder-panel,.map-panel{border-color:var(--cw-border);box-shadow:var(--cw-shadow), inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(14px)saturate(1.16);backdrop-filter:blur(14px)saturate(1.16);background:linear-gradient(145deg,#060f12d6,#071214ad);border-radius:14px}.builder-panel{top:106px}.save-controls button,.town-row button,.town-build-actions button{color:var(--cw-cream);background:#ffffff14;border:1px solid #ffffff24;border-radius:9px}.save-controls button:nth-of-type(3){color:#181309;background:linear-gradient(#ffe492,#dca42e);border-color:#ffe49a85}.crosshair{filter:drop-shadow(0 1px 2px #000000d6);width:20px;height:20px}.crosshair:before{height:20px;left:9px}.crosshair:after{width:20px;top:9px}.hotbar{border-color:var(--cw-border);box-shadow:var(--cw-shadow), inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:linear-gradient(#060e11c7,#03090be0);border-radius:14px;gap:5px;padding:7px}.hotbar-slot{background:#0000003d;border-color:#ffffff24;border-radius:10px}.hotbar-slot.active{border-color:var(--cw-gold-bright);background:#f4c95d1f;box-shadow:inset 0 0 0 1px #fff3,0 0 0 2px #f4c95dbd,0 0 24px #f4c95d52}.hotbar-page{display:none}.selected-block-name{color:var(--cw-cream);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040a0cad;border-color:#ffffff29;border-radius:10px;box-shadow:0 12px 30px #00000040}.interaction-panel{box-shadow:var(--cw-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040a0cd1;border-radius:12px;top:auto;bottom:calc(clamp(18px,4vh,38px) + 118px)}.mobile-mode .debug{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));z-index:45;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;width:min(46vw,190px);min-height:0;padding:10px 12px;font-size:10px;display:grid;position:fixed}.mobile-mode .debug .status-location{font-size:clamp(12px,3.3vw,15px)}.mobile-mode .mobile-top-actions{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));z-index:46;pointer-events:none;width:auto;position:fixed;left:auto}.mobile-mode .mobile-utility-nav{pointer-events:auto;gap:clamp(6px,1.8vw,9px);display:flex}.mobile-mode .mobile-icon-button{width:clamp(44px,12vw,52px);min-width:44px;height:clamp(44px,12vw,52px);min-height:44px;color:var(--cw-gold-bright);background:var(--cw-glass-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffe49a8c;border-radius:13px;place-items:center;padding:0;display:grid;box-shadow:0 10px 24px #0000004d,inset 0 1px #ffffff14}.mobile-mode .mobile-icon-button svg,.mobile-mode .mobile-action-pad svg,.hotbar-page svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.mobile-mode .mobile-system-drawer{top:max(70px, calc(env(safe-area-inset-top) + 62px));right:max(10px, env(safe-area-inset-right));z-index:70;width:min(330px,100vw - 20px);max-height:calc(100dvh - 84px - env(safe-area-inset-bottom));color:var(--cw-cream);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);background:linear-gradient(155deg,#071114f7,#03090cf5);border:1px solid #ffe49a6b;border-radius:18px;gap:12px;padding:16px;display:grid;position:fixed;left:auto;overflow:auto;transform:none;box-shadow:0 24px 66px #00000085,inset 0 1px #ffffff14}.mobile-mode .mobile-drawer-title{gap:3px;display:grid}.mobile-mode .mobile-drawer-title strong{color:#fff;font-size:20px}.mobile-mode .mobile-drawer-title span{color:var(--cw-muted);font-size:12px}.mobile-mode .mobile-drawer-group .drawer-action{min-height:44px;color:var(--cw-cream);background:#ffffff12;border:1px solid #ffffff24;border-radius:11px;font-size:13px;font-weight:850}.mobile-mode .mobile-drawer-quality{grid-template-columns:1fr repeat(3,auto);align-items:center;gap:6px;display:grid}.mobile-mode .mobile-drawer-quality span{color:var(--cw-muted);font-size:12px;font-weight:800}.mobile-mode .mobile-drawer-quality button{min-width:48px;min-height:40px;color:var(--cw-cream);background:#ffffff12;border:1px solid #ffffff24;border-radius:10px;font-size:12px;font-weight:900}.mobile-mode .mobile-joystick{left:max(12px, env(safe-area-inset-left));bottom:max(90px, calc(env(safe-area-inset-bottom) + 80px));z-index:42;pointer-events:auto;width:clamp(104px,30vw,126px);height:clamp(104px,30vw,126px);position:fixed}.mobile-mode .mobile-joystick-base{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:radial-gradient(circle,#ffffff1a,#030a0c52 64%,#030a0c85);border:1px solid #fff4dd7a;border-radius:50%;width:100%;height:100%;box-shadow:inset 0 0 0 9px #ffffff06,0 14px 34px #0000003d}.mobile-mode .mobile-joystick-base:before,.mobile-mode .mobile-joystick-base:after{opacity:.55}.mobile-mode .mobile-joystick-knob{border:2px solid var(--cw-gold-bright);background:radial-gradient(circle at 36% 30%,#fff1b7,#e1ae3e 62%,#9c6b1e);border-radius:50%;width:clamp(48px,14vw,60px);height:clamp(48px,14vw,60px);box-shadow:0 10px 24px #00000052,inset 0 2px #ffffff61}.mobile-mode .mobile-action-pad{right:max(10px, env(safe-area-inset-right));bottom:max(88px, calc(env(safe-area-inset-bottom) + 78px));z-index:43;width:auto;min-width:0;max-width:none;box-shadow:none;pointer-events:auto;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:repeat(2,minmax(52px,62px));gap:8px;padding:0;display:grid;position:fixed}.mobile-mode .mobile-action-pad button{width:clamp(52px,16vw,62px);min-width:48px;height:clamp(52px,16vw,62px);min-height:48px;color:var(--cw-cream);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050c0fc2;border:1px solid #ffe49a9e;border-radius:50%;place-content:center;gap:1px;padding:5px;display:grid;box-shadow:0 10px 24px #00000052,inset 0 1px #ffffff1a}.mobile-mode .mobile-action-pad button:active,.mobile-mode .mobile-icon-button:active{background:#f4c95d38;transform:scale(.92)}.mobile-mode .mobile-action-pad button svg{justify-self:center;width:clamp(18px,5.5vw,23px);height:clamp(18px,5.5vw,23px)}.mobile-mode .mobile-action-pad button strong{color:inherit;font-size:clamp(8px,2.65vw,11px);line-height:1}.mobile-mode .hotbar{left:50%;right:auto;bottom:max(8px, env(safe-area-inset-bottom));z-index:46;border-radius:16px;gap:clamp(3px,1vw,5px);width:auto;max-width:calc(100vw - 16px);padding:6px;display:flex;position:fixed;overflow:visible;transform:translate(-50%)}.mobile-mode .hotbar-number,.mobile-mode .hotbar-slot small{color:#ffffffd1;min-width:0;font-size:9px;bottom:3px;left:5px;right:auto;transform:none}.mobile-mode .hotbar-page svg{width:18px;height:18px}.mobile-mode .hotbar[data-mobile-page="0"] .hotbar-page-previous,.mobile-mode .hotbar[data-mobile-page="1"] .hotbar-page-next{opacity:.3}.mobile-mode .interaction-panel{bottom:max(112px, calc(env(safe-area-inset-bottom) + 104px));max-width:min(78vw,360px);padding:8px 11px;font-size:11px}.mobile-mode .builder-panel:not(.mobile-collapsed),.mobile-mode .map-panel:not(.mobile-collapsed){top:max(72px, calc(env(safe-area-inset-top) + 62px));right:max(10px, env(safe-area-inset-right));left:max(10px, env(safe-area-inset-left));z-index:62;width:auto;max-height:calc(100dvh - 164px - env(safe-area-inset-bottom));border-radius:16px}.mobile-mode .map-panel:not(.mobile-collapsed){width:min(270px,100vw - 20px);left:auto}@media (width<=720px){.menu-screen{grid-template-columns:1fr;padding:18px}.menu-content{width:min(100%,440px)}.menu-preview{display:none}}@media (orientation:landscape){.mobile-mode .debug{width:min(29vw,180px);padding:8px 10px}.mobile-mode .debug .status-location{font-size:12px}.mobile-mode .mobile-icon-button{width:44px;height:44px}.mobile-mode .mobile-system-drawer{top:max(60px, calc(env(safe-area-inset-top) + 50px));max-height:calc(100dvh - 68px - env(safe-area-inset-bottom))}.mobile-mode .mobile-joystick{bottom:max(70px, calc(env(safe-area-inset-bottom) + 62px));width:clamp(92px,16vw,108px);height:clamp(92px,16vw,108px)}.mobile-mode .mobile-action-pad{bottom:max(68px, calc(env(safe-area-inset-bottom) + 60px));grid-template-columns:repeat(2,48px);gap:5px}.mobile-mode .mobile-action-pad button,.mobile-mode .mobile-action-pad .action-fly{width:48px;height:48px;min-height:44px}.mobile-mode .mobile-action-pad .action-fly{width:42px;height:42px}.mobile-mode .hotbar-slot.mobile-window-slot{width:clamp(40px,6vw,48px);height:48px}.mobile-mode .hotbar-page{height:48px}.mobile-mode .selected-block-name{bottom:max(64px, calc(env(safe-area-inset-bottom) + 56px))}.mobile-mode .interaction-panel{bottom:max(96px, calc(env(safe-area-inset-bottom) + 88px))}}@media (hover:hover) and (pointer:fine) and (width>=900px){.control-grid.desktop-help{grid-template-columns:max-content minmax(74px,1fr) max-content minmax(74px,1fr);gap:6px 10px;width:100%;margin-top:18px;padding-top:16px}.control-grid span:nth-child(odd){min-width:64px;min-height:26px;font-size:11px}.control-grid span:nth-child(2n){font-size:12px}}@media (hover:hover) and (pointer:fine) and (width>=900px) and (height<=680px){.menu-screen{padding-block:16px}.menu-content{padding:20px 24px}.menu-screen h1{font-size:clamp(52px,7vw,76px)}.menu-copy{margin:12px 0 18px;font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mobile-mode .debug,.mobile-mode .mobile-segment-nav,.mobile-mode .mobile-menu-button,.mobile-mode .mobile-builders-button,.mobile-mode .mobile-joystick,.mobile-mode .mobile-action-pad,.mobile-mode .hotbar{position:fixed}.mobile-mode .mobile-menu-button{right:max(14px, env(safe-area-inset-right));left:auto}.interaction-panel button{color:#17100a;cursor:pointer;background:linear-gradient(#ffe589,#d79e2d);border:1px solid #ffe68cbf;border-radius:10px;min-height:32px;margin-left:10px;padding:6px 12px;font-weight:900}.draw-planner{right:max(20px, env(safe-area-inset-right));top:max(94px, calc(env(safe-area-inset-top) + 82px));z-index:48;pointer-events:none;width:min(360px,100vw - 32px);position:fixed}.draw-planner-panel{color:#f8fbff;pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0c151ce0,#040b0eeb);border:1px solid #ffffff2e;border-radius:18px;gap:12px;padding:16px;display:grid;box-shadow:inset 0 1px #ffffff1f,0 18px 44px #0000007a}.draw-planner-panel header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.draw-planner-panel h2{margin:2px 0 4px;font-size:24px;line-height:1}.draw-planner-panel p{color:#eefae5cc;margin:0;font-size:14px;line-height:1.45}.draw-planner-panel button{color:#fff;cursor:pointer;background:#0c161cdb;border:1px solid #ffffff2e;border-radius:12px;min-height:42px;padding:8px 14px;font-weight:900;box-shadow:0 8px 18px #00000047}.draw-tools,.draw-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.draw-tools button.active,.draw-actions .gold{color:#15100a;background:linear-gradient(#ffe589,#d79e2d);border-color:#ffe68cdb;box-shadow:inset 0 1px #ffffff57,0 8px #704c12b3,0 16px 28px #00000061}@media (width<=760px),(pointer:coarse){.draw-planner{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));top:max(78px, calc(env(safe-area-inset-top) + 66px));width:auto}.draw-planner-panel{border-radius:16px;gap:10px;padding:12px}.draw-planner-panel h2{font-size:20px}.draw-planner-panel p{font-size:13px}}@media (hover:none),(pointer:coarse),(width<=899px){.control-grid.desktop-help{display:none!important}}@media (pointer:coarse),(width<=768px){html,body,#app,.game-shell{overscroll-behavior:none;touch-action:none;width:100vw;max-width:100vw;height:100dvh;overflow:hidden}.game-canvas{width:100vw;height:100dvh}.mobile-hud,.mobile-controls,.mobile-top-actions{pointer-events:none}.mobile-mode [data-game-ui],.mobile-mode button,.mobile-mode input,.mobile-mode select,.mobile-mode textarea{pointer-events:auto;touch-action:none}.mobile-mode .debug{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));z-index:35;white-space:nowrap;border-radius:20px;width:auto;max-width:min(42vw,178px);min-height:clamp(44px,7dvh,54px);padding:0 clamp(10px,3vw,15px);font-size:clamp(12px,3.5vw,15px);line-height:1;overflow:hidden}.mobile-mode .mobile-menu-button{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:36;border-radius:20px;gap:8px;width:clamp(96px,30vw,128px);min-width:0;min-height:clamp(50px,8dvh,62px);font-size:clamp(14px,3.7vw,17px)}.mobile-mode .mobile-menu-button span{font-size:clamp(18px,4.6vw,22px)}.mobile-mode .mobile-segment-nav{top:max(74px, calc(env(safe-area-inset-top) + 66px));left:max(12px, env(safe-area-inset-left));z-index:34;border-radius:22px;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100vw - 24px,438px);min-height:clamp(50px,8dvh,60px);transform:none}.mobile-mode .mobile-icon-button{min-width:0;min-height:clamp(50px,8dvh,60px);padding:5px 7px}.mobile-mode .mobile-icon-button span{font-size:clamp(16px,4.7vw,21px)}.mobile-mode .mobile-icon-button strong{font-size:clamp(12px,3.6vw,15px)}.mobile-mode .mobile-builders-button{top:max(136px, calc(env(safe-area-inset-top) + 124px));left:max(12px, env(safe-area-inset-left));z-index:34;border-radius:20px;width:clamp(144px,46vw,206px);min-width:0;min-height:clamp(50px,8dvh,60px);padding:0 16px}.mobile-mode .mobile-builders-button strong{font-size:clamp(14px,4vw,17px)}.mobile-mode .mobile-joystick{left:max(14px, env(safe-area-inset-left));bottom:max(96px, calc(env(safe-area-inset-bottom) + 86px));z-index:33;width:clamp(124px,38vw,156px);height:clamp(124px,38vw,156px)}.mobile-mode .mobile-joystick-base{width:min(100%,146px);height:min(100%,146px)}.mobile-mode .mobile-joystick-knob{width:clamp(52px,17vw,72px);height:clamp(52px,17vw,72px)}.mobile-mode .mobile-action-pad{right:max(8px, env(safe-area-inset-right));bottom:max(92px, calc(env(safe-area-inset-bottom) + 84px));z-index:33;border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(5px,1.4vw,8px);width:min(46vw,210px);min-width:152px;max-width:calc(100vw - 18px);padding:clamp(7px,1.8vw,10px);display:grid}.mobile-mode .mobile-action-pad button{border-radius:16px;min-width:0;min-height:clamp(48px,8.5dvh,64px);padding:6px 4px}.mobile-mode .mobile-action-pad .primary-action-control{min-height:clamp(54px,9.5dvh,72px)}.mobile-mode .mobile-action-pad .mobile-build-action{grid-column:1/-1;min-height:clamp(54px,9dvh,68px)}.mobile-mode .mobile-action-pad button span{font-size:clamp(15px,4.5vw,22px)}.mobile-mode .mobile-action-pad button strong{font-size:clamp(12px,3.7vw,16px)}.mobile-mode .mobile-action-pad .mobile-build-action strong{font-size:clamp(20px,7vw,30px)}.mobile-mode .hotbar{left:50%;right:auto;bottom:max(8px, env(safe-area-inset-bottom));z-index:34;border-radius:20px;gap:clamp(3px,1vw,5px);width:fit-content;max-width:calc(100vw - 18px);padding:clamp(5px,1.5vw,7px);overflow:hidden}.mobile-mode .hotbar-slot{border-radius:clamp(12px,3.6vw,16px);place-items:start center;width:clamp(30px,9vw,48px);height:clamp(46px,12.5vw,60px);padding-top:clamp(4px,1.3vw,7px);overflow:hidden}.mobile-mode .hotbar-slot.active{border-color:#ffe589;transform:none;box-shadow:inset 0 0 0 1px #ffffff38,0 0 0 2px #f4c95dc7,0 0 18px #f4c95d7a}.mobile-mode .hotbar-slot .block-swatch{width:clamp(17px,4.7vw,25px);height:clamp(17px,4.7vw,25px);margin-top:clamp(2px,1vw,4px);transform:rotateX(58deg)rotate(45deg)scale(.86)}.mobile-mode .hotbar-number,.mobile-mode .hotbar-slot small{z-index:2;color:#fff;text-align:center;text-shadow:0 2px 4px #000,0 0 3px #000;min-width:16px;font-size:clamp(11px,3.4vw,14px);line-height:1;bottom:3px;right:50%;transform:translate(50%)}}@media (pointer:coarse) and (orientation:portrait),(width<=520px){.mobile-mode .mobile-look-zone{inset:0 0 max(150px, calc(env(safe-area-inset-bottom) + 142px)) 0}}@media (pointer:coarse) and (orientation:landscape){.mobile-mode .debug{max-width:206px;min-height:46px;font-size:13px}.mobile-mode .mobile-segment-nav{top:max(10px, env(safe-area-inset-top));width:min(224px,34vw);min-height:50px;left:50%;transform:translate(-50%)}.mobile-mode .mobile-menu-button{top:max(10px, env(safe-area-inset-top));width:min(124px,19vw);min-height:50px}.mobile-mode .mobile-builders-button{top:max(68px, calc(env(safe-area-inset-top) + 58px));width:min(176px,28vw);min-height:50px}.mobile-mode .mobile-joystick{width:clamp(104px,20vw,136px);height:clamp(104px,20vw,136px);bottom:max(78px, calc(env(safe-area-inset-bottom) + 68px))}.mobile-mode .mobile-action-pad{width:min(180px,28vw);min-width:150px;bottom:max(78px, calc(env(safe-area-inset-bottom) + 68px));border-radius:18px;gap:5px;padding:7px}.mobile-mode .mobile-action-pad button{border-radius:14px;min-height:42px}.mobile-mode .mobile-action-pad .primary-action-control,.mobile-mode .mobile-action-pad .mobile-build-action{min-height:46px}.mobile-mode .mobile-action-pad button span{font-size:15px}.mobile-mode .mobile-action-pad button strong{font-size:12px}.mobile-mode .mobile-action-pad .mobile-build-action strong{font-size:18px}.mobile-mode .hotbar-slot{width:clamp(34px,6.3vw,48px);height:clamp(44px,7.6vw,58px)}.mobile-mode .hotbar-slot .block-swatch{width:clamp(18px,3.4vw,24px);height:clamp(18px,3.4vw,24px)}.mobile-mode .hotbar-number,.mobile-mode .hotbar-slot small{font-size:12px}}.mobile-mode .compass,.mobile-mode .economy-panel,.mobile-mode .save-controls,.mobile-mode .mobile-menu-button,.mobile-mode .mobile-builders-button,.mobile-mode .mobile-segment-nav{display:none!important}.mobile-mode .debug{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));z-index:45;white-space:normal;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;width:min(46vw,190px);max-width:min(46vw,190px);min-height:0;padding:10px 12px;font-size:10px;line-height:1.15;display:grid;overflow:hidden}.mobile-mode .debug .status-location{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(12px,3.3vw,15px);overflow:hidden}.mobile-mode .debug .status-meta{font-size:clamp(8px,2.45vw,10px)}.mobile-mode .debug .status-mode{display:none}.mobile-mode .mobile-top-actions{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));z-index:46;pointer-events:none;align-items:flex-start;width:auto;height:max-content;bottom:auto;left:auto}.mobile-mode .mobile-utility-nav{pointer-events:auto;align-self:flex-start;gap:clamp(6px,1.8vw,9px);height:max-content;display:flex}.mobile-mode .mobile-icon-button{width:clamp(44px,12vw,52px);min-width:44px;height:clamp(44px,12vw,52px);min-height:44px;color:var(--cw-gold-bright);background:var(--cw-glass-strong);border:1px solid #ffe49a8c;border-radius:13px;place-items:center;padding:0;display:grid}.mobile-mode .mobile-system-drawer{top:max(70px, calc(env(safe-area-inset-top) + 62px));right:max(10px, env(safe-area-inset-right));z-index:70;width:min(330px,100vw - 20px);max-height:calc(100dvh - 84px - env(safe-area-inset-bottom));background:linear-gradient(155deg,#071114f7,#03090cf5);border:1px solid #ffe49a6b;border-radius:18px;gap:12px;padding:16px;display:grid;left:auto;overflow:auto;transform:none}.mobile-mode .mobile-drawer-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mobile-mode .mobile-drawer-group .drawer-action{border-radius:11px;min-height:44px}.mobile-mode .mobile-drawer-group .drawer-action.build{border-color:var(--cw-gold-bright);color:#171109;background:linear-gradient(#ffe492,#dca42e);grid-column:1/-1}.mobile-mode .mobile-look-zone{inset:max(70px, calc(env(safe-area-inset-top) + 60px)) 0 max(92px, calc(env(safe-area-inset-bottom) + 82px));z-index:20;pointer-events:auto;position:fixed}.mobile-mode .mobile-joystick{left:max(12px, env(safe-area-inset-left));bottom:max(90px, calc(env(safe-area-inset-bottom) + 80px));z-index:42;width:clamp(104px,30vw,126px);height:clamp(104px,30vw,126px)}.mobile-mode .mobile-joystick-base{background:radial-gradient(circle,#ffffff1a,#030a0c52 64%,#030a0c85);border:1px solid #fff4dd7a;border-radius:50%;width:100%;height:100%}.mobile-mode .mobile-joystick-knob{border:2px solid var(--cw-gold-bright);background:radial-gradient(circle at 36% 30%,#fff1b7,#e1ae3e 62%,#9c6b1e);border-radius:50%;width:clamp(48px,14vw,60px);height:clamp(48px,14vw,60px)}.mobile-mode .mobile-action-pad{right:max(10px, env(safe-area-inset-right));bottom:max(88px, calc(env(safe-area-inset-bottom) + 78px));z-index:43;width:auto;min-width:0;max-width:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:repeat(2,minmax(52px,62px));gap:8px;padding:0;display:grid}.mobile-mode .mobile-action-pad button,.mobile-mode .mobile-action-pad .primary-action-control{width:clamp(52px,16vw,62px);min-width:48px;height:clamp(52px,16vw,62px);min-height:48px;color:var(--cw-cream);background:#050c0fc2;border:1px solid #ffe49a9e;border-radius:50%;place-content:center;gap:1px;padding:5px;display:grid}.mobile-mode .mobile-action-pad .action-fly{width:48px;height:48px;min-height:48px;color:var(--cw-gold-bright);grid-column:2;justify-self:end}.mobile-mode .mobile-action-pad button strong{font-size:clamp(8px,2.65vw,11px);line-height:1}.mobile-mode .hotbar{left:50%;right:auto;bottom:max(8px, env(safe-area-inset-bottom));z-index:46;border-radius:16px;gap:clamp(3px,1vw,5px);width:auto;max-width:calc(100vw - 16px);padding:6px;display:flex;overflow:visible;transform:translate(-50%)}.mobile-mode .hotbar-slot:not(.mobile-window-slot){display:none!important}.mobile-mode .hotbar-slot.mobile-window-slot{border-radius:11px;flex:none;place-items:center;width:clamp(40px,11.5vw,50px);height:clamp(50px,13.5vw,60px);padding:0;display:grid}.mobile-mode .hotbar-slot .block-swatch{width:clamp(21px,6.2vw,29px);height:clamp(21px,6.2vw,29px);margin:-3px 0 0;transform:rotateX(58deg)rotate(45deg)scale(.92)}.mobile-mode .hotbar-number,.mobile-mode .hotbar-slot small{min-width:0;font-size:9px;bottom:3px;left:5px;right:auto;transform:none}.mobile-mode .hotbar-page{width:clamp(28px,8vw,34px);min-width:28px;height:clamp(50px,13.5vw,60px);color:var(--cw-gold-bright);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.mobile-mode .selected-block-name{bottom:max(76px, calc(env(safe-area-inset-bottom) + 68px));border-radius:9px;min-width:0;padding:6px 11px;font-size:11px}.mobile-mode .interaction-panel{top:auto;bottom:max(112px, calc(env(safe-area-inset-bottom) + 104px));max-width:min(78vw,360px);padding:8px 11px;font-size:11px}.mobile-mode .builder-panel.mobile-collapsed,.mobile-mode .map-panel.mobile-collapsed{display:none!important}@media (orientation:landscape){.mobile-mode .debug{width:min(29vw,180px);max-width:min(29vw,180px);padding:8px 10px}.mobile-mode .mobile-icon-button{width:44px;height:44px}.mobile-mode .mobile-joystick{bottom:max(70px, calc(env(safe-area-inset-bottom) + 62px));width:clamp(92px,16vw,108px);height:clamp(92px,16vw,108px)}.mobile-mode .mobile-action-pad{bottom:max(68px, calc(env(safe-area-inset-bottom) + 60px));grid-template-columns:repeat(2,48px);gap:5px}.mobile-mode .mobile-action-pad button,.mobile-mode .mobile-action-pad .primary-action-control{width:48px;height:48px;min-height:44px}.mobile-mode .mobile-action-pad .action-fly{width:42px;height:42px}.mobile-mode .hotbar-slot.mobile-window-slot{width:clamp(40px,6vw,48px);height:48px}.mobile-mode .hotbar-page{height:48px}.mobile-mode .selected-block-name{bottom:max(76px, calc(env(safe-area-inset-bottom) + 68px))}}html:not(.mobile-mode) .builder-panel,html:not(.mobile-mode) .map-panel,html:not(.mobile-mode) .save-controls,html:not(.mobile-mode) .economy-panel{display:none}html:not(.mobile-mode) .builder-panel.desktop-open,html:not(.mobile-mode) .map-panel.desktop-open,html:not(.mobile-mode) .save-controls.desktop-open,html:not(.mobile-mode) .economy-panel.desktop-open{display:grid}html:not(.mobile-mode) .debug{background:linear-gradient(145deg,#050807eb,#080c0ad1);border:1px solid #ecb443b3;border-radius:15px;grid-template-columns:1fr;gap:8px;width:286px;max-width:286px;padding:14px 16px 13px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.2;display:grid;top:24px;left:22px;box-shadow:0 0 0 2px #0000009e,0 18px 38px #00000057,inset 0 1px #ffffff0d}html:not(.mobile-mode) .desktop-utility-nav{z-index:25;gap:14px;display:flex;position:fixed;top:25px;right:24px}html:not(.mobile-mode) .desktop-utility-nav button{color:#f5c563;background:linear-gradient(150deg,#0a1415f0,#070d0edb);border:1px solid #f5be4ee6;border-radius:14px;place-items:center;width:62px;height:62px;padding:0;display:grid;box-shadow:0 0 0 2px #0000009e,0 14px 30px #00000052,inset 0 1px #ffffff0f}html:not(.mobile-mode) .compass{text-align:center;background:repeating-linear-gradient(90deg,#0000 0 38px,#fff2d361 38px 39px,#0000 39px 76px) 0 0/100% 12px no-repeat;border-top:1px solid #ffebb980;width:min(560px,40vw);min-width:340px;height:48px;display:block;top:29px}html:not(.mobile-mode) .compass strong{margin-top:10px;display:inline-block}html:not(.mobile-mode) .compass small,html:not(.mobile-mode) .compass-rail{display:none}html:not(.mobile-mode) .selected-block-name{text-align:center;background:#050807b8;border:0;border-radius:8px;gap:7px;min-width:270px;padding:10px 18px;display:grid;bottom:101px}html:not(.mobile-mode) .hotbar{background:#050807cc;border:1px solid #f6c25885;border-radius:9px;gap:4px;padding:5px;bottom:24px}html:not(.mobile-mode) .hotbar-slot{border-radius:7px;width:62px;height:62px}html:not(.mobile-mode) .hotbar-slot.active{border-color:#ffe081;box-shadow:inset 0 0 0 1px #ffffff42,0 0 0 2px #f3ad35,0 0 14px #ffc241ad}html:not(.mobile-mode) .builder-panel.desktop-open{width:min(390px,100vw - 44px);top:100px;left:auto;right:98px}html:not(.mobile-mode) .map-panel.desktop-open{top:100px;bottom:auto;right:24px}html:not(.mobile-mode) .save-controls.desktop-open{top:100px;right:24px}html:not(.mobile-mode) .economy-panel.desktop-open{top:158px;right:24px}.mobile-mode .desktop-utility-nav,.mobile-mode .survival-bars,.mobile-mode .status-biome,.mobile-mode .status-coordinates{display:none!important}