@font-face{font-family:Tiny5;font-display:swap;src:url(/fonts/tiny5-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tiny5;font-display:swap;src:url(/fonts/tiny5-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Tiny5;font-display:swap;src:url(/fonts/tiny5-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Press Start 2P";font-display:swap;src:url(/fonts/press-start-2p-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Press Start 2P";font-display:swap;src:url(/fonts/press-start-2p-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}:root{--c-night-900: #07061a;--c-night-800: #0e0c2b;--c-night-700: #17143d;--c-night-600: #231f57;--c-night-500: #332d75;--c-soul-300: #b6fbff;--c-soul-400: #7ff3ff;--c-soul-500: #44d6e8;--c-soul-600: #1f9fb8;--c-violet-400: #b98bff;--c-violet-500: #9a6bff;--c-violet-600: #6d45d6;--c-ember-400: #ffb14a;--c-ember-500: #ff7a2e;--c-ember-600: #d24a24;--c-gold-400: #ffe08a;--c-gold-500: #f6c667;--c-leaf-500: #58ad42;--c-heart: #ff4d6d;--c-heart-dark: #8a1c34;--c-food: #e0a24a;--c-danger: #ff5a5a;--c-ok: #6fe39a;--c-text: #eef4ff;--c-text-dim: #a9b3d6;--c-text-faint: #6f78a3;--c-ink: #05040f;--bg-page: radial-gradient(120% 90% at 50% 10%, #2a2470 0%, #0e0c2b 55%, #05040f 100%);--surface-panel: rgba(14, 12, 43, .92);--surface-panel-2: rgba(35, 31, 87, .9);--surface-slot: rgba(5, 4, 15, .55);--surface-scrim: rgba(5, 4, 15, .62);--border-panel: #4a43a0;--border-slot: #2e2a68;--border-bright: var(--c-soul-400);--font-display: "Press Start 2P", "Tiny5", monospace;--font-body: "Tiny5", system-ui, sans-serif;--fs-xs: 11px;--fs-sm: 13px;--fs-md: 16px;--fs-lg: 20px;--fs-xl: 26px;--fs-logo: clamp(26px, 6.4vw, 54px);--fs-display-sm: 12px;--fs-display-md: 16px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--px: 3px;--glow-soul: 0 0 12px rgba(127, 243, 255, .55), 0 0 28px rgba(68, 214, 232, .25);--glow-violet: 0 0 14px rgba(154, 107, 255, .55);--glow-ember: 0 0 14px rgba(255, 122, 46, .6);--glow-gold: 0 0 14px rgba(246, 198, 103, .6);--shadow-panel: 0 10px 40px rgba(0, 0, 0, .55);--text-shadow: 2px 2px 0 rgba(0, 0, 0, .55);--ctl-scale: 1;--ctl-opacity: .7;--ctl-btn: calc(64px * var(--ctl-scale));--ctl-btn-sm: calc(48px * var(--ctl-scale));--ctl-joy: calc(128px * var(--ctl-scale));--slot: 44px;--hotbar-slot: 46px;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--t-fast: .12s;--t-med: .24s}@media(max-height:420px){:root{--slot: 38px;--hotbar-slot: 42px;--fs-lg: 18px;--fs-xl: 22px}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;width:100%;overflow:hidden;background:var(--c-night-900);color:var(--c-text);font-family:var(--font-body);font-size:var(--fs-md);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;font-synthesis:none}input,select,textarea{-webkit-user-select:text;user-select:text;font-family:var(--font-body);touch-action:manipulation}button{font-family:var(--font-body);touch-action:manipulation}#app{position:fixed;inset:0}#game{position:absolute;inset:0;width:100%;height:100%;display:block;background:#000}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:48px;min-width:48px;padding:0 var(--sp-5);font-family:var(--font-body);font-weight:700;font-size:var(--fs-md);color:var(--c-text);text-shadow:var(--text-shadow);letter-spacing:.02em;background:linear-gradient(180deg,var(--c-night-500) 0%,var(--c-night-600) 100%);border:var(--px) solid var(--c-ink);border-radius:var(--r-sm);box-shadow:inset 0 var(--px) 0 #ffffff2e,inset 0 calc(var(--px) * -1) 0 #00000059,0 var(--px) 0 var(--c-ink);cursor:pointer;transition:transform var(--t-fast),box-shadow var(--t-fast),filter var(--t-fast)}.btn:hover{filter:brightness(1.12)}.btn:active,.btn.pressed{transform:translateY(2px);box-shadow:inset 0 var(--px) 0 #0000004d,0 0 0 var(--c-ink)}.btn:focus-visible{outline:2px solid var(--c-soul-400);outline-offset:2px}.btn.primary{background:linear-gradient(180deg,var(--c-soul-500) 0%,var(--c-soul-600) 100%);box-shadow:inset 0 var(--px) 0 #ffffff59,inset 0 calc(var(--px) * -1) 0 #0000004d,0 var(--px) 0 var(--c-ink),var(--glow-soul);color:var(--c-ink);text-shadow:1px 1px 0 rgba(255,255,255,.35)}.btn.violet{background:linear-gradient(180deg,var(--c-violet-500) 0%,var(--c-violet-600) 100%)}.btn.ember{background:linear-gradient(180deg,var(--c-ember-500) 0%,var(--c-ember-600) 100%)}.btn.gold{background:linear-gradient(180deg,var(--c-gold-500) 0%,#c48f2e 100%);color:var(--c-ink);text-shadow:none}.btn.ghost{background:#05040f66;box-shadow:none;border-color:var(--border-panel)}.btn.small{min-height:40px;padding:0 var(--sp-3);font-size:var(--fs-sm)}.btn:disabled,.btn.disabled{filter:grayscale(.8) brightness(.7);cursor:default}.btn.wide{width:100%}.icon-btn{padding:0;width:48px;height:48px}.icon-btn svg{width:24px;height:24px}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--sp-3) + var(--safe-t)) calc(var(--sp-4) + var(--safe-r)) calc(var(--sp-3) + var(--safe-b)) calc(var(--sp-4) + var(--safe-l));z-index:20;animation:fadeIn var(--t-med) ease-out}.screen.scrim{background:var(--surface-scrim);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.screen.solid{background:var(--bg-page)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.panel{position:relative;background:var(--surface-panel);border:var(--px) solid var(--border-panel);border-radius:var(--r-md);box-shadow:var(--shadow-panel),inset 0 0 0 var(--px) var(--c-ink);padding:var(--sp-4);max-height:100%;max-width:100%;display:flex;flex-direction:column;gap:var(--sp-3);animation:popIn var(--t-med) ease-out}.panel-head{display:flex;align-items:center;gap:var(--sp-3)}.panel-title{font-family:var(--font-display);font-size:var(--fs-display-md);line-height:1.3;color:var(--c-soul-300);text-shadow:var(--text-shadow),var(--glow-soul);margin:0;flex:1}.panel-body{overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:0}.close-x{flex:none}.row{display:flex;gap:var(--sp-2);align-items:center}.col{display:flex;flex-direction:column;gap:var(--sp-2)}.dim{color:var(--c-text-dim)}.faint{color:var(--c-text-faint);font-size:var(--fs-sm)}.loading{flex-direction:column;gap:var(--sp-4);background:var(--bg-page)}.loading .logo{font-size:calc(var(--fs-logo) * .8)}.progress{width:min(420px,70vw);height:18px;border:var(--px) solid var(--c-ink);background:var(--c-night-800);border-radius:var(--r-sm);overflow:hidden;box-shadow:0 0 0 var(--px) var(--border-panel)}.progress>i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,var(--c-soul-400) 0 8px,var(--c-soul-500) 8px 16px);box-shadow:var(--glow-soul);transition:width var(--t-med)}.loading .status{color:var(--c-text-dim);font-size:var(--fs-sm);min-height:1.2em}.loading .tip{color:var(--c-text-faint);font-size:var(--fs-sm);max-width:70vw;text-align:center}.title-screen{background:var(--bg-page);overflow:hidden}.title-screen .souls{position:absolute;inset:0;pointer-events:none;z-index:0}.soul-orb{position:absolute;width:10px;height:10px;background:var(--c-soul-400);box-shadow:var(--glow-soul);animation:floatUp linear infinite;opacity:.8}.soul-orb:after{content:"";position:absolute;left:3px;top:10px;width:4px;height:8px;background:#7ff3ff73}.soul-orb.v{background:var(--c-violet-400);box-shadow:var(--glow-violet)}@keyframes floatUp{0%{transform:translateY(110vh) translate(0)}50%{transform:translateY(50vh) translate(18px)}to{transform:translateY(-20vh) translate(-10px)}}.title-layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:var(--sp-6);align-items:center;width:min(900px,100%)}.logo{font-family:var(--font-display);font-size:var(--fs-logo);line-height:1.1;margin:0;color:var(--c-soul-300);text-shadow:0 4px 0 var(--c-violet-600),0 8px 0 var(--c-ink),var(--glow-soul);letter-spacing:.04em}.logo-wrap{display:flex;flex-direction:column;gap:var(--sp-3)}.logo-mark{width:72px;height:72px;image-rendering:pixelated;filter:drop-shadow(0 0 12px rgba(127,243,255,.6))}.tagline{color:var(--c-text-dim);font-size:var(--fs-lg);margin:0}.title-menu{display:flex;flex-direction:column;gap:var(--sp-2);width:260px}.title-menu .btn{width:100%}.title-foot{position:absolute;bottom:calc(var(--sp-2) + var(--safe-b));left:calc(var(--sp-4) + var(--safe-l));right:calc(var(--sp-4) + var(--safe-r));display:flex;justify-content:space-between;align-items:center}.lang-switch{display:inline-flex;border:var(--px) solid var(--c-ink);border-radius:var(--r-sm);overflow:hidden}.lang-switch button{min-width:52px;min-height:44px;border:0;background:var(--c-night-700);color:var(--c-text-dim);font-weight:700;font-size:var(--fs-md);cursor:pointer}.lang-switch button.on{background:var(--c-soul-500);color:var(--c-ink)}.continue-meta{font-size:var(--fs-xs);color:var(--c-text-dim);font-weight:400;display:block}.btn:disabled .continue-meta{color:var(--c-text)}.field{display:flex;flex-direction:column;gap:var(--sp-1)}.field label,.setting-label{color:var(--c-text-dim);font-size:var(--fs-sm)}.input{min-height:48px;padding:0 var(--sp-3);background:var(--surface-slot);color:var(--c-text);border:var(--px) solid var(--border-slot);border-radius:var(--r-sm);font-size:var(--fs-md);outline:none}.input:focus{border-color:var(--c-soul-500);box-shadow:var(--glow-soul)}.seg{display:flex;border:var(--px) solid var(--c-ink);border-radius:var(--r-sm);overflow:hidden}.seg button{flex:1;min-height:44px;min-width:48px;border:0;background:var(--c-night-700);color:var(--c-text-dim);font-weight:700;font-size:var(--fs-sm);cursor:pointer;padding:0 var(--sp-2)}.seg button+button{border-left:2px solid var(--c-ink)}.seg button.on{background:var(--c-soul-500);color:var(--c-ink)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3) var(--sp-5)}.setting{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.setting-section{grid-column:1 / -1;font-family:var(--font-display);font-size:var(--fs-xs);color:var(--c-violet-400);margin-top:var(--sp-2)}.range{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;touch-action:pan-x}.range::-webkit-slider-runnable-track{height:10px;background:var(--c-night-800);border:2px solid var(--c-ink);border-radius:2px}.range::-moz-range-track{height:10px;background:var(--c-night-800);border:2px solid var(--c-ink)}.range::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:28px;margin-top:-11px;background:var(--c-soul-400);border:var(--px) solid var(--c-ink);border-radius:2px;box-shadow:var(--glow-soul)}.range::-moz-range-thumb{width:22px;height:26px;background:var(--c-soul-400);border:var(--px) solid var(--c-ink);border-radius:2px}.value-tag{color:var(--c-soul-300);font-weight:700;white-space:nowrap;min-width:5.5em}.toggle{min-height:44px}#hud{position:absolute;inset:0;z-index:10;pointer-events:none}#hud .pe{pointer-events:auto}.hud-top-left{position:absolute;top:calc(var(--sp-2) + var(--safe-t));left:calc(var(--sp-3) + var(--safe-l));display:flex;flex-direction:column;gap:3px;padding:5px 7px;border-radius:var(--r-md);background:#05040f52}.hud-top-right{position:absolute;top:calc(var(--sp-2) + var(--safe-t));right:calc(var(--sp-3) + var(--safe-r));display:flex;gap:var(--sp-2);align-items:flex-start}.hud-btn{width:var(--ctl-btn-sm);height:var(--ctl-btn-sm);min-width:48px;min-height:48px;display:grid;place-items:center;background:#05040f80;border:2px solid rgba(255,255,255,.25);border-radius:var(--r-md);color:var(--c-text);opacity:max(var(--ctl-opacity),.55);cursor:pointer}.hud-btn svg{width:24px;height:24px}.hud-btn.pressed{background:#7ff3ff4d}.bar-row{display:flex;gap:1px;flex-wrap:wrap;max-width:260px}.heart,.food{width:18px;height:18px;image-rendering:pixelated}.stat-chip{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-sm);font-weight:700;text-shadow:var(--text-shadow)}.crystal-chip{color:var(--c-soul-300)}.day-chip{color:var(--c-text);font-size:var(--fs-xs);margin-left:var(--sp-2)}.fps{font-family:var(--font-display);font-size:9px;color:var(--c-ok);text-shadow:var(--text-shadow);padding-top:4px}.crosshair{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#ffffffd9;box-shadow:0 0 2px #000000e6}.crosshair:before{left:10px;top:2px;width:2px;height:18px}.crosshair:after{left:2px;top:10px;width:18px;height:2px}.hotbar{position:absolute;bottom:calc(var(--sp-2) + var(--safe-b));left:50%;transform:translate(-50%);display:flex;gap:2px;padding:3px;background:#05040f8c;border:2px solid rgba(0,0,0,.6);border-radius:var(--r-sm);touch-action:none;max-width:calc(100vw - 2 * var(--ctl-joy) - 20px);overflow:hidden}.hotbar .slot{width:var(--hotbar-slot);height:var(--hotbar-slot)}.held-name{position:absolute;bottom:calc(var(--hotbar-slot) + 22px + var(--safe-b));left:50%;transform:translate(-50%);font-weight:700;text-shadow:var(--text-shadow);font-size:var(--fs-sm);white-space:nowrap;transition:opacity var(--t-med)}.slot{position:relative;width:var(--slot);height:var(--slot);background:var(--surface-slot);border:2px solid var(--border-slot);border-radius:3px;display:grid;place-items:center;flex:none;cursor:pointer}.slot canvas{width:80%;height:80%;image-rendering:pixelated;pointer-events:none}.slot .count{position:absolute;right:2px;bottom:0;font-size:var(--fs-sm);font-weight:700;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;pointer-events:none}.slot.selected{border-color:var(--c-soul-400);box-shadow:var(--glow-soul);background:#7ff3ff1f}.slot.picked{border-color:var(--c-gold-500);box-shadow:var(--glow-gold)}.slot.result{width:calc(var(--slot) * 1.3);height:calc(var(--slot) * 1.3);border-color:var(--c-gold-500)}.touch-only{display:none}body.touch .touch-only{display:block}body.touch .desktop-only{display:none!important}.look-zone{position:absolute;inset:0;pointer-events:auto;touch-action:none}.joy-zone{position:absolute;left:0;bottom:0;width:42%;height:72%;pointer-events:auto;touch-action:none}.joy-base{position:absolute;left:calc(var(--ctl-joy) * .75 + var(--safe-l));top:calc(100% - var(--ctl-joy) * .75 - var(--safe-b));width:var(--ctl-joy);height:var(--ctl-joy);transform:translate(-50%,-50%);border-radius:50%;background:#05040f59;border:3px solid rgba(255,255,255,.35);opacity:var(--ctl-opacity);pointer-events:none}.joy-base.active{opacity:calc(var(--ctl-opacity) + .2)}.joy-knob{position:absolute;left:50%;top:50%;width:44%;height:44%;transform:translate(-50%,-50%);border-radius:50%;background:#7ff3ff8c;border:3px solid rgba(255,255,255,.6);box-shadow:var(--glow-soul)}.action-pad{position:absolute;right:calc(var(--sp-3) + var(--safe-r));bottom:calc(var(--sp-3) + var(--safe-b));width:calc(var(--ctl-btn) * 2.9);height:calc(var(--ctl-btn) * 2.6);pointer-events:none}.act{position:absolute;width:var(--ctl-btn);height:var(--ctl-btn);min-width:48px;min-height:48px;border-radius:50%;display:grid;place-items:center;background:#05040f73;border:3px solid rgba(255,255,255,.4);opacity:var(--ctl-opacity);pointer-events:auto;touch-action:none;color:var(--c-text)}.act svg{width:50%;height:50%;pointer-events:none}.act.pressed{background:#7ff3ff66;border-color:var(--c-soul-300);opacity:1}.act.jump{right:0;bottom:0}.act.attack{right:calc(var(--ctl-btn) * 1.12);bottom:calc(var(--ctl-btn) * .3);border-color:#ff8a3db3}.act.use{right:calc(var(--ctl-btn) * .3);bottom:calc(var(--ctl-btn) * 1.12);border-color:#7ff3ffb3}.act.fly,.act.down{width:var(--ctl-btn-sm);height:var(--ctl-btn-sm);border-radius:var(--r-md);border-color:#f6c667b3}.act.fly{right:calc(var(--ctl-btn) * 2.05);bottom:calc(var(--ctl-btn) * .1)}.act.down{right:calc(var(--ctl-btn) * .15);bottom:calc(var(--ctl-btn) * -.05 + var(--ctl-btn) * 2.3)}#hud:not(.creative) .creative-only{display:none}.act.inv{right:calc(var(--ctl-btn) * 1.9);bottom:calc(var(--ctl-btn) * 1.5);width:var(--ctl-btn-sm);height:var(--ctl-btn-sm);border-radius:var(--r-md)}.boss-bar{position:absolute;top:calc(var(--sp-2) + var(--safe-t));left:50%;transform:translate(-50%);width:min(46vw,420px);text-align:center}.boss-name{font-family:var(--font-display);font-size:11px;color:var(--c-gold-400);text-shadow:var(--text-shadow);margin-bottom:4px}.boss-hp{height:12px;border:2px solid var(--c-ink);background:var(--c-night-800);border-radius:2px;overflow:hidden;box-shadow:0 0 0 2px #fff3}.boss-hp>i{display:block;height:100%;background:linear-gradient(180deg,#ff7aa0,var(--c-heart));transition:width var(--t-fast)}.boss-hint{font-size:var(--fs-sm);color:var(--c-soul-300);text-shadow:var(--text-shadow);margin-top:4px;min-height:1.2em}.title-card{position:absolute;left:0;right:0;top:26%;text-align:center;pointer-events:none;animation:cardIn 3.4s ease-out forwards}.title-card .tc-name{font-family:var(--font-display);font-size:clamp(18px,4.5vw,36px);color:var(--c-gold-400);text-shadow:0 3px 0 var(--c-ember-600),0 6px 0 var(--c-ink),var(--glow-gold)}.title-card .tc-sub{margin-top:var(--sp-3);font-size:var(--fs-md);color:var(--c-text);text-shadow:var(--text-shadow);padding:0 var(--sp-5)}@keyframes cardIn{0%{opacity:0;transform:scale(1.3)}12%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0}}.hurt-flash{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(255,40,60,.55) 100%);opacity:0;transition:opacity .3s;pointer-events:none}.hurt-flash.on{opacity:1;transition:none}.underwater{position:absolute;inset:0;background:#1e50be59;pointer-events:none}.inmagma{position:absolute;inset:0;background:#ff5a1473;pointer-events:none}#toasts{position:absolute;top:calc(var(--sp-6) + 40px + var(--safe-t));left:50%;transform:translate(-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);pointer-events:none}.toast{background:var(--surface-panel);border:2px solid var(--border-panel);border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm);font-weight:700;text-shadow:var(--text-shadow);animation:toastIn 2.6s ease-out forwards;white-space:nowrap}.toast.soul{border-color:var(--c-soul-500);color:var(--c-soul-300)}.toast.warn{border-color:var(--c-ember-500);color:var(--c-ember-400)}.toast.ok{border-color:var(--c-ok);color:var(--c-ok)}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.tutorial{position:absolute;top:calc(var(--sp-2) + var(--safe-t) + 54px);left:50%;transform:translate(-50%);max-width:min(520px,70vw);display:flex;gap:var(--sp-3);align-items:center;background:var(--surface-panel);border:2px solid var(--c-soul-500);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);box-shadow:var(--glow-soul);pointer-events:auto;animation:popIn var(--t-med)}.tutorial p{margin:0;font-size:var(--fs-sm)}.inv-panel{width:min(820px,100%)}.inv-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"craft recipes" "bag recipes";gap:var(--sp-3) var(--sp-4);min-height:0;flex:1}.inv-craft{grid-area:craft}.inv-bag{grid-area:bag;gap:0}.inv-recipes{grid-area:recipes}.inv-bag .item-info{margin-top:var(--sp-2)}.inv-grid{display:grid;grid-template-columns:repeat(9,var(--slot));gap:3px}.inv-grid.hot{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:2px dashed var(--border-slot)}.craft-area{display:flex;align-items:center;gap:var(--sp-3)}.craft-grid{display:grid;grid-template-columns:repeat(3,var(--slot));gap:3px}.arrow-right{color:var(--c-text-dim);font-size:var(--fs-xl)}.recipe-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--slot),1fr));gap:3px;overflow:auto;align-content:start;touch-action:pan-y;min-height:0}.recipe-list .slot.no{opacity:.35}.section-label{font-size:var(--fs-xs);color:var(--c-violet-400);font-family:var(--font-display);margin-bottom:2px}.item-info{min-height:2.6em;font-size:var(--fs-sm);color:var(--c-text-dim)}.item-info b{color:var(--c-text)}.tabs{display:flex;gap:2px}.trade-list{display:flex;flex-direction:column;gap:var(--sp-2)}.trade-row{display:grid;grid-template-columns:auto auto auto 1fr auto;align-items:center;gap:var(--sp-2);background:var(--surface-slot);border:2px solid var(--border-slot);border-radius:var(--r-sm);padding:var(--sp-2)}.trade-row.locked{opacity:.5}.friend-bar{display:flex;gap:3px}.friend-bar i{width:18px;height:10px;background:var(--c-night-800);border:2px solid var(--c-ink)}.friend-bar i.on{background:var(--c-gold-500);box-shadow:var(--glow-gold)}.shop-layout{display:grid;grid-template-columns:200px 1fr;gap:var(--sp-4);min-height:0;flex:1}.skin-preview{width:200px;height:220px;background:radial-gradient(circle at 50% 60%,var(--c-night-500),var(--c-night-800));border:var(--px) solid var(--border-panel);border-radius:var(--r-md)}.skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--sp-2);overflow:auto;touch-action:pan-y;align-content:start}.skin-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--sp-2);background:var(--surface-slot);border:2px solid var(--border-slot);border-radius:var(--r-md);cursor:pointer;min-height:48px;color:var(--c-text)}.skin-card.sel{border-color:var(--c-soul-400);box-shadow:var(--glow-soul)}.skin-card canvas{width:56px;height:56px;image-rendering:pixelated}.skin-card .nm{font-size:var(--fs-sm);font-weight:700;text-align:center}.skin-card .pr{font-size:var(--fs-xs);color:var(--c-soul-300)}.crystal-ico{display:inline-block;width:12px;height:12px;background:var(--c-soul-400);transform:rotate(45deg) scale(.8);box-shadow:var(--glow-soul);vertical-align:middle;margin-right:3px}.map-panel{width:min(860px,100%)}.map-track{display:flex;align-items:stretch;gap:var(--sp-2);overflow-x:auto;touch-action:pan-x;padding:var(--sp-2) 2px}.map-node{flex:1 0 140px;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-2);background:var(--surface-slot);border:2px solid var(--border-slot);border-radius:var(--r-md);text-align:center}.map-node.ready{border-color:var(--c-soul-500);box-shadow:var(--glow-soul)}.map-node.done{border-color:var(--c-ok)}.map-node.locked{opacity:.55}.map-node .glyph{width:56px;height:56px;image-rendering:pixelated}.map-node .bn{font-weight:700;font-size:var(--fs-sm);min-height:2.4em;display:flex;align-items:center}.map-node .realm{font-size:var(--fs-xs);color:var(--c-text-faint)}.map-node .st{font-size:var(--fs-xs);font-family:var(--font-display)}.map-link{align-self:center;width:14px;height:4px;background:var(--border-panel);flex:none}.death{background:radial-gradient(ellipse at center,#780a1e8c,#05040fe6);flex-direction:column;gap:var(--sp-3);text-align:center}.death h1{font-family:var(--font-display);font-size:clamp(22px,5vw,40px);color:var(--c-heart);text-shadow:0 4px 0 var(--c-heart-dark),var(--text-shadow);margin:0}.victory{background:radial-gradient(ellipse at 50% 30%,#3a3a90,var(--c-night-900))}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-1) var(--sp-5)}.stats-grid div{display:flex;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-sm)}.stats-grid b{color:var(--c-gold-400)}#rotate{position:fixed;inset:0;z-index:100;background:var(--bg-page);display:none;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);text-align:center;padding:var(--sp-5)}.rotate-icon{width:90px;height:90px;animation:rot 2s ease-in-out infinite}@keyframes rot{0%,20%{transform:rotate(0)}50%,70%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media(orientation:portrait)and (pointer:coarse){#rotate{display:flex}}.error-screen{flex-direction:column;gap:var(--sp-4);text-align:center;background:var(--bg-page)}.error-screen p{max-width:520px;color:var(--c-text-dim)}.dev-panel{position:absolute;left:calc(var(--sp-2) + var(--safe-l));top:50%;transform:translateY(-50%);z-index:30;background:#05040fd9;border:2px solid var(--c-violet-500);border-radius:var(--r-md);padding:var(--sp-2);display:flex;flex-direction:column;gap:4px;max-height:80vh;overflow:auto;pointer-events:auto;width:170px}.dev-panel .btn{min-height:34px;font-size:var(--fs-xs);padding:0 var(--sp-2)}.dev-toggle{position:absolute;left:calc(var(--sp-2) + var(--safe-l));bottom:50%;z-index:31;pointer-events:auto}.update-banner{position:fixed;bottom:calc(var(--sp-3) + var(--safe-b));left:50%;transform:translate(-50%);z-index:60;display:flex;gap:var(--sp-3);align-items:center;background:var(--surface-panel);border:2px solid var(--c-soul-500);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md)}@media(max-height:420px){.panel{padding:var(--sp-3);gap:var(--sp-2)}.title-layout{gap:var(--sp-4)}.title-menu{width:230px;gap:6px}.title-menu .btn{min-height:44px}.settings-grid{gap:var(--sp-2) var(--sp-4)}.skin-preview{width:150px;height:170px}.shop-layout{grid-template-columns:150px 1fr}.inv-panel{height:100%}.inv-layout{grid-template-rows:auto minmax(0,1fr);grid-template-areas:"bag craft" "bag recipes"}.inv-bag .item-info{min-height:0;font-size:var(--fs-xs)}.map-node{gap:4px;padding:var(--sp-2)}.map-node .glyph{width:40px;height:40px}.map-node .bn{min-height:0}.input{min-height:40px}[data-screen=newWorld] .panel-body{gap:var(--sp-2)!important}}@media(min-height:600px)and (pointer:fine){.bar-row{max-width:300px}.stat-chip{font-size:var(--fs-md)}.day-chip{font-size:var(--fs-sm)}}@media(max-width:700px){.title-layout{grid-template-columns:1fr;justify-items:center;text-align:center;gap:var(--sp-3)}.settings-grid{grid-template-columns:1fr}}#hud.overlay-open .tutorial,#hud.overlay-open .action-pad,#hud.overlay-open .joy-zone,#hud.overlay-open .look-zone,#hud.overlay-open .hotbar,#hud.overlay-open .held-name,#hud.overlay-open .crosshair,#hud.overlay-open .title-card,#hud.overlay-open .hud-top-right{display:none!important}.quest-obj{position:absolute;top:calc(var(--sp-2) + var(--safe-t));left:50%;transform:translate(-50%);max-width:min(46vw,440px);text-align:center;background:#05040f8c;border:2px solid rgba(246,198,103,.55);border-radius:var(--r-md);padding:4px var(--sp-3);pointer-events:none}.quest-obj b{display:block;font-family:var(--font-display);font-size:10px;font-weight:400;color:var(--c-gold-400);text-shadow:var(--text-shadow);margin-bottom:3px}.quest-obj span{font-size:var(--fs-sm);text-shadow:var(--text-shadow)}.parchment{width:100%;max-width:760px;height:auto;image-rendering:pixelated;border:var(--px) solid #5a3a1a;border-radius:var(--r-sm);background:#e8d5a0}.reward-row{display:flex;gap:var(--sp-4);justify-content:center;align-items:center}.reward-row .rw{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:var(--fs-sm);color:var(--c-gold-400)}.reward-row canvas{width:64px;height:64px;image-rendering:pixelated;filter:drop-shadow(0 0 10px rgba(246,198,103,.7))}#hud.overlay-open .quest-obj{display:none!important}.acct-btn{gap:6px;max-width:200px}.acct-btn span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-sm{width:24px;height:24px;border-radius:4px;object-fit:cover;image-rendering:auto;border:2px solid var(--c-ink);flex:none}.avatar-sm.ph{background:var(--c-night-500);display:inline-block}.avatar-lg{width:112px;height:112px;border-radius:var(--r-md);border:var(--px) solid var(--border-panel);background:var(--c-night-700) radial-gradient(circle at 50% 38%,var(--c-night-500) 22%,transparent 23%),var(--c-night-700);overflow:hidden}.avatar-lg img{width:100%;height:100%;object-fit:cover}.profile-grid{display:grid;grid-template-columns:150px 1fr;gap:var(--sp-4)}.check{display:flex;align-items:center;gap:var(--sp-2);min-height:44px;font-size:var(--fs-sm);color:var(--c-text-dim)}.check input{width:22px;height:22px;accent-color:var(--c-soul-500)}.form-error{color:var(--c-danger);font-size:var(--fs-sm);margin:0;min-height:1em}@media(max-width:700px){.profile-grid{grid-template-columns:1fr}}.world-list{display:flex;flex-direction:column;gap:var(--sp-2);overflow:auto;touch-action:pan-y;min-height:0}.world-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--sp-2);background:var(--surface-slot);border:2px solid var(--border-slot);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3)}.wr-main{display:flex;flex-direction:column;gap:2px;min-width:0}.wr-name{font-size:var(--fs-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wr-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--c-text-dim);align-items:center}.world-row .icon-btn,.world-row .btn.ghost{width:40px;padding:0}.world-row .btn.ghost svg{width:18px;height:18px}.badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:var(--fs-xs);font-weight:700;background:var(--c-night-700);color:var(--c-text)}.badge.gold{background:var(--c-gold-500);color:var(--c-ink)}.hidden{display:none!important}.nw-opts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--sp-3)}.invisible{visibility:hidden}.title-menu .row .btn{white-space:nowrap;padding:0 var(--sp-2)}.btn.primary .continue-meta{color:#05040fb8}#hud.creative .hearts,#hud.creative .foods{display:none}@media(max-height:420px){.title-menu .row .btn{font-size:var(--fs-sm)}[data-mode-hint]{margin:0;font-size:var(--fs-xs)}}.shop-tabs{flex:none}.shop-tabs button{flex:none;min-height:36px;padding:0 var(--sp-3);white-space:nowrap}.skin-card[data-pet] canvas{image-rendering:pixelated}.daily-list{display:flex;flex-direction:column;gap:var(--sp-2)}.daily-row{display:grid;grid-template-columns:1fr auto;gap:var(--sp-3);align-items:center;background:var(--surface-slot);border:2px solid var(--border-slot);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3)}.daily-row.done{border-color:var(--c-soul-500);box-shadow:var(--glow-soul)}.daily-row.claimed{opacity:.6}.dr-main{display:flex;flex-direction:column;gap:4px;min-width:0}.dr-bar{height:8px;background:var(--c-night-800);border:2px solid var(--c-ink);border-radius:2px;overflow:hidden}.dr-bar i{display:block;height:100%;background:var(--c-gold-500)}.btn .dot{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:8px;border-radius:10px;background:var(--c-ember-500);color:#fff;font-size:var(--fs-xs)}.event-banner{display:flex;flex-direction:column;gap:2px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);border:2px solid;font-size:var(--fs-sm);max-width:420px}.event-banner b{font-family:var(--font-display);font-weight:400;font-size:var(--fs-xs)}.ev-bloom{border-color:#f6a6c8;background:#f6a6c824;color:#ffe0ee}.ev-harvest{border-color:#ff9a3c;background:#ff9a3c24;color:#ffe2c4}.ev-frost{border-color:#bfe6f5;background:#bfe6f524;color:#eef9ff}@media(max-height:420px){.title-screen .event-banner{font-size:var(--fs-xs);padding:4px var(--sp-2)}}.linkish{background:none;border:0;color:var(--c-soul-300);text-decoration:underline;font:inherit;font-size:var(--fs-sm);cursor:pointer;padding:4px;align-self:center;min-height:32px}.form-ok{margin:0;color:var(--c-ok);font-size:var(--fs-sm);min-height:1em}.room-code-box{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);background:#7ff3ff14;border:2px solid rgba(127,243,255,.3)}.room-code{flex:1;font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:.18em;color:var(--c-soul-400);user-select:all}.room-players{display:flex;flex-direction:column;gap:var(--sp-2)}.room-player{display:flex;align-items:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-3);border-radius:var(--r-sm);background:var(--surface-slot);border:2px solid var(--border-slot)}.room-player .rp-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-input{text-transform:uppercase;letter-spacing:.3em;font-size:var(--fs-lg);text-align:center}.room-chip{color:var(--c-soul-400);font-size:var(--fs-xs);margin-left:var(--sp-2);letter-spacing:.06em}