.settings-overlay{position:fixed;inset:0;background:#fffdfab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000}.settings-card{background:var(--color-bg-card);border:4px solid var(--color-border-light);border-radius:20px;padding:32px;width:480px;max-width:90vw;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-medium);font-family:var(--font-heading);position:relative}.settings-card h2{margin:0 0 8px;text-align:center;font-size:1.5rem}.settings-close{position:absolute;top:8px;right:12px;width:36px;height:36px;border-radius:10px;background:var(--color-bg-base);border:2px solid var(--color-border-medium);font-size:1.2rem;cursor:pointer;font-weight:700}.settings-row{display:flex;flex-direction:column;gap:8px}.settings-row label{font-size:.875rem;font-weight:600;color:var(--color-text-main)}.settings-row input[type=range]{width:100%}.settings-row .seg-group{display:flex;gap:6px}.settings-row .seg{flex:1;padding:8px;border-radius:8px;border:2px solid var(--color-border-medium);background:var(--color-bg-card);font-family:var(--font-heading);font-weight:600;font-size:.875rem;cursor:pointer;color:var(--color-text-main)}.settings-row .seg.selected{background:var(--color-primary);color:var(--color-text-white);border-color:var(--color-primary-hover)}.main-menu{position:fixed;inset:0;background:linear-gradient(180deg,#87ceeb,#b7e5ff);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-heading);color:var(--color-text-main)}.main-menu-bg{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.6) 0 8px,transparent 12px),radial-gradient(circle at 70% 20%,rgba(255,255,255,.6) 0 12px,transparent 16px),radial-gradient(circle at 50% 60%,rgba(255,255,255,.6) 0 10px,transparent 14px),radial-gradient(circle at 80% 50%,rgba(255,255,255,.5) 0 14px,transparent 18px);pointer-events:none}.main-menu-sun{position:absolute;top:8%;right:12%;width:96px;height:96px;border-radius:8px;background:linear-gradient(180deg,#ffe680,#ffc83a);box-shadow:0 0 0 4px #ffe88073,0 8px 32px #ffc83a80;animation:main-menu-sun-spin 22s linear infinite;pointer-events:none;z-index:0}.main-menu-sun:before,.main-menu-sun:after{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,transparent 38%,rgba(255,255,255,.25) 38%,rgba(255,255,255,.25) 62%,transparent 62%),linear-gradient(to bottom,transparent 38%,rgba(255,255,255,.25) 38%,rgba(255,255,255,.25) 62%,transparent 62%);border-radius:inherit;pointer-events:none}@keyframes main-menu-sun-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.main-menu-sun{width:56px;height:56px;top:4%;right:6%}}.main-menu-logo{display:flex;align-items:center;gap:var(--sp-3);font-size:3rem;font-weight:800;text-shadow:0 4px 8px rgba(0,0,0,.15);z-index:1;margin-bottom:var(--sp-6)}.logo-icon{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.main-menu-card{background:var(--color-bg-card);border:4px solid var(--color-border-light);border-radius:var(--r-xl);padding:var(--sp-6);width:420px;max-width:90vw;display:flex;flex-direction:column;gap:var(--sp-3);box-shadow:var(--shadow-medium);z-index:1}.menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-4);border-radius:var(--r-md);border:none;border-bottom:4px solid rgba(0,0,0,.15);font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--color-text-white);cursor:pointer;transition:transform .1s ease,border-bottom-width .1s ease;box-shadow:var(--shadow-soft)}.menu-btn:hover:not(.disabled){transform:translateY(-2px);border-bottom-width:6px;box-shadow:var(--shadow-medium)}.menu-btn:active:not(.disabled){transform:translateY(2px);border-bottom-width:0;box-shadow:var(--shadow-pressed)}.menu-btn.disabled{background:#e2ddd5;color:#9a9388;border-bottom-color:#c8bfb2;cursor:not-allowed}.menu-btn.continue{background:var(--color-success)}.menu-btn.new{background:var(--color-primary)}.menu-btn.import{background:var(--color-warning)}.menu-btn.settings{background:var(--color-bg-card);color:var(--color-text-main);border:2px solid var(--color-border-medium);border-bottom:4px solid var(--color-border-medium)}.menu-sub{display:block;font-size:.75rem;font-weight:400;margin-top:var(--sp-1);color:#ffffffd9}.menu-btn.settings .menu-sub{color:var(--color-text-muted)}.main-menu-footer{position:absolute;bottom:var(--sp-4);left:0;right:0;display:flex;justify-content:space-between;padding:0 var(--sp-5);font-size:.75rem;color:var(--color-text-muted);z-index:1}.toast{position:fixed;top:var(--sp-5);left:50%;transform:translate(-50%);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-md);font-weight:600;z-index:1001;box-shadow:var(--shadow-medium);font-family:var(--font-body);max-width:90vw;text-align:center}.toast.error{background:var(--color-danger);color:var(--color-text-white)}.toast.success{background:var(--color-success);color:var(--color-text-white)}.world-creation{position:fixed;inset:0;background:linear-gradient(180deg,#ffe5b4,#fffaf0);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading)}.wc-card{background:var(--color-bg-card);border:4px solid var(--color-border-light);border-radius:var(--r-xl);padding:var(--sp-6);width:480px;max-width:90vw;box-shadow:var(--shadow-medium);display:flex;flex-direction:column;gap:var(--sp-4)}.wc-title{font-size:1.75rem;font-weight:800;text-align:center;margin:0}.wc-field{display:flex;flex-direction:column;gap:var(--sp-2)}.wc-label{font-size:.875rem;font-weight:600;color:var(--color-text-main)}.wc-field input{padding:var(--sp-3) var(--sp-4);border:2px solid var(--color-border-medium);border-radius:var(--r-md);font-size:1rem;font-family:var(--font-body);background:var(--color-bg-base)}.seg-group{display:flex;gap:var(--sp-2)}.seg{flex:1;padding:var(--sp-3);border-radius:var(--r-md);border:2px solid var(--color-border-medium);background:var(--color-bg-card);font-family:var(--font-heading);font-weight:600;cursor:pointer;color:var(--color-text-main);transition:all .1s ease}.seg:hover{background:var(--color-bg-base)}.seg.selected{background:var(--color-primary);color:var(--color-text-white);border-color:var(--color-primary-hover)}.seg.diff.easy.selected{background:var(--color-success);border-color:#4faa60}.seg.diff.medium.selected{background:var(--color-secondary);border-color:var(--color-secondary-hover);color:var(--color-text-main)}.seg.diff.hard.selected{background:var(--color-danger);border-color:#e55050}.wc-actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-3)}.btn-primary{flex:1;background:var(--color-success);color:var(--color-text-white);padding:var(--sp-4);border-radius:var(--r-md);border:none;border-bottom:4px solid #4FAA60;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .1s ease,border-bottom-width .1s ease}.btn-primary:hover{transform:translateY(-2px);border-bottom-width:6px}.btn-primary:active{transform:translateY(2px);border-bottom-width:0}.btn-secondary{flex:1;background:var(--color-bg-base);color:var(--color-text-main);padding:var(--sp-4);border-radius:var(--r-md);border:2px solid var(--color-border-medium);font-weight:600;font-size:1rem;cursor:pointer}.wc-tier-note{background:#ffc83226;border:1px solid var(--color-secondary);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);margin:0;font-size:.85rem;color:var(--color-text-main)}.modal{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal-card{background:var(--color-bg-card);border:4px solid var(--color-border-light);border-radius:var(--r-xl);padding:var(--sp-6);max-width:480px;width:90vw;box-shadow:var(--shadow-medium)}.modal-card h2{margin:0 0 var(--sp-3);font-size:1.5rem}.modal-card p{margin:0 0 var(--sp-5);color:var(--color-text-main)}.modal-actions{display:flex;gap:var(--sp-3)}.loading-overlay{position:fixed;inset:0;background:linear-gradient(180deg,#b3e5fc,#e1f5fe);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading)}.loading-card{background:var(--color-bg-card);border:4px solid var(--color-border-light);border-radius:var(--r-xl);padding:var(--sp-6);width:420px;max-width:90vw;display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);box-shadow:var(--shadow-medium)}.loading-title{margin:0;font-family:var(--font-heading);font-size:1.25rem;color:var(--color-text-main)}.loading-count{font-family:var(--font-body);font-size:.85rem;color:var(--color-text-muted)}.loading-spinner{width:64px;height:64px;background:var(--color-success);border-radius:12px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-bar-wrap{width:100%;height:18px;background:var(--color-bg-base);border:2px solid var(--color-border-medium);border-radius:9px;overflow:hidden}.loading-bar{height:100%;background:var(--color-primary);transition:width .3s ease}.loading-stage{font-size:.95rem;font-weight:600;color:var(--color-text-main)}.loading-cancel{background:var(--color-bg-base);color:var(--color-text-main);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-md);border:2px solid var(--color-border-medium);font-weight:600;cursor:pointer}.mobile-controls{position:absolute;inset:0;pointer-events:none;font-family:var(--font-body)}.joystick-zone{position:absolute;bottom:80px;left:var(--sp-4);width:140px;height:140px;pointer-events:auto}.mobile-controls.left-handed .joystick-zone{left:auto;right:var(--sp-4)}.joystick-base{width:100%;height:100%;border-radius:50%;background:#ffffff26;border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px)}.joystick-thumb{width:56px;height:56px;border-radius:50%;background:#ffffff80;border:2px solid rgba(255,255,255,.7);transition:transform .05s linear}.action-zone{position:absolute;bottom:100px;right:var(--sp-4);display:grid;grid-template-columns:repeat(2,56px);gap:var(--sp-2);pointer-events:auto}.mobile-controls.left-handed .action-zone{right:auto;left:var(--sp-4);grid-template-columns:repeat(2,56px)}.action-btn{width:56px;height:56px;border-radius:50%;background:#ffffff4d;color:var(--color-text-white);border:2px solid rgba(255,255,255,.5);font-size:1.5rem;cursor:pointer;backdrop-filter:blur(8px);font-weight:700}.action-btn:active{background:#ffffff80;transform:scale(.95)}.hotbar-row{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:4px;background:#0006;padding:4px;border-radius:12px;pointer-events:auto;backdrop-filter:blur(8px)}.hotbar-slot{width:48px;height:48px;border-radius:8px;background:var(--color-bg-base);border:2px solid var(--color-border-medium);position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.hotbar-slot.selected{border-color:var(--color-secondary);box-shadow:0 0 12px #ffd93d99;transform:scale(1.1);z-index:10}.controls-hint{position:fixed;top:70px;right:16px;background:var(--color-bg-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid var(--color-border-light);border-radius:var(--r-md);box-shadow:var(--shadow-medium);font-family:var(--font-body);color:var(--color-text-main);z-index:800;width:280px;max-width:calc(100vw - 32px);animation:ctrl-slide-in .4s ease-out}.controls-hint.collapsed{width:auto}@keyframes ctrl-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.controls-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--color-border-light)}.controls-header h3{margin:0;font-family:var(--font-heading);font-size:.95rem;font-weight:700}.controls-actions{display:flex;gap:4px}.ctrl-icon{width:24px;height:24px;border-radius:6px;background:var(--color-bg-card);border:1px solid var(--color-border-medium);cursor:pointer;font-weight:700;font-size:.85rem;line-height:1;color:var(--color-text-main)}.ctrl-icon:hover{background:var(--color-border-light)}.controls-grid{display:flex;flex-direction:column;gap:4px;padding:10px 12px}.ctrl-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.ctrl-keys{display:flex;align-items:center;gap:4px}.ctrl-label{font-size:.8rem;color:var(--color-text-muted)}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;font-family:var(--font-heading);font-size:.7rem;font-weight:700;color:var(--color-text-main);background:var(--color-bg-card);border:1px solid var(--color-border-medium);border-bottom-width:2px;border-radius:4px}.controls-mini{border:none;background:var(--color-primary);color:var(--color-text-white);padding:6px 10px;border-radius:6px;font-family:var(--font-heading);font-size:.75rem;font-weight:700;cursor:pointer;margin:6px}.controls-toggle{position:fixed;top:70px;right:16px;width:36px;height:36px;border-radius:50%;background:var(--color-bg-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid var(--color-border-light);color:var(--color-text-main);font-family:var(--font-heading);font-size:1.1rem;font-weight:700;cursor:pointer;z-index:800;box-shadow:var(--shadow-soft)}.controls-toggle:hover{background:var(--color-bg-card)}@media (max-width: 480px){.controls-hint{width:calc(100vw - 32px);top:60px}.controls-toggle{top:60px}}.tutorial-overlay{position:fixed;bottom:140px;left:50%;transform:translate(-50%);z-index:700;pointer-events:none;font-family:var(--font-body);animation:tutorial-in .6s ease-out}@keyframes tutorial-in{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tutorial-card{background:var(--color-bg-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid var(--color-secondary);border-radius:var(--r-lg);padding:12px 18px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-medium);max-width:360px;pointer-events:none}.tutorial-step{display:flex;align-items:center;gap:12px}.tutorial-icon{width:36px;height:36px;border-radius:50%;background:var(--color-success);color:var(--color-text-white);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.tutorial-text{display:flex;flex-direction:column}.tutorial-title{font-family:var(--font-heading);font-weight:700;font-size:.95rem;color:var(--color-text-main)}.tutorial-sub{font-size:.75rem;color:var(--color-text-muted)}.tutorial-tip{font-size:.8rem;color:var(--color-text-main);background:var(--color-bg-base);padding:6px 10px;border-radius:var(--r-sm);border-left:3px solid var(--color-secondary)}.tutorial-tip kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;font-family:var(--font-heading);font-size:.7rem;font-weight:700;color:var(--color-text-main);background:var(--color-bg-card);border:1px solid var(--color-border-medium);border-bottom-width:2px;border-radius:4px;margin:0 2px}.hud-root{position:absolute;inset:0;pointer-events:none;font-family:var(--font-body);color:var(--color-text-white)}.hud-top-left{position:absolute;top:var(--sp-4);left:var(--sp-4);display:flex;align-items:center;gap:var(--sp-3);pointer-events:auto;font-family:var(--font-heading)}.time-wheel{width:48px;height:48px;border-radius:50%;background:#0006;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px)}.time-icon{font-size:24px;transition:transform .3s ease}.biome-label{background:#0006;color:var(--color-text-white);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);font-weight:700;font-size:.875rem;backdrop-filter:blur(8px)}.hud-top-right{position:absolute;top:var(--sp-4);right:var(--sp-4);display:flex;align-items:center;gap:var(--sp-3);pointer-events:auto}.fps-counter{background:#0006;color:var(--color-text-white);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);font-size:.75rem;font-weight:600;font-family:var(--font-heading);backdrop-filter:blur(8px)}.top-actions{display:flex;gap:var(--sp-2)}.hud-icon-btn{width:48px;height:48px;border-radius:12px;background:#0006;color:var(--color-text-white);font-size:1.5rem;border:none;cursor:pointer;backdrop-filter:blur(8px)}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;color:#ffffffb3;font-weight:300;user-select:none;pointer-events:none;text-shadow:0 0 4px rgba(0,0,0,.6)}.hud-bottom{position:absolute;bottom:var(--sp-4);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);pointer-events:auto}.status-bars{display:flex;flex-direction:column;align-items:center;gap:4px}.oxygen{display:flex;gap:2px;margin-bottom:4px}.bubble{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-oxygen);opacity:.4}.bubble.half{opacity:.7}.bubble.full{opacity:1}.hearts{display:flex;gap:2px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.heart{font-size:22px;color:var(--color-danger);opacity:.25;display:inline-block}.heart.half{opacity:.6}.heart.full{opacity:1}.heart.shake{animation:heart-shake .32s ease-in-out}@keyframes heart-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.hunger{display:flex;gap:2px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.drumstick{font-size:20px;opacity:.25}.drumstick.half{opacity:.6}.drumstick.full{opacity:1}.hunger.warning{animation:flash 1s infinite}@keyframes flash{0%,to{filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}50%{filter:drop-shadow(0 0 8px var(--color-danger))}}.hotbar{display:flex;gap:var(--sp-1);background:#0006;padding:var(--sp-1);border-radius:var(--r-md);backdrop-filter:blur(8px)}.hotbar .item-slot{width:48px;height:48px;position:relative}.hotbar .item-slot.selected{border-color:var(--color-secondary);box-shadow:0 0 12px #ffd93d99;transform:scale(1.1)}.item-icon{display:inline-block;pointer-events:none}.item-icon-emoji{display:inline-flex;align-items:center;justify-content:center;pointer-events:none;user-select:none}.durability-bar{position:absolute;bottom:4px;left:6px;right:6px;height:3px;background-color:#00000040;border-radius:2px;overflow:hidden;pointer-events:none}@media (max-width: 480px){.hud-top-left,.hud-top-right{top:var(--sp-3)}.hud-bottom{bottom:100px}.heart{font-size:18px}.drumstick{font-size:16px}}.recipe-panel{background:var(--color-bg-card);border:4px solid var(--color-border-light);border-radius:20px;padding:20px;width:360px;max-width:90vw;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-medium)}.recipe-search{padding:8px 12px;border:2px solid var(--color-border-medium);border-radius:12px;font-family:var(--font-body)}.recipe-list{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.recipe-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;background:var(--color-bg-base);border:1px solid transparent;cursor:pointer;font-family:var(--font-body);text-align:left}.recipe-item.selected{border-color:var(--color-primary);background:#4d96ff1a}.recipe-item.locked{opacity:.5;filter:grayscale(.7)}.recipe-name{text-transform:capitalize}.recipe-detail{border-top:1px solid var(--color-border-light);padding-top:12px;display:flex;flex-direction:column;gap:8px}.ingredients{display:flex;flex-direction:column;gap:4px}.ingredient{display:flex;justify-content:space-between;padding:6px 10px;border-radius:6px}.ingredient.ok{background:#6bcb7726;color:var(--color-text-main)}.ingredient.missing{background:#ff6b6b26;color:var(--color-danger)}.craft-btn{padding:12px;border-radius:12px;background:var(--color-success);color:var(--color-text-white);font-weight:700;border:none;border-bottom:4px solid #4FAA60;cursor:pointer;font-family:var(--font-heading)}.craft-btn.disabled{background:#e2ddd5;color:#9a9388;border-bottom-color:#c8bfb2;cursor:not-allowed}.craft-toast{text-align:center;padding:8px;border-radius:8px;background:var(--color-bg-base);color:var(--color-text-main);font-weight:600}.inv-grid-panel{background:var(--color-bg-card);border:4px solid var(--color-border-light);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-medium);width:624px;max-width:100%}.player-preview{display:flex;align-items:center;gap:16px;padding:12px;border-radius:12px;background:linear-gradient(180deg,#e8f4ffb3,#ffe8c880)}.player-preview-figure{position:relative;width:56px;height:96px;flex:0 0 auto}.player-preview-head{position:absolute;top:0;left:14px;width:28px;height:28px;background:var(--color-warning);border:2px solid #C2814B;border-radius:4px}.player-preview-body{position:absolute;top:32px;left:12px;width:32px;height:32px;background:var(--color-primary);border:2px solid var(--color-primary-hover);border-radius:4px}.player-preview-leg{position:absolute;bottom:0;width:12px;height:28px;background:#5a6a88;border:2px solid #2F3A50;border-radius:4px}.player-preview-leg-left{left:12px}.player-preview-leg-right{right:12px}.player-preview-arm{position:absolute;top:32px;width:10px;height:28px;background:var(--color-primary);border:2px solid var(--color-primary-hover);border-radius:4px}.player-preview-arm-left{left:0}.player-preview-arm-right{right:0}.player-preview-stats{flex:1 1 auto;display:flex;flex-direction:column;gap:6px}.player-preview-stat{display:flex;align-items:center;gap:6px;font-family:var(--font-heading);font-size:12px}.player-preview-stat-icon{font-size:16px;width:18px;text-align:center}.player-preview-stat-bar{flex:1 1 auto;height:8px;background:#0000001f;border-radius:4px;overflow:hidden}.player-preview-stat-fill{display:block;height:100%;border-radius:4px;transition:width .25s ease}.player-preview-stat-fill.health{background:var(--color-danger)}.player-preview-stat-fill.hunger{background:var(--color-warning)}.player-preview-stat-value{font-weight:700;color:var(--color-text-main);min-width:22px;text-align:right}@media (max-width: 767px){.inv-grid-panel{width:auto}}.armor-row{display:grid;grid-template-columns:repeat(4,56px);gap:8px}.storage-grid,.hotbar-grid{display:grid;gap:8px}.storage-grid,.hotbar-grid{grid-template-columns:repeat(9,56px)}.item-slot{width:56px;height:56px;background:var(--color-bg-base);border:3px solid var(--color-border-medium);border-radius:12px;position:relative;display:flex;align-items:center;justify-content:center;cursor:grab;transition:background-color .15s ease;font-family:var(--font-heading)}.item-slot:hover{background:#f0e8dc}.item-slot.selected{border-color:var(--color-secondary);box-shadow:0 0 12px #ffd93d99;transform:scale(1.1);cursor:grabbing}.stack-count{position:absolute;bottom:4px;right:6px;font-family:var(--font-heading);font-size:12px;font-weight:700;color:var(--color-text-main);background:var(--color-bg-overlay);padding:1px 4px;border-radius:6px}.durability-bar{position:absolute;bottom:4px;left:6px;right:22px;height:4px;background-color:#00000040;border-radius:2px;overflow:hidden;pointer-events:none}.durability-fill{display:block;height:100%;border-radius:2px;transition:width .2s ease,background-color .2s ease}.inv-overlay{position:fixed;inset:0;background:#fffdfab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:900;display:flex;flex-direction:column;align-items:center;padding-top:60px;font-family:var(--font-body);color:var(--color-text-main)}.inv-overlay.split-view{padding-top:30px;align-items:center}.inv-panels{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:16px;width:auto;max-width:100%}.inv-overlay.tab-view .inv-panels{flex-direction:column;align-items:center;width:auto;max-width:480px}.inv-panel{display:flex;flex-direction:column}.inv-panel-inventory{flex:0 0 auto}.inv-panel-crafting{flex:0 0 auto;width:360px;max-width:100%}.inv-close{position:absolute;top:16px;right:24px;width:40px;height:40px;border-radius:12px;background:var(--color-bg-card);border:2px solid var(--color-border-medium);font-size:1.5rem;cursor:pointer;font-weight:700;z-index:901}.inv-tabs{display:flex;gap:4px;margin-bottom:16px}.inv-tabs button{padding:8px 16px;border-radius:12px;background:var(--color-bg-base);border:2px solid var(--color-border-medium);font-weight:600;cursor:pointer;font-family:var(--font-heading)}.inv-tabs button.active{background:var(--color-primary);color:var(--color-text-white);border-color:var(--color-primary-hover)}.cursor-preview{position:fixed;pointer-events:none;z-index:1100}.cursor-item{width:56px;height:56px;border-radius:12px;background:var(--color-bg-card);border:2px solid var(--color-secondary);display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.inv-overlay{padding-top:30px}}@media (max-width: 767px){.inv-panels{max-width:480px;padding:0 12px}}.smelt-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;z-index:90;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.smelt-card{background:var(--color-bg-card, #FFFFFF);border-radius:20px;border:4px solid var(--color-border-light, #EFE8DF);padding:32px;max-width:540px;width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 12px 32px #96826e40;position:relative}.smelt-close{position:absolute;top:8px;right:12px;background:transparent;border:none;font-size:28px;line-height:1;color:var(--color-text-muted, #6B706E);cursor:pointer;padding:4px 10px;border-radius:8px}.smelt-close:hover{background:var(--color-border-light, #EFE8DF)}.smelt-title{margin:0 0 4px;font-family:Outfit,sans-serif;font-size:24px;font-weight:700;color:var(--color-text-main, #2C302E)}.smelt-subtitle{margin:0 0 16px;color:var(--color-text-muted, #6B706E);font-size:14px}.smelt-recipes{display:flex;flex-direction:column;gap:12px}.smelt-recipe{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 16px;padding:12px 16px;border-radius:12px;border:2px solid var(--color-border-light, #EFE8DF);background:var(--color-bg-base, #F9F5F0)}.smelt-recipe.locked{opacity:.55}.smelt-recipe.available{border-color:var(--color-success, #6BCB77)}.smelt-recipe-name{font-weight:600;color:var(--color-text-main, #2C302E);font-size:16px;grid-column:1;grid-row:1}.smelt-ingredients{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--color-text-muted, #6B706E)}.smelt-ingredients .ok{color:var(--color-success, #6BCB77)}.smelt-ingredients .missing{color:var(--color-danger, #FF6B6B)}.smelt-btn{grid-column:2;grid-row:1 / span 2;padding:10px 18px;border-radius:12px;border:none;background:var(--color-success, #6BCB77);color:#fff;font-weight:600;cursor:pointer;transition:transform .1s ease}.smelt-btn:hover:not(:disabled){transform:translateY(-1px)}.smelt-btn:disabled{background:var(--color-border-medium, #D0C3B1);cursor:not-allowed}.pause-overlay{position:fixed;inset:0;background:#fffdfab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:950}.pause-card{background:var(--color-bg-card);border:4px solid var(--color-border-light);border-radius:20px;padding:32px;width:480px;max-width:90vw;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-medium);font-family:var(--font-heading)}.pause-title{text-align:center;font-size:1.75rem;margin:0 0 8px}.pause-btn{padding:14px;border-radius:12px;border:none;border-bottom:4px solid rgba(0,0,0,.15);background:var(--color-bg-base);color:var(--color-text-main);font-weight:700;font-size:1rem;cursor:pointer}.pause-btn.primary{background:var(--color-success);color:var(--color-text-white);border-bottom-color:#4faa60}.pause-btn.amber{background:var(--color-warning);color:var(--color-text-white)}.pause-btn.danger{background:var(--color-bg-base);color:var(--color-text-main);border:2px solid var(--color-danger)}.pause-toast{text-align:center;padding:10px;background:#6bcb7726;color:var(--color-success);border-radius:8px;font-weight:600;font-family:var(--font-body);font-size:.85rem}.game-over{position:fixed;inset:0;background:#281e1eb3;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1100;font-family:var(--font-heading)}.game-over-card{background:var(--color-bg-card);border:4px solid var(--color-danger);border-radius:20px;padding:32px;width:480px;max-width:90vw;text-align:center;box-shadow:var(--shadow-medium)}.game-over-card h1{font-size:2.5rem;color:var(--color-danger);margin:0 0 16px}.game-over-card p{font-family:var(--font-body);color:var(--color-text-muted);margin-bottom:24px}.game-over-actions{display:flex;gap:12px;justify-content:center}.go-btn{padding:12px 24px;border-radius:12px;border:none;font-weight:700;font-size:1rem;cursor:pointer;font-family:var(--font-heading)}.go-btn.primary{background:var(--color-success);color:var(--color-text-white);border-bottom:4px solid #4FAA60}.go-btn:not(.primary){background:var(--color-bg-base);color:var(--color-text-main);border:2px solid var(--color-border-medium)}.app-root{position:relative;width:100%;height:100%;overflow:hidden}.game-viewport{position:absolute;inset:0;width:100%;height:100%;z-index:0}.boot-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-base)}.boot-spinner{width:56px;height:56px;border-radius:12px;background:var(--color-primary);animation:spin 1.1s linear infinite}@keyframes spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.7)}to{transform:rotate(360deg) scale(1)}}.autosave-toast{position:fixed;right:var(--sp-5);bottom:var(--sp-5);background:var(--color-success);color:var(--color-text-white);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-md);box-shadow:var(--shadow-medium);font-weight:600;z-index:1000;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root{--color-primary: #4D96FF;--color-primary-hover: #357AE8;--color-secondary: #FFD93D;--color-secondary-hover: #E8C430;--color-success: #6BCB77;--color-danger: #FF6B6B;--color-warning: #FF8C32;--color-oxygen: #54BAB9;--color-bg-base: #F9F5F0;--color-bg-card: #FFFFFF;--color-bg-overlay: rgba(255, 253, 250, .85);--color-border-light: #EFE8DF;--color-border-medium: #D0C3B1;--color-text-main: #2C302E;--color-text-muted: #6B706E;--color-text-white: #FFFFFF;--shadow-soft: 0 8px 24px rgba(180, 160, 140, .15);--shadow-medium: 0 12px 32px rgba(150, 130, 110, .25);--shadow-pressed: 0 2px 4px rgba(150, 130, 110, .1);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--font-heading: "Outfit", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:var(--font-body);background:var(--color-bg-base);color:var(--color-text-main)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;overscroll-behavior:none;touch-action:none}*:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit}h1,h2,h3,h4{font-family:var(--font-heading);margin:0}