*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,system-ui,sans-serif;background:#0a0e14;color:#e8ecf0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hidden{display:none!important}button{font-family:inherit;cursor:pointer;border:none;border-radius:6px;padding:.65rem 1.25rem;font-size:.95rem;transition:background .15s,transform .1s}button:active{transform:scale(.97)}.btn-primary{background:linear-gradient(180deg,#3d8bfd,#2563eb);color:#fff}.btn-primary:hover{background:linear-gradient(180deg,#5a9fff,#3b82f6)}.btn-secondary{background:#2a3344;color:#e8ecf0;border:1px solid #3d4f66}.btn-secondary:hover{background:#354158}.btn-danger{background:#7f1d1d;color:#fecaca}.btn-danger:hover{background:#991b1b}input,select{font-family:inherit;font-size:.95rem;padding:.55rem .75rem;border-radius:6px;border:1px solid #3d4f66;background:#141b26;color:#e8ecf0;width:100%}input:focus{outline:2px solid #3d8bfd;outline-offset:1px}.form-error{color:#f87171;font-size:.85rem;margin-top:.35rem}body.menu-page{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.menu-page .menu-root{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;min-height:100dvh;padding:3.5rem 1.5rem 2.5rem;background:radial-gradient(ellipse at 50% 20%,#1a2840,#0a0e14 70%)}.menu-account-corner{position:fixed;top:1rem;right:1rem;left:auto;z-index:45}.menu-account-trigger{padding:.5rem .9rem;border-radius:10px;border:1px solid rgba(125,211,252,.45);background:#081220eb;color:#e2e8f0;font-size:.85rem;font-weight:600;cursor:pointer;max-width:min(12rem,40vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 8px 24px #00000059}.menu-account-trigger:hover{border-color:#7dd3fc;color:#f8fafc}.account-modal-backdrop{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#02060eb8;backdrop-filter:blur(4px)}.account-modal-backdrop.hidden{display:none}.account-modal{position:relative;display:flex;flex-direction:column;width:min(520px,100%);max-height:min(90vh,640px);overflow:hidden;border-radius:16px;border:1px solid rgba(125,211,252,.35);box-shadow:0 24px 60px #0000008c}.account-modal-toolbar{flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;padding:.5rem .5rem 0;background:linear-gradient(145deg,#0f172afa,#1e293be6);border-bottom:1px solid rgba(45,58,79,.5)}.account-modal .account-panel{margin-bottom:0;flex:1;min-height:0;overflow-y:auto;border:none;border-radius:0 0 16px 16px}.account-modal-close{flex-shrink:0;width:2.25rem;height:2.25rem;border:1px solid rgba(71,85,105,.8);border-radius:8px;background:#0f172af2;color:#94a3b8;font-size:1.35rem;line-height:1;cursor:pointer}.account-modal-close:hover{color:#f1f5f9;background:#1e293bf2}.menu-page .game-root{display:none}.menu-title{font-size:clamp(2rem,6vw,3.2rem);font-weight:700;letter-spacing:.04em;margin-bottom:.25rem;background:linear-gradient(135deg,#7dd3fc,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.menu-subtitle{color:#94a3b8;margin-bottom:2rem;font-size:.95rem;text-align:center}.menu-panel{width:100%;max-width:1080px;background:#141b26f0;border:1px solid #2d3a4f;border-radius:18px;padding:1.25rem;box-shadow:0 18px 50px #00000073}.menu-panel>.account-panel{margin-bottom:1.25rem}.account-panel{padding:1rem;border:1px solid rgba(125,211,252,.25);border-radius:14px;background:linear-gradient(145deg,#0f172ae6,#1e293bb8)}.account-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.account-heading h2{margin-top:.25rem;color:#e2e8f0;font-size:1rem}.account-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:.9rem}.account-tab{padding:.65rem .8rem;border:1px solid #334155;border-radius:10px;background:#0f172a;color:#cbd5e1;cursor:pointer}.account-tab.active{border-color:#38bdf8;color:#e0f2fe;background:#0e74903d}.account-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;align-items:end}.account-form .field,.account-form .form-error,.account-form .account-copy{margin-bottom:0}.account-copy{color:#94a3b8;font-size:.82rem;line-height:1.4}.account-perks{margin:0 0 .85rem;padding:.75rem .85rem;list-style:none;border:1px solid rgba(56,189,248,.2);border-radius:12px;background:#0f172a8c}.account-perks li{position:relative;padding-left:1.1rem;color:#cbd5e1;font-size:.82rem;line-height:1.45}.account-perks li+li{margin-top:.55rem}.account-perks li:before{content:"✓";position:absolute;left:0;color:#38bdf8;font-weight:700}.account-perks-guest li:before{content:"★";color:#fbbf24}.menu-step-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#64748b;margin-bottom:.55rem;white-space:nowrap}.play-scope-choice{margin-bottom:1.5rem}.play-branch{padding-top:0}.mode-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-bottom:1rem}.game-mode-choice{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.online-challenge-course-picker{margin-bottom:1rem}.online-challenge-course-picker .challenge-run-choice{margin-bottom:0}.challenge-run-choice{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}.challenge-run-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-height:118px;padding:.75rem .5rem;border:1px solid #334155;border-radius:12px;background:linear-gradient(145deg,#111827,#1e293b);color:#e2e8f0;text-align:center;cursor:pointer;transition:border-color .15s,transform .15s,background .15s}.challenge-run-card:hover,.challenge-run-card.active{border-color:#38bdf8;background:linear-gradient(145deg,#12243a,#24324a);transform:translateY(-1px)}.challenge-run-card .mode-card-icon{width:2.25rem;height:2.25rem}.challenge-run-card-title{font-size:.78rem;font-weight:800;line-height:1.2;white-space:nowrap}.challenge-run-card-theme{font-size:.68rem;color:#94a3b8;line-height:1.2;white-space:nowrap}.challenge-run-card-coming-soon{position:relative;border-color:#475569;background:linear-gradient(145deg,#0f172a,#1a2332);cursor:default}.challenge-run-card-coming-soon:hover,.challenge-run-card-coming-soon.active{border-color:#64748b;background:linear-gradient(145deg,#111827,#1e293b);transform:none}.section-heading h2{white-space:nowrap}.shared-appearance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;padding:.85rem;border:1px solid #2d3a4f;border-radius:12px;background:#0f172a8c}.shared-appearance .field{margin-bottom:0}.mode-card-icon{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;color:#7dd3fc;flex-shrink:0}.mode-card-icon svg{width:100%;height:100%}.mode-card{display:flex;flex-direction:column;gap:.35rem;min-height:132px;padding:1rem;border:1px solid #334155;border-radius:14px;background:linear-gradient(145deg,#111827,#1e293b);color:#e2e8f0;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s,background .15s}.mode-card:hover,.mode-card.active{border-color:#38bdf8;background:linear-gradient(145deg,#12243a,#24324a);transform:translateY(-1px)}.mode-card-kicker{color:#7dd3fc;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.mode-card-title{font-size:1.2rem;font-weight:800;white-space:nowrap}.mode-card-players{display:inline-block;margin-top:.2rem;padding:.15rem .55rem;border-radius:999px;background:#22c55e24;border:1px solid rgba(74,222,128,.35);color:#86efac;font-size:.72rem;font-weight:700;letter-spacing:.02em}.mode-card-copy{color:#94a3b8;font-size:.85rem;line-height:1.35}.mode-card-coming-soon{position:relative;border-color:#475569;background:linear-gradient(145deg,#0f172a,#1a2332);cursor:default}.mode-card-coming-soon:hover,.mode-card-coming-soon.active{border-color:#64748b;background:linear-gradient(145deg,#111827,#1e293b);transform:none}.coming-soon-badge{position:absolute;top:.5rem;right:.5rem;z-index:1;padding:.2rem .55rem;border-radius:999px;background:#fbbf242e;border:1px solid rgba(251,191,36,.45);color:#fde68a;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}.mode-status-card-coming-soon{position:relative;border-color:#fbbf2459;background:#1e1b0f8c}.mode-status-note{color:#94a3b8;font-size:.88rem;line-height:1.45}.mode-status-card{display:flex;flex-direction:column;gap:.35rem;padding:1rem;border:1px solid rgba(125,211,252,.28);border-radius:12px;background:#0f172ab8;color:#cbd5e1}.mode-status-card strong{color:#e0f2fe}.mode-mp-form{margin-top:.5rem}.mode-panel{padding-top:.5rem}.section-heading{margin-bottom:1rem}.section-heading h2{font-size:1.1rem;color:#e2e8f0;margin-bottom:.3rem}.section-heading p{color:#94a3b8;font-size:.86rem;line-height:1.45}.challenge-goal-hint{color:#7dd3fc;font-size:.86rem;line-height:1.45;margin:.35rem 0 .85rem;min-height:2.6em}.challenge-best-hint{color:#a5b4fc;font-size:.84rem;line-height:1.45;margin:0 0 .85rem;min-height:1.4em}.mp-my-worlds-block{margin-top:1.25rem;padding:1rem;border:1px solid rgba(125,211,252,.22);border-radius:12px;background:#0f172a8c}.mp-my-worlds-block h3{font-size:.95rem;color:#e2e8f0;margin-bottom:.35rem}.mp-create-creative-form{display:flex;flex-wrap:wrap;gap:.65rem;align-items:flex-end;margin:.75rem 0}.mp-create-creative-form .field{flex:1 1 12rem;margin:0}.mp-create-creative-form .field-checkbox{flex:1 1 100%;display:flex;align-items:center;gap:.5rem;cursor:pointer}.mp-create-creative-form .field-checkbox input{width:1rem;height:1rem;margin:0}.save-list{list-style:none;margin-bottom:1rem;max-height:240px;overflow-y:auto}.save-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem;border-radius:10px;margin-bottom:.45rem;background:#1a2332;border:1px solid transparent;transition:border-color .15s,background .15s}.save-item:hover{border-color:#3d4f66;background:#222d3f}.save-item-info{flex:1;min-width:0}.save-item-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.save-item-meta{font-size:.75rem;color:#64748b;margin-top:.15rem}.save-item-actions{display:flex;gap:.35rem;flex-shrink:0}.save-item-actions button{padding:.4rem .65rem;font-size:.8rem}.menu-form .field,.mode-panel>.field{margin-bottom:.85rem}.menu-form label,.mode-panel>.field label{display:block;font-size:.8rem;color:#94a3b8;margin-bottom:.3rem}.menu-form input,.menu-form select,.mode-panel>.field select{width:100%;border:1px solid #334155;border-radius:9px;background:#0f172a;color:#e2e8f0;padding:.7rem .8rem;outline:none}.menu-form input:focus,.menu-form select:focus,.mode-panel>.field select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf824}.menu-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.menu-actions button{width:100%}.menu-loading{display:flex;align-items:center;gap:.65rem;margin-top:.85rem;padding:.75rem .85rem;border:1px solid rgba(56,189,248,.35);border-radius:10px;background:#082f4973;color:#bae6fd;font-size:.9rem}.menu-loading-spinner,.game-loading-spinner{width:18px;height:18px;border:2px solid rgba(186,230,253,.25);border-top-color:#7dd3fc;border-radius:999px;animation:loading-spin .85s linear infinite;flex:0 0 auto}.menu-form[aria-busy=true]{pointer-events:none}.btn-multiplayer{background:linear-gradient(135deg,#6366f1,#8b5cf6)}button:disabled,select:disabled,input:disabled{cursor:wait;opacity:.68}@keyframes loading-spin{to{transform:rotate(360deg)}}.empty-saves{text-align:center;color:#64748b;padding:1rem;font-size:.9rem}.delete-confirm{margin-top:.75rem;padding:.75rem;background:#1f1515;border:1px solid #7f1d1d;border-radius:8px}.delete-confirm p{font-size:.9rem;margin-bottom:.65rem}.delete-confirm-actions{display:flex;gap:.5rem}.delete-confirm-actions button{flex:1}.menu-actions-join{margin-bottom:1rem}.leaderboard-block{margin:0 0 .5rem;padding:.85rem 1rem;border-radius:10px;border:1px solid rgba(125,211,252,.25);background:#0812208c}.leaderboard-heading{margin:0 0 .35rem;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7dd3fc}.leaderboard-horde-sort{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .5rem}.leaderboard-sort-btn{padding:.25rem .55rem;border-radius:999px;border:1px solid #334155;background:#0f172a;color:#94a3b8;font-size:.72rem;font-weight:600;cursor:pointer}.leaderboard-sort-btn.active{border-color:#38bdf8;color:#e0f2fe;background:#38bdf81f}.leaderboard-status{margin:0 0 .5rem;font-size:.78rem;color:#94a3b8}.leaderboard-list{margin:0;padding:0;list-style:none}.leaderboard-list li{display:grid;grid-template-columns:1.75rem 1fr auto;gap:.5rem;align-items:center;padding:.35rem 0;border-bottom:1px solid rgba(45,58,79,.6);font-size:.85rem}.leaderboard-list li:last-child{border-bottom:none}.leaderboard-rank{font-weight:700;color:#a78bfa}.leaderboard-name{color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{font-variant-numeric:tabular-nums;color:#7dd3fc;font-weight:600}.leaderboard-empty{margin:.35rem 0 0;font-size:.8rem;color:#64748b}.game-page .menu-root{display:none}.game-page .mp-status{position:fixed;top:54px;right:12px;z-index:30;padding:.35rem .65rem;font-size:.75rem;border-radius:6px;background:#0f172ae0;border:1px solid #334155;color:#94a3b8}.game-page .mp-status[data-status=connected]{color:#4ade80;border-color:#166534}.game-page .mp-status[data-status=error]{color:#f87171;border-color:#991b1b}.game-page .game-root{display:block;position:fixed;inset:0;width:100%;height:100%}#game-canvas-host{position:absolute;inset:0;width:100%;height:100%}#game-canvas-host canvas{display:block;width:100%;height:100%}.game-loading-overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 50% 35%,rgba(56,189,248,.2),transparent 38%),#020617e0;backdrop-filter:blur(6px)}.game-loading-card{width:min(360px,92vw);padding:1.35rem;border:1px solid rgba(125,211,252,.35);border-radius:18px;background:#0f172af0;box-shadow:0 20px 70px #00000073;text-align:center}.game-loading-card .game-loading-spinner{width:32px;height:32px;margin:0 auto .85rem;border-width:3px}.game-loading-title{font-weight:800;color:#e0f2fe;margin-bottom:.35rem}.game-loading-copy{color:#94a3b8;font-size:.88rem;line-height:1.4}.game-page .player-indicator-layer{position:fixed;inset:0;z-index:18;pointer-events:none;overflow:hidden}.game-page .player-indicator{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px}.game-page .player-indicator-arrow{display:block;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:12px solid var(--player-shirt, #7dd3fc);filter:drop-shadow(0 1px 3px rgba(0,0,0,.65));transform:rotate(var(--arrow-angle, 0deg));transform-origin:center 65%}.game-page .player-indicator-name{max-width:120px;padding:.15rem .45rem;border-radius:4px;background:#0a0e14e0;border:1px solid color-mix(in srgb,var(--player-shirt, #7dd3fc) 55%,#334155);color:#e0f2fe;font-size:.68rem;font-weight:600;letter-spacing:.02em;display:flex;flex-direction:column;align-items:center;text-align:center;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.8)}.game-page .player-indicator-name-text{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis}.game-page .player-indicator-distance{margin-top:1px;color:#bae6fd;font-size:.58rem;font-weight:700;letter-spacing:.04em}.challenge-timer{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:26;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.45rem .9rem;border-radius:10px;border:1px solid rgba(125,211,252,.45);background:#081220e0;pointer-events:none;min-width:9rem}.challenge-timer.hidden,body.challenge-no-hotbar .hud-item-bar{display:none}.challenge-timer-title{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7dd3fc}.challenge-timer-value{font-size:1.15rem;font-weight:800;font-variant-numeric:tabular-nums;color:#e0f2fe}.challenge-timer-finished .challenge-timer-value{color:#86efac}.game-page .local-player-handle{position:fixed;top:12px;right:268px;z-index:27;display:inline-flex;align-items:center;gap:.4rem;max-width:min(200px,42vw);padding:.35rem .65rem;border-radius:8px;background:#0a0e14e6;border:2px solid var(--player-shirt, #3b82f6);box-shadow:0 0 0 1px var(--player-shirt-shade, #2563eb),0 4px 14px #00000073;pointer-events:none}.game-page .local-player-handle.hidden{display:none}.game-page .local-player-handle-swatch{flex-shrink:0;width:10px;height:10px;border-radius:50%;background:linear-gradient(145deg,var(--player-shirt, #3b82f6),var(--player-shirt-shade, #2563eb));box-shadow:0 0 6px color-mix(in srgb,var(--player-shirt, #3b82f6) 65%,transparent)}.game-page .local-player-handle-name{font-size:.78rem;font-weight:800;color:#f8fafc;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-page .player-nameplate-layer{position:fixed;inset:0;z-index:17;pointer-events:none;overflow:hidden}.game-page .player-nameplate{position:absolute;transform:translate(-50%,-100%);display:inline-flex;align-items:center;gap:.3rem;max-width:140px;padding:.12rem .45rem;border-radius:6px;background:#080c12db;border:2px solid var(--player-shirt, #3b82f6);box-shadow:0 0 0 1px var(--player-shirt-shade, #2563eb),0 2px 8px #0000008c}.game-page .player-nameplate-swatch{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--player-shirt, #3b82f6)}.game-page .player-nameplate-name{font-size:.62rem;font-weight:700;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.85)}.game-page .btn-online-players{position:fixed;top:48px;right:268px;z-index:27;pointer-events:auto;padding:.38rem .7rem;font-size:.72rem;font-weight:700;border-radius:6px;border:1px solid #3d4f66;background:#141b26eb;color:#e2e8f0;cursor:pointer}.game-page .btn-online-players:hover,.game-page .btn-online-players.online-players-open{background:#2a3344;border-color:#7dd3fc;color:#e0f2fe}.game-page .online-players-panel{position:fixed;top:84px;right:12px;z-index:32;width:min(260px,calc(100vw - 24px));max-height:min(50vh,360px);display:flex;flex-direction:column;border-radius:10px;border:1px solid #3d4f66;background:#0c121cf5;box-shadow:0 16px 40px #00000080;pointer-events:auto}.game-page .online-players-panel.hidden{display:none}.game-page .online-players-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .65rem;border-bottom:1px solid #334155}.game-page .online-players-title{margin:0;font-size:.82rem;font-weight:800;color:#e0f2fe}.game-page .online-players-list{list-style:none;margin:0;padding:.35rem 0;overflow-y:auto}.game-page .online-players-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .65rem}.game-page .online-players-swatch{flex-shrink:0;width:10px;height:10px;border-radius:50%;background:linear-gradient(145deg,var(--player-shirt, #3b82f6),var(--player-shirt-shade, #2563eb));box-shadow:0 0 5px color-mix(in srgb,var(--player-shirt, #3b82f6) 50%,transparent)}.game-page .online-players-row-main{min-width:0;display:flex;flex-direction:column;gap:.1rem}.game-page .online-players-row-name{font-size:.78rem;font-weight:700;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-page .online-players-you{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#7dd3fc}.game-page .online-players-row-meta{font-size:.65rem;color:#94a3b8}.game-page .online-players-empty{margin:0;padding:.65rem;font-size:.75rem;color:#94a3b8}.game-page .online-players-empty.hidden{display:none}.status-bars{position:fixed;top:12px;left:12px;z-index:25;display:flex;flex-direction:column;gap:6px;pointer-events:none;min-width:180px}.safe-zone-indicator{margin-top:4px;align-self:flex-start;padding:4px 10px;background:#22c55ed9;color:#052e16;font-weight:800;font-size:11px;letter-spacing:1.5px;border-radius:4px;border:1px solid #16a34a;box-shadow:0 0 8px #22c55e99}.safe-zone-indicator.hidden{display:none}.status-bar{height:14px;background:#0a0e14d9;border:1px solid #3d4f66;border-radius:7px;overflow:hidden}.status-bar-fill{height:100%;width:100%;transition:width .15s}#health-fill{background:linear-gradient(90deg,#dc2626,#ef4444)}#health-fill.low{background:linear-gradient(90deg,#7f1d1d,#b91c1c)}#breath-fill{background:linear-gradient(90deg,#0369a1,#38bdf8)}#breath-fill.low{background:linear-gradient(90deg,#0c4a6e,#0284c7)}#hunger-fill{background:linear-gradient(90deg,#a16207,#fbbf24)}#hunger-fill.low{background:linear-gradient(90deg,#78350f,#d97706)}.status-bar-label{font-size:.65rem;color:#94a3b8;margin-bottom:2px}.btn-home,.btn-controls,.btn-debug-perf{position:fixed;top:12px;z-index:25;pointer-events:auto;padding:.45rem .85rem;font-size:.8rem;background:#141b26e6;border:1px solid #3d4f66;color:#e8ecf0;border-radius:6px;cursor:pointer}.btn-home{right:184px}.btn-controls{right:12px}.btn-home:hover,.btn-controls:hover{background:#2a3344}.btn-debug-perf{right:96px}.btn-creative-mode{position:fixed;top:52px;left:12px;z-index:28;pointer-events:auto;padding:.5rem .85rem;border:1px solid #7dd3fc;border-radius:999px;background:#082f49e6;color:#e0f2fe;font-size:.78rem;font-weight:800;letter-spacing:.02em;cursor:pointer;box-shadow:0 8px 24px #0ea5e938}.btn-creative-mode:hover{background:#0e7490f2}.btn-debug-perf:hover{background:#2a3344;border-color:#7dd3fc}.debug-perf-panel{position:fixed;top:48px;right:12px;z-index:45;width:min(360px,92vw);max-height:70vh;overflow-y:auto;pointer-events:auto;background:#080c12f5;border:2px solid #475569;border-radius:10px;padding:.65rem .75rem;font-family:ui-monospace,Consolas,monospace}.debug-perf-panel.hidden{display:none}.debug-perf-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.debug-perf-title{font-weight:700;color:#7dd3fc;font-size:.85rem}.debug-perf-body{margin:0;white-space:pre-wrap;font-size:.68rem;line-height:1.5;color:#cbd5e1}.controls-overlay{position:fixed;inset:0;z-index:110;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1rem}.controls-panel{background:#141b26;border:1px solid #3d4f66;border-radius:12px;padding:1.5rem;max-width:420px;width:100%;max-height:85vh;overflow-y:auto}.controls-panel h2{margin-bottom:1rem}.controls-panel ul{list-style:none;margin-bottom:1rem}.controls-panel li{padding:.4rem 0;font-size:.9rem;color:#cbd5e1;border-bottom:1px solid #1e293b}.controls-panel li strong{color:#7dd3fc}.debug-inspect{position:fixed;left:.75rem;bottom:.75rem;z-index:25;max-width:min(420px,92vw);pointer-events:none;background:#080c12eb;border:2px solid #475569;border-radius:8px;padding:.5rem .65rem;font-family:ui-monospace,Consolas,monospace;font-size:.7rem;line-height:1.45;color:#cbd5e1}.debug-inspect.hidden{display:none}.debug-inspect-title{font-weight:700;color:#7dd3fc;margin-bottom:.35rem;font-size:.72rem}.debug-inspect-body{margin:0;white-space:pre-wrap;word-break:break-word}.hud-root{position:fixed;left:0;right:0;bottom:0;z-index:20;pointer-events:none;padding:.75rem;display:flex;justify-content:center}.hud-stack{display:flex;flex-direction:column;align-items:center;gap:.35rem;pointer-events:auto;max-width:100%}.hud-item-bar{display:flex;align-items:stretch;gap:8px;padding:8px 10px;background:#0a0e14eb;border:2px solid #2d3a4f;border-radius:12px}.hud-panel-btn{width:56px;min-height:80px;flex-shrink:0;border:2px solid #475569;border-radius:10px;background:linear-gradient(180deg,#1a2332,#121820);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;cursor:pointer;padding:6px 2px 4px;transition:border-color .12s,box-shadow .12s;color:inherit;font:inherit}.hud-panel-btn:hover{border-color:#64748b}.hud-panel-btn[aria-expanded=true]{border-color:#fbbf24;box-shadow:0 0 10px #fbbf2459}.hud-panel-btn canvas{width:34px;height:34px;image-rendering:pixelated}.hud-panel-btn-key{position:absolute;top:3px;left:5px;font-size:.55rem;font-weight:700;color:#64748b}.hud-panel-btn-label{font-size:.55rem;color:#94a3b8;text-align:center;line-height:1.1;letter-spacing:.02em}.hotbar{order:0}.hud-panel-btn-inventory{order:1}.hud-slot{width:64px;min-height:72px;border:2px solid #3d4f66;border-radius:8px;background:#141b26;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;position:relative;cursor:pointer;padding:4px 4px 3px;transition:border-color .12s,transform .1s,box-shadow .12s,opacity .12s;color:inherit;font:inherit;overflow:hidden}.hud-slot:hover{border-color:#5a6f8a}.hud-slot.selected{border-color:#3d8bfd;box-shadow:0 0 12px #3d8bfd8c;transform:translateY(-2px)}.hud-slot.empty:not(.selected){border-color:#2d3a4f}.hud-slot.empty .hud-slot-icon{opacity:1;filter:none}.hud-slot.unfilled:not(.selected).empty .hud-slot-icon{opacity:1;filter:none}.hud-slot-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;margin-top:auto;pointer-events:none}.hud-slot-icon canvas{width:100%;height:100%;image-rendering:pixelated}.hud-slot-key{position:absolute;top:3px;left:5px;font-size:.58rem;font-weight:700;color:#94a3b8;pointer-events:none}.hud-slot-name{font-size:.55rem;color:#94a3b8;text-align:center;line-height:1;margin:0;padding:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.hud-slot-count{position:absolute;top:3px;right:4px;min-width:18px;height:16px;padding:0 5px;border-radius:8px;background:#0f172aeb;border:1px solid rgba(148,163,184,.55);font-size:.62rem;font-weight:700;color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;line-height:1;pointer-events:none}.hud-slot-count:empty{display:none}.hud-slot-count.zero{background:#7f1d1dd9;border-color:#ef4444b3;color:#fecaca}.hud-slot.infinite .hud-slot-count{font-size:.95rem;letter-spacing:-.02em}.combined-inventory-backdrop{position:fixed;inset:0;z-index:39;background:#04080eb8;pointer-events:auto;touch-action:none;overscroll-behavior:none}body.inventory-modal-open{overflow:hidden;touch-action:none}body.inventory-modal-open .game-root,body.inventory-modal-open #game-canvas-host{touch-action:none;pointer-events:none}body.inventory-modal-open .hud-root,body.inventory-modal-open .combined-inventory-panel,body.inventory-modal-open .combined-inventory-backdrop,body.inventory-modal-open .status-bars{pointer-events:auto}body.inventory-modal-open .hud-root{z-index:45}.combined-inventory-panel{position:fixed;left:50%;bottom:130px;transform:translate(-50%);z-index:40;width:min(780px,calc(100vw - 1.5rem));max-height:min(52vh,calc(100vh - 200px));background:#0a0e14fa;border:2px solid #3d4f66;border-radius:12px;padding:.65rem .75rem .75rem;pointer-events:auto;display:flex;flex-direction:column;box-shadow:0 12px 40px #0000008c;overscroll-behavior:contain;touch-action:pan-y}.combined-inventory-header{margin-bottom:.5rem;flex-shrink:0}.combined-inventory-title-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.combined-inventory-title-row h3{font-size:1rem;color:#e2e8f0;margin:0}.combined-inventory-body{display:flex;flex-direction:row;align-items:stretch;gap:0;min-height:0;flex:1;overflow:hidden}.combined-inventory-bag{flex:1 1 55%;display:flex;flex-direction:column;min-width:0;padding-right:.65rem;border-right:2px solid #2d3a4f}.combined-inventory-craft{flex:0 0 min(300px,38%);max-width:320px;display:flex;flex-direction:column;min-width:0;padding-left:.65rem;overflow:hidden}.combined-section-title{font-size:.85rem;font-weight:700;color:#7dd3fc;margin:0 0 .35rem}.combined-section-hint{font-size:.65rem;color:#94a3b8;margin:0 0 .4rem;line-height:1.25}.combined-inventory-craft .combined-section-hint{margin-top:.35rem}.combined-inventory-craft .crafting-tabs{display:flex;gap:6px;margin-bottom:0;flex-shrink:0}.crafting-tabs{display:flex;gap:6px;margin-bottom:.5rem}.craft-tab{flex:1;padding:.4rem .6rem;font-size:.78rem;font-weight:600;background:#141b26;border:2px solid #3d4f66;border-radius:6px;color:#94a3b8;cursor:pointer}.craft-tab.active{border-color:#3d8bfd;color:#e2e8f0;background:#1e293b}.combined-inventory-craft .crafting-list,.combined-inventory-craft .crafting-encyclopedia{flex:1;min-height:0;max-height:min(38vh,calc(100vh - 280px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;margin-top:.35rem;padding-right:2px}.crafting-encyclopedia{display:flex;flex-direction:column;gap:12px}.ency-section-title{font-size:.82rem;color:#7dd3fc;margin:0 0 .5rem;font-weight:700}.ency-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.ency-tile-card{display:flex;gap:8px;padding:8px;border:1px solid #2d3a4f;border-radius:8px;background:#141b26}.ency-tile-card canvas{width:40px;height:40px;image-rendering:pixelated;flex-shrink:0}.ency-tile-name{font-size:.78rem;font-weight:700;color:#e2e8f0}.ency-tile-tags,.ency-tile-detail{font-size:.65rem;color:#94a3b8;line-height:1.35}.ency-tools-list{display:flex;flex-direction:column;gap:6px}.ency-tool-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;border:1px solid #2d3a4f;border-radius:8px;background:#141b26;font-size:.72rem}.ency-tool-name{font-weight:700;color:#e2e8f0;min-width:5rem}.ency-tool-ing{color:#94a3b8;flex:1}.ency-tool-out{color:#7dd3fc;font-weight:600}.btn-panel-close{flex-shrink:0;width:2rem;height:2rem;padding:0;font-size:1.25rem;line-height:1;background:transparent;border:2px solid #3d4f66;border-radius:6px;color:#e2e8f0;cursor:pointer}.btn-panel-close:hover{border-color:#3d8bfd;color:#7dd3fc}.crafting-list{display:flex;flex-direction:column;gap:8px}.combined-inventory-bag .inventory-grid{flex:1;min-height:0;max-height:min(38vh,calc(100vh - 280px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;grid-template-columns:repeat(6,minmax(0,1fr))}.combined-inventory-bag .inv-cell{min-height:58px;aspect-ratio:auto}.combined-inventory-bag .inv-cell canvas{width:40px;height:40px}.crafting-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;border:1px solid #2d3a4f;border-radius:8px;background:#141b26}.combined-inventory-craft .crafting-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:6px 8px;padding:6px 8px}.combined-inventory-craft .crafting-ingredients{flex:none;min-width:0;flex-wrap:wrap;gap:4px}.combined-inventory-craft .crafting-chip{font-size:.62rem}.combined-inventory-craft .crafting-chip canvas,.combined-inventory-craft .crafting-output canvas{width:26px;height:26px}.combined-inventory-craft .crafting-output{font-size:.62rem;white-space:nowrap}.combined-inventory-craft .crafting-arrow{font-size:.75rem}.combined-inventory-craft .btn-craft{padding:.35rem .55rem;font-size:.68rem;white-space:nowrap;justify-self:end}.combined-inventory-craft .ency-tile-grid{grid-template-columns:1fr}.crafting-ingredients{display:flex;flex-wrap:wrap;gap:6px;flex:1}.crafting-chip{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#cbd5e1}.crafting-chip canvas{width:32px;height:32px;image-rendering:pixelated}.crafting-arrow{color:#64748b;font-weight:700}.crafting-output{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#e2e8f0}.crafting-output canvas{width:32px;height:32px;image-rendering:pixelated}.btn-craft{padding:.4rem .75rem;font-size:.75rem;font-weight:600;background:#1e3a5f;border:2px solid #3d8bfd;border-radius:6px;color:#e2e8f0;cursor:pointer}.btn-craft:disabled{opacity:.4;cursor:not-allowed;border-color:#3d4f66;background:#141b26}.btn-craft:not(:disabled):hover{background:#2563eb}.inventory-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;overflow-y:auto}.inv-cell{aspect-ratio:1;min-height:72px;border:2px solid #3d4f66;border-radius:8px;background:#141b26;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;padding:2px}.inv-cell.empty{opacity:1;border-style:dashed;cursor:pointer}.inv-cell.place-selected{border-color:#3d8bfd;box-shadow:0 0 10px #3d8bfd73}.inv-cell canvas{width:48px;height:48px;image-rendering:pixelated}.inv-cell-count{position:absolute;bottom:14px;right:4px;font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}.inv-cell-name{font-size:.55rem;color:#94a3b8;text-align:center;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis}.action-hint{font-size:.78rem;color:#e2e8f0;background:#0a0e14e6;padding:.32rem .85rem;border-radius:999px;border:1px solid #3d4f66;text-align:center;max-width:min(92vw,480px);align-self:center;margin:0}.hotbar{display:flex;gap:6px}.hotbar-slot.selected .hud-slot-name{color:#7dd3fc}.touch-root{position:fixed;inset:0;z-index:15;pointer-events:none}.touch-controls{display:none}.pause-overlay{position:fixed;inset:0;z-index:100;background:#000000a6;display:flex;align-items:center;justify-content:center}.pause-panel{background:#141b26;border:1px solid #3d4f66;border-radius:12px;padding:2rem;text-align:center;min-width:260px}.pause-panel h2{margin-bottom:1.25rem}.pause-panel button{display:block;width:100%;margin-bottom:.5rem}.death-overlay{position:fixed;inset:0;z-index:110;background:#000000b8;display:flex;align-items:center;justify-content:center}.death-panel{background:#141b26;border:1px solid #7f1d1d;border-radius:12px;padding:2rem;text-align:center;min-width:280px;max-width:92vw;box-shadow:0 20px 60px #00000073}.death-panel h2{margin-bottom:.75rem;color:#fecaca}.death-copy{margin:0 0 1.25rem;color:#94a3b8;line-height:1.45;font-size:.95rem}.death-panel button{display:block;width:100%;margin-bottom:.5rem}.controls-note{font-size:.85rem;color:#94a3b8;margin-bottom:1rem;line-height:1.4}.save-indicator{position:fixed;top:48px;right:12px;z-index:30;background:#141b26e6;padding:.35rem .75rem;border-radius:6px;font-size:.8rem;color:#94a3b8}.status-feed-panel{position:fixed;left:12px;bottom:118px;z-index:26;width:min(360px,calc(100vw - 24px));max-height:min(34vh,300px);display:flex;flex-direction:column;gap:6px;padding:10px;background:#080c12db;border:1px solid rgba(125,211,252,.24);border-radius:12px;box-shadow:0 10px 34px #0000005c;pointer-events:auto}.status-feed-header{color:#7dd3fc;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status-feed-list{min-height:64px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-right:2px}.status-feed-row{display:flex;flex-wrap:wrap;gap:5px;align-items:baseline;color:#cbd5e1;font-size:.72rem;line-height:1.25}.status-feed-time{color:#64748b;font-size:.62rem}.status-feed-name{color:#f8fafc;font-weight:800}.status-feed-row-danger .status-feed-message{color:#fecaca;font-weight:700}.status-feed-row-system .status-feed-message{color:#fde68a}.status-feed-row-chat .status-feed-message{color:#e0f2fe}.status-chat-form{display:flex;gap:6px}.status-chat-input{min-width:0;flex:1;height:30px;padding:0 9px;border-radius:8px;border:1px solid #334155;background:#0f172aeb;color:#f8fafc;font:inherit;font-size:.75rem}.status-chat-input:disabled{opacity:.62}.status-chat-send{height:30px;padding:0 10px;border-radius:8px;background:#0f3b63;color:#e0f2fe;font-size:.72rem;font-weight:800;border:1px solid #2563eb}.saved-spots-panel{position:fixed;right:12px;bottom:118px;z-index:26;width:min(340px,calc(100vw - 24px));max-height:min(38vh,340px);display:flex;flex-direction:column;gap:8px;padding:10px;background:#080c12e0;border:1px solid rgba(167,139,250,.28);border-radius:12px;box-shadow:0 10px 34px #0000005c;pointer-events:auto}.saved-spots-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.saved-spots-kicker{display:block;color:#c4b5fd;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.saved-spots-header h3{margin:2px 0 0;color:#f8fafc;font-size:.92rem}.saved-spots-save,.saved-spots-form button,.saved-spot-delete{border:1px solid #475569;border-radius:8px;background:#0f172ae6;color:#e2e8f0;font:inherit;font-size:.72rem;cursor:pointer}.saved-spots-save{padding:.42rem .55rem}.saved-spots-form{display:grid;gap:6px}.saved-spots-form label{color:#94a3b8;font-size:.7rem;font-weight:700}.saved-spots-form-row{display:flex;gap:6px}.saved-spots-form input{min-width:0;flex:1;border:1px solid #334155;border-radius:8px;background:#0f172af2;color:#f8fafc;padding:.45rem .55rem}.saved-spots-form button{padding:.45rem .6rem}.saved-spots-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.saved-spot-row{display:flex;gap:6px;align-items:stretch}.saved-spot-teleport{flex:1;min-width:0;border:1px solid rgba(125,211,252,.18);border-radius:9px;background:#0f172ad1;color:#e0f2fe;padding:.48rem .55rem;text-align:left;cursor:pointer}.saved-spot-teleport span,.saved-spot-teleport small{display:block}.saved-spot-teleport span{font-weight:800}.saved-spot-teleport small{margin-top:2px;color:#94a3b8;font-size:.66rem}.saved-spot-delete{padding:.35rem .5rem;color:#fecaca}.saved-spots-empty,.saved-spots-message,.saved-spots-error{margin:0;color:#94a3b8;font-size:.72rem;line-height:1.35}.saved-spots-error{color:#fecaca;font-weight:700}.saved-spots-busy{opacity:.72;pointer-events:none}.container-panel{position:fixed;left:50%;bottom:130px;transform:translate(-50%);z-index:40;width:min(560px,94vw);max-height:62vh;background:#0a0e14f5;border:2px solid #3d4f66;border-radius:12px;padding:.75rem;pointer-events:auto;display:flex;flex-direction:column;overflow-y:auto}.container-panel-header{margin-bottom:.65rem}.container-panel-title-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem}.container-panel-title-row h3{font-size:1rem;color:#e2e8f0;margin:0}.container-panel-hint,.container-bag-label{font-size:.75rem;color:#94a3b8;margin:0 0 .5rem}.furnace-slots-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:.65rem}.furnace-progress-bar{height:8px;background:#141b26;border:1px solid #3d4f66;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.furnace-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#f97316,#fbbf24);transition:width .1s linear}.supply-chest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:.75rem}.container-bag-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;overflow-y:auto;max-height:22vh}.container-slot{position:relative;min-height:72px}.container-slot-label{position:absolute;top:2px;left:4px;font-size:.55rem;font-weight:700;color:#7dd3fc;z-index:1}.container-slot.output-slot{border-color:#f59e0b}@media(max-width:1024px){:root{--mobile-play-inset-top: 56px;--mobile-play-inset-bottom: 200px;--mobile-play-inset-left: 0px;--mobile-play-inset-right: 0px}.game-page,.game-page #game-canvas-host,.game-page .touch-root,.game-page .touch-controls,.game-page .touch-controls *{touch-action:none}.game-page .controls-panel,.game-page .combined-inventory-backdrop,.game-page .combined-inventory-panel,.game-page .container-panel,.game-page .debug-perf-panel{touch-action:pan-y}.game-page{--touch-btn-size: clamp(56px, 15vw, 68px);--touch-hit-slop: 10px;--touch-gap: 8px;--mobile-hud-offset: calc(122px + env(safe-area-inset-bottom, 0px)) ;--touch-safe-left: max(10px, env(safe-area-inset-left, 0px));--touch-safe-right: max(10px, env(safe-area-inset-right, 0px))}.game-page,.game-page .game-root,.game-page .touch-controls,.game-page .touch-controls *,.game-page .hud-root,.game-page .hud-root *,.game-page .status-bars,.game-page .status-bars *,.game-page .action-hint,.game-page button{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.menu-page .menu-root{justify-content:flex-start;height:100vh;height:100dvh;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:max(1rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) max(1rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px));gap:.4rem}.menu-account-corner{top:max(.65rem,env(safe-area-inset-top,0px));right:max(.65rem,env(safe-area-inset-right,0px));left:auto}.account-modal-backdrop{padding:max(.75rem,env(safe-area-inset-top,0px)) max(.75rem,env(safe-area-inset-right,0px)) max(.75rem,env(safe-area-inset-bottom,0px)) max(.75rem,env(safe-area-inset-left,0px))}.menu-title{font-size:clamp(1.6rem,7vw,2.4rem);margin-bottom:.1rem}.menu-subtitle{font-size:.82rem;margin-bottom:1rem}.menu-panel{max-width:100%;width:min(720px,100%);padding:1rem}.mode-choice{grid-template-columns:1fr}.game-mode-choice,.challenge-run-choice{grid-template-columns:repeat(2,minmax(0,1fr))}.shared-appearance,.account-form{grid-template-columns:1fr}.mode-card{min-height:108px}.menu-panel h2{font-size:1rem;margin-bottom:.65rem}.save-list{max-height:min(38vh,240px)}.save-item-actions button{min-height:38px;padding:.45rem .7rem}.challenge-timer{top:max(8px,env(safe-area-inset-top,0px));min-width:7.5rem;padding:.35rem .65rem}.challenge-timer-value{font-size:1rem}.status-bars{top:max(8px,env(safe-area-inset-top,0px));left:max(10px,env(safe-area-inset-left,0px));min-width:140px}.btn-home,.btn-controls,.btn-debug-perf{top:max(8px,env(safe-area-inset-top,0px));padding:.4rem .7rem;font-size:.75rem}.btn-home{right:max(138px,calc(env(safe-area-inset-right,0px) + 138px))}.btn-controls{right:max(10px,env(safe-area-inset-right,0px))}.btn-debug-perf{right:max(76px,calc(env(safe-area-inset-right,0px) + 76px))}.game-page .mp-status{top:max(48px,calc(env(safe-area-inset-top,0px) + 40px));right:max(10px,env(safe-area-inset-right,0px))}.game-page .local-player-handle{top:max(8px,env(safe-area-inset-top,0px));right:max(10px,calc(env(safe-area-inset-right,0px) + 10px));max-width:min(160px,46vw)}.game-page .btn-online-players{top:max(44px,calc(env(safe-area-inset-top,0px) + 36px));right:max(10px,calc(env(safe-area-inset-right,0px) + 10px))}.game-page .online-players-panel{top:max(78px,calc(env(safe-area-inset-top,0px) + 70px));right:max(10px,env(safe-area-inset-right,0px));max-height:min(45vh,320px)}.debug-perf-panel{top:max(88px,calc(env(safe-area-inset-top,0px) + 76px));max-height:50vh}.hud-root{padding:.45rem max(.45rem,env(safe-area-inset-right,0px)) max(.45rem,env(safe-area-inset-bottom,0px)) max(.45rem,env(safe-area-inset-left,0px))}.hud-stack{gap:.3rem;max-width:100%;align-items:center}.hud-item-bar{gap:5px;padding:5px 6px;border-radius:10px;max-width:100vw;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hud-item-bar::-webkit-scrollbar{display:none}.hud-panel-btn{width:46px;min-height:60px;padding:3px 2px 2px;border-radius:8px;gap:2px}.hud-panel-btn canvas{width:28px;height:28px}.hud-panel-btn-key{display:none}.hud-panel-btn-label{font-size:.48rem}.hud-slot{width:52px;min-height:60px;padding:3px;border-radius:7px}.hud-slot-icon{width:28px;height:28px}.hud-slot-key{display:none}.hud-slot-name{font-size:.46rem;line-height:1.05}.hud-slot-count{font-size:.55rem;min-width:16px;height:14px;padding:0 4px;top:2px;right:2px}.hotbar{gap:4px}.action-hint{font-size:.68rem;padding:.28rem .55rem;border-radius:8px;max-width:min(92vw,420px);line-height:1.25}.combined-inventory-panel{bottom:calc(var(--mobile-hud-offset) + 6px);left:50%;width:calc(100vw - 12px);max-width:none;max-height:min(62vh,calc(100dvh - var(--mobile-hud-offset) - 24px));padding:.55rem .6rem .65rem}.combined-inventory-body{flex-direction:column;overflow:hidden;max-height:none}.combined-inventory-bag{flex:0 0 auto;max-width:none;border-right:none;border-bottom:2px solid #2d3a4f;padding-right:0;padding-bottom:.5rem;margin-bottom:.5rem}.combined-inventory-bag .inventory-grid{max-height:min(28vh,220px);grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.combined-inventory-bag .inv-cell{min-height:48px}.combined-inventory-bag .inv-cell canvas{width:32px;height:32px}.combined-inventory-craft{flex:1 1 auto;max-width:none;padding-left:0;min-height:0}.combined-inventory-craft .crafting-list,.combined-inventory-craft .crafting-encyclopedia{max-height:min(26vh,200px)}.combined-inventory-craft .crafting-row{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"ing ing ing" "out arrow craft";row-gap:4px}.combined-inventory-craft .crafting-ingredients{grid-area:ing}.combined-inventory-craft .crafting-output{grid-area:out}.combined-inventory-craft .crafting-arrow{grid-area:arrow}.combined-inventory-craft .btn-craft{grid-area:craft}.container-panel{bottom:calc(var(--mobile-hud-offset) + 8px);max-height:42vh}.status-feed-panel{left:max(8px,env(safe-area-inset-left,0px));bottom:calc(var(--mobile-hud-offset) + 8px);width:min(330px,calc(100vw - 16px));max-height:28vh;padding:8px}.saved-spots-panel{right:max(8px,env(safe-area-inset-right,0px));bottom:calc(var(--mobile-hud-offset) + 8px);width:min(330px,calc(100vw - 16px));max-height:28vh;padding:8px}.inv-cell{min-height:54px}.touch-root .touch-controls{display:block}}@media(max-width:380px){.game-page{--touch-btn-size: 54px;--mobile-hud-offset: calc(108px + env(safe-area-inset-bottom, 0px)) }.hud-panel-btn{width:40px;min-height:52px}.hud-panel-btn canvas{width:24px;height:24px}.hud-slot{width:46px;min-height:52px}.hud-slot-icon{width:24px;height:24px}.hud-slot-name,.hud-panel-btn-label{display:none}.action-hint{font-size:.62rem;padding:.22rem .55rem}}@media(min-width:600px)and (max-width:1024px){.game-page{--touch-btn-size: 64px;--mobile-hud-offset: calc(132px + env(safe-area-inset-bottom, 0px)) }.hud-panel-btn{width:52px;min-height:72px}.hud-panel-btn canvas{width:32px;height:32px}.hud-slot{width:60px;min-height:72px}.hud-slot-icon{width:36px;height:36px}.hud-slot-name{font-size:.5rem}.touch-actions{flex-direction:row;gap:var(--touch-gap)}.touch-btn-action{min-width:76px}}@media(max-width:1024px)and (orientation:landscape){:root{--mobile-play-inset-left: 88px;--mobile-play-inset-right: 72px;--mobile-play-inset-bottom: 96px}.game-page{--touch-btn-size: clamp(52px, 12vh, 60px);--touch-gap: 6px;--mobile-hud-offset: calc(78px + env(safe-area-inset-bottom, 0px)) }.touch-zone-left,.touch-zone-right{bottom:auto;top:50%;transform:translateY(-50%)}.touch-zone-left{left:var(--touch-safe-left, 10px)}.touch-zone-right{right:var(--touch-safe-right, 10px)}.touch-actions{flex-direction:column;gap:var(--touch-gap, 4px)}.touch-btn-action{min-width:0;width:var(--touch-btn-size, 52px);height:var(--touch-btn-size, 52px);padding:0;border-radius:50%;font-size:.62rem}.hud-root{padding:.35rem max(.35rem,env(safe-area-inset-right,0px)) max(.35rem,env(safe-area-inset-bottom,0px)) max(.35rem,env(safe-area-inset-left,0px))}.hud-stack{gap:.22rem}.hud-item-bar{padding:4px 5px;gap:4px;border-radius:9px}.hud-slot{width:46px;min-height:52px;padding:3px}.hud-slot-icon{width:26px;height:26px}.hud-slot-name{display:none}.hud-panel-btn{width:42px;min-height:52px;padding:3px;gap:0}.hud-panel-btn canvas{width:26px;height:26px}.hud-panel-btn-label{display:none}.hud-slot-count{font-size:.52rem;height:13px;min-width:14px;padding:0 3px;border-radius:7px}.action-hint{font-size:.58rem;padding:.2rem .6rem;max-width:min(70vw,360px)}.menu-page .menu-root{padding:max(.6rem,env(safe-area-inset-top,0px)) max(.8rem,env(safe-area-inset-right,0px)) max(.6rem,env(safe-area-inset-bottom,0px)) max(.8rem,env(safe-area-inset-left,0px));gap:.2rem}.menu-title{font-size:clamp(1.3rem,4.5vh,1.8rem);margin-bottom:0}.menu-subtitle{font-size:.72rem;margin-bottom:.45rem}.menu-panel{width:min(920px,100%);padding:.75rem 1rem;display:block}.menu-panel h2{font-size:.95rem;margin-bottom:.2rem}.save-list{max-height:min(40vh,220px);margin-bottom:0;padding-right:4px}.empty-saves{padding:.6rem;font-size:.78rem}.menu-form{margin-top:0}.menu-form .field{margin-bottom:.5rem}.menu-form label{font-size:.72rem;margin-bottom:.18rem}.menu-form input{padding:.45rem .6rem;font-size:.85rem}.menu-actions{margin-top:.5rem}.menu-actions button{padding:.5rem .75rem;font-size:.85rem}#delete-confirm-area{grid-area:delete}.delete-confirm{margin-top:.4rem;padding:.5rem .6rem}.delete-confirm p{font-size:.78rem;margin-bottom:.4rem}.save-item{padding:.45rem .55rem}.save-item-name{font-size:.85rem}.save-item-meta{font-size:.65rem}.save-item-actions button{min-height:34px;padding:.35rem .55rem;font-size:.72rem}}@media(min-width:1025px){.touch-root .touch-controls{display:none}}.touch-controls{position:absolute;inset:0;pointer-events:none}.touch-zone-left,.touch-zone-right{position:absolute;bottom:var(--mobile-hud-offset, 122px);pointer-events:auto;display:flex;flex-direction:column;align-items:center;touch-action:none;z-index:22;padding:var(--touch-hit-slop, 10px)}.touch-zone-left{left:var(--touch-safe-left, 10px)}.touch-zone-right{right:var(--touch-safe-right, 10px)}.touch-dpad{display:flex;flex-direction:column;align-items:center;gap:var(--touch-gap, 5px)}.touch-dpad-row{display:flex;align-items:center;justify-content:center;gap:var(--touch-gap, 5px)}.touch-actions{display:flex;flex-direction:column;gap:var(--touch-gap, 5px);pointer-events:auto}.touch-btn{position:relative;width:var(--touch-btn-size, 56px);height:var(--touch-btn-size, 56px);min-width:52px;min-height:52px;flex-shrink:0;border-radius:50%;background:#141b26d1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:2px solid rgba(100,116,139,.65);color:#e8ecf0;font-size:.72rem;font-weight:600;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;padding:0;outline:none;box-shadow:0 2px 8px #00000059;transition:background .1s,border-color .1s,box-shadow .1s,transform .08s}.touch-btn:before{content:"";position:absolute;inset:calc(-1 * var(--touch-hit-slop, 10px));border-radius:50%}.touch-btn svg{width:46%;height:46%;fill:currentColor;pointer-events:none}.touch-btn:active,.touch-btn.active{background:#3d8bfd8c;border-color:#3d8bfd;box-shadow:0 0 12px #3d8bfd66;transform:scale(.94)}.touch-btn-action{width:auto;min-width:calc(var(--touch-btn-size, 56px) + 20px);height:var(--touch-btn-size, 56px);border-radius:calc(var(--touch-btn-size, 56px) / 2);padding:0 18px;font-size:.8rem;letter-spacing:.02em}