: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}*{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}.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}.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:grid}.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}.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:6px;padding:7px;display:flex;position:absolute;bottom:clamp(18px,4vh,38px);left:50%;transform:translate(-50%)}.hotbar-slot{background:#00000038;border:2px solid #ffffff2e;border-radius:6px;place-items:center;width:54px;height:54px;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:30px;height: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.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}.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:calc(100vw - 28px);padding:7px 10px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;line-height:1.35;position:absolute;top:12px;left:14px}.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{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,100vh - 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%);padding:20px;display:grid;box-shadow:0 30px 90px #0000007a}.build-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.build-header h2{color:#f8ffe8;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-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-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);padding:12px;font-size:12px;display:grid;position:fixed;top:56px;left:16px}.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:204px;padding:10px;position:fixed;bottom:92px;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{width:180px;height:180px;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<=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}}.mobile-controls{z-index:18;pointer-events:none;touch-action:none;position:absolute;inset:0}.mobile-look-zone{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));pointer-events:auto;gap:6px;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;font-size:11px;font-weight:900;box-shadow:0 8px 20px #00000047}.mobile-icon-button.primary{color:#132015;text-shadow:none;background:#f7d35ce0}.mobile-system-drawer{top:calc(max(10px, env(safe-area-inset-top)) + 48px);right:max(10px, env(safe-area-inset-right));pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#091019cc;border:1px solid #ffffff2e;border-radius:10px;grid-template-columns:repeat(2,minmax(74px,1fr));gap:6px;width:170px;padding:8px;display:grid;position:absolute}.mobile-joystick{left:max(22px, env(safe-area-inset-left));bottom:max(24px, env(safe-area-inset-bottom));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));pointer-events:auto;touch-action:none;grid-template-columns:repeat(2,68px);gap:7px;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: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));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(156px, calc(env(safe-area-inset-bottom) + 122px));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(62vw,420px);padding:5px;overflow:hidden}.mobile-mode .hotbar-slot{border-radius:7px;width:clamp(32px,6.2vw,44px);height:clamp(34px,6.2vw,44px)}.mobile-mode .hotbar-slot.active{transform:translateY(-3px)}.mobile-mode .hotbar-slot small{font-size:9px}.mobile-mode .block-swatch{width:clamp(20px,4vw,26px);height:clamp(20px,4vw,26px)}.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{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{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 .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 .spawn-card{min-height:132px;padding:10px}.mobile-mode .spawn-token{width:34px;height:48px}@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 150px}.mobile-top-actions{left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));justify-content:flex-end}.mobile-joystick{width:116px;height:116px;bottom:max(98px, calc(env(safe-area-inset-bottom) + 82px))}.mobile-joystick-base{width:100px;height:100px}.mobile-action-pad{bottom:max(98px, calc(env(safe-area-inset-bottom) + 82px));grid-template-columns:repeat(2,60px)}.mobile-action-pad button{min-width:58px;min-height:40px}.mobile-mode .hotbar{max-width:calc(100vw - 20px)}.mobile-mode .builder-panel{width:min(260px,100vw - 20px)}.mobile-mode .map-panel{bottom:auto;top:max(56px, calc(env(safe-area-inset-top) + 50px))}}@media (pointer:coarse) and (orientation:landscape){.mobile-mode .build-grid,.mobile-mode .spawn-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-mode .hotbar{max-width:min(48vw,430px)}}