:root{--bg-primary:#1a1a2e;--bg-panel:#16213e;--bg-panel-alpha:#16213ed9;--border-color:#0f3460;--border-accent:#4ecdc4;--text-primary:#e8e8e8;--text-secondary:#89a;--accent:#4ecdc4;--accent-glow:#4ecdc44d;--warning:#ff6b6b;--success:#7ec850;--gold:#ffe66d;--xp-purple:#a78bfa;--rare-pink:#ff69b4;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", system-ui, sans-serif;--transition-open:.15s ease-out;--transition-close:.1s ease-in}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);overflow:hidden}body.game-active{cursor:none}canvas#game-canvas{z-index:0;width:100%;height:100%;display:block;position:fixed;top:0;left:0}#loading-screen{z-index:1000;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}#loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{text-align:center}.loading-title{font-family:var(--font-display);background:linear-gradient(135deg, var(--accent), var(--gold));-webkit-text-fill-color:transparent;margin-bottom:var(--space-sm);letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;font-size:64px;font-weight:800}.loading-subtitle{font-family:var(--font-body);color:var(--text-secondary);margin-bottom:var(--space-xl);letter-spacing:3px;text-transform:uppercase;font-size:18px}.loading-bar-container{width:320px;height:6px;margin:0 auto var(--space-md);background:#ffffff1a;border-radius:3px;overflow:hidden}.loading-bar{background:linear-gradient(90deg, var(--accent), var(--xp-purple));border-radius:3px;width:0%;height:100%;transition:width .3s}.loading-status{color:var(--text-secondary);font-size:13px}#auth-overlay{z-index:950;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-panel{width:360px;max-width:90vw;padding:var(--space-xl) var(--space-lg);background:var(--bg-panel-alpha);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;box-shadow:0 20px 60px #00000080}.auth-title{font-family:var(--font-display);background:linear-gradient(135deg, var(--accent), var(--gold));-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:800}.brand-text-hidden{display:none}.brand-logo{width:200px;max-width:70%;height:auto;margin:0 auto var(--space-md);filter:drop-shadow(0 8px 24px #0000008c);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;animation:.6s cubic-bezier(.175,.885,.32,1.275) both brand-logo-in;display:block}.brand-logo-lg{width:300px;max-width:80vw;margin-bottom:var(--space-lg)}@keyframes brand-logo-in{0%{opacity:0;transform:translateY(-14px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-subtitle{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px}#auth-form{gap:var(--space-sm);flex-direction:column;display:flex}.auth-input{font-family:var(--font-body);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);transition:border-color var(--transition-open);background:#00000040;outline:none;padding:12px 14px;font-size:15px}.auth-input:focus{border-color:var(--border-accent)}.auth-input::placeholder{color:var(--text-secondary)}.auth-error{color:var(--warning);margin:var(--space-xs) 0;text-align:left;font-size:13px}.auth-btn{font-family:var(--font-display);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-open);letter-spacing:.5px;padding:12px 20px;font-size:16px;font-weight:700}.auth-btn-primary{margin-top:var(--space-xs);border:2px solid var(--accent);color:var(--accent);background:#4ecdc426}.auth-btn-primary:hover:not(:disabled){box-shadow:0 0 24px var(--accent-glow);background:#4ecdc44d}.auth-btn-ghost{border:1px solid var(--border-color);width:100%;color:var(--text-secondary);background:0 0}.auth-btn-ghost:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text-primary)}.auth-btn:disabled,.auth-btn.is-busy{opacity:.5;cursor:not-allowed}.auth-toggle-row{color:var(--text-secondary);margin-top:var(--space-md);font-size:13px}.auth-link{font-family:var(--font-body);color:var(--accent);cursor:pointer;padding:0 var(--space-xs);background:0 0;border:none;font-size:13px;font-weight:600}.auth-link:hover{text-decoration:underline}.auth-divider{align-items:center;gap:var(--space-sm);margin:var(--space-md) 0;color:var(--text-secondary);font-size:12px;display:flex}.auth-guest-box{gap:var(--space-xs);flex-direction:column;display:flex}.auth-hint{color:var(--text-secondary);text-align:left;margin:0 0 var(--space-xs);font-size:12px}.auth-hint.is-error{color:var(--warning)}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.auth-gender{margin-bottom:var(--space-md)}.auth-gender-label{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:13px;display:block}.auth-gender-row{gap:var(--space-sm);display:flex}.auth-gender-btn{font-family:var(--font-display);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-open);background:#00000040;flex:1;padding:10px 0;font-size:14px;font-weight:700}.auth-gender-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.auth-gender-btn.active{border-color:var(--accent);color:var(--accent);background:#4ecdc42e}#play-overlay{z-index:900;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a1a2eb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.play-content{text-align:center}.play-title{font-family:var(--font-display);background:linear-gradient(135deg, var(--accent), var(--gold));-webkit-text-fill-color:transparent;margin-bottom:var(--space-lg);-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:800}.play-btn{font-family:var(--font-display);border:2px solid var(--accent);color:var(--accent);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-open);letter-spacing:1px;background:#4ecdc426;padding:16px 48px;font-size:22px;font-weight:700}.play-btn:hover{box-shadow:0 0 30px var(--accent-glow);background:#4ecdc44d;transform:scale(1.05)}.play-hint{margin-top:var(--space-lg);color:var(--text-secondary);letter-spacing:1px;font-size:13px}.play-subtitle-menu{margin:-8px 0 var(--space-lg);letter-spacing:2px;color:var(--text-secondary);font-size:14px}.menu-secondary{justify-content:center;gap:14px;margin-top:16px;display:flex}.menu-link-btn{color:#f0f0f5;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:6px;padding:8px 20px;font-family:inherit;font-size:14px;transition:background .12s,border-color .12s}.menu-link-btn:hover{background:#ffffff1f;border-color:#ffffff52}#settings-overlay,#onboarding-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a1a2eb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#settings-overlay{z-index:1600}#onboarding-overlay{z-index:1700}#settings-panel,#onboarding-panel{text-align:center;background:#141824eb;border:1px solid #ffffff1f;border-radius:10px;min-width:300px;max-width:420px;max-height:88vh;padding:28px 28px 24px;overflow-y:auto;box-shadow:0 8px 28px #0000008c}.chat-setting-row{text-align:left;flex-direction:column;align-items:stretch;gap:4px;margin:8px 0;display:flex}.chat-setting-row label{color:#d8d8e0;font-size:13px}.chat-setting-row input[type=range]{width:100%;accent-color:var(--accent,#4ecdc4);cursor:pointer}.onboarding-list{text-align:left;margin:14px 0 6px}.onboarding-row{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:baseline;gap:16px;padding:6px 4px;display:flex}.ob-key{color:var(--accent,#4ecdc4);letter-spacing:.5px;white-space:nowrap;font-weight:700}.ob-act{color:#d8d8e0;text-align:right;font-size:14px}.onboarding-tip{color:var(--text-secondary,#b0b0c0);margin:14px 0 4px;font-size:13px;font-style:italic}#profile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1650;background:#1a1a2eb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#profile-panel{text-align:center;background:#141824f2;border:1px solid #ffffff1f;border-radius:10px;width:380px;max-height:80vh;padding:24px 24px 20px;overflow-y:auto;box-shadow:0 8px 28px #0000008c}.profile-progress{color:var(--gold,#e8c860);letter-spacing:.5px;margin:-8px 0 4px;font-size:13px}.profile-stat-row{border-bottom:1px solid #ffffff12;justify-content:space-between;padding:5px 4px;font-size:14px;display:flex}.profile-stat-row .ps-label{color:#c8c8d2}.profile-stat-row .ps-value{color:#f0f0f5;font-weight:700}.achv-row{text-align:left;border-bottom:1px solid #ffffff12;align-items:center;gap:10px;padding:7px 6px;display:flex}.achv-row.locked{opacity:.45}.achv-icon{text-align:center;flex-shrink:0;width:26px;font-size:22px}.achv-body{flex:1;min-width:0}.achv-name{color:#f0f0f5;font-size:14px;font-weight:700}.achv-row.unlocked .achv-name{color:var(--gold,#e8c860)}.achv-desc{color:#b0b0c0;font-size:12px}.achv-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-top:4px;overflow:hidden}.achv-bar-fill{background:var(--accent,#4ecdc4);border-radius:2px;height:100%}.achv-check{color:var(--gold,#e8c860);flex-shrink:0;font-size:16px}#quest-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1660;background:#1a1a2eb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#quest-panel{text-align:center;background:#141824f2;border:1px solid #ffffff1f;border-radius:10px;width:380px;max-height:80vh;padding:24px 24px 20px;overflow-y:auto;box-shadow:0 8px 28px #0000008c}.quest-sub{color:var(--text-secondary,#b0b0c0);margin:-8px 0 12px;font-size:12px}.quest-card{text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;margin:8px 0;padding:10px}.quest-card.completed{border-color:#e8c86080}.quest-name{color:#f0f0f5;font-size:14px;font-weight:700}.quest-desc{color:#b0b0c0;margin-bottom:6px;font-size:12px}.quest-bar{background:#ffffff1a;border-radius:3px;height:14px;position:relative;overflow:hidden}.quest-bar-fill{background:var(--accent,#4ecdc4);height:100%}.quest-card.completed .quest-bar-fill{background:var(--gold,#e8c860)}.quest-bar-text{text-align:center;color:#fff;text-shadow:0 1px 2px #000c;font-size:10px;line-height:14px;position:absolute;inset:0}.quest-reward{color:#b0b0c0;margin-top:6px;font-size:11px}.quest-claim-btn{color:#1a1a2e;background:var(--gold,#e8c860);cursor:pointer;border:none;border-radius:5px;width:100%;margin-top:8px;padding:7px;font-family:inherit;font-size:13px;font-weight:700}.quest-claim-btn:hover{filter:brightness(1.1)}.quest-status{color:var(--gold,#e8c860);margin-top:8px;font-size:12px;font-weight:700}#claim-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1660;background:#1a1a2eb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#claim-panel{text-align:center;background:#141824f2;border:1px solid #ffffff1f;border-radius:10px;width:380px;max-height:80vh;padding:24px 24px 20px;overflow-y:auto;box-shadow:0 8px 28px #0000008c}.claim-region{color:var(--text-secondary,#b0b0c0);margin-bottom:6px;font-size:12px}.claim-status{color:#f0f0f5;margin-bottom:12px;font-size:14px;font-weight:700}.claim-action-btn{color:#1a1a2e;cursor:pointer;background:#ffd24a;border:none;border-radius:6px;width:100%;padding:9px;font-family:inherit;font-size:14px;font-weight:700}.claim-action-btn:hover{filter:brightness(1.1)}.claim-section-label{text-align:left;color:var(--text-secondary,#b0b0c0);margin:14px 0 6px;font-size:12px;font-weight:700}.claim-access-row{gap:6px;display:flex}.claim-access-btn{color:#d0d0d8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:5px;flex:1;padding:7px;font-family:inherit;font-size:13px;font-weight:700}.claim-access-btn:hover{background:#ffffff1f}.claim-access-btn.active{color:#1a1a2e;background:#ffd24a;border-color:#ffd24a}.claim-trust-list{flex-direction:column;gap:4px;display:flex}.claim-trust-empty{text-align:left;color:#8a8a98;font-size:12px}.claim-trust-row{color:#f0f0f5;background:#ffffff0d;border-radius:4px;justify-content:space-between;align-items:center;padding:5px 8px;font-size:13px;display:flex}.claim-trust-remove{color:#ff8a6b;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:14px;font-weight:700;line-height:1}.claim-trust-add{gap:6px;margin-top:6px;display:flex}.claim-trust-add input{color:#f0f0f5;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:5px;flex:1;padding:6px 8px;font-family:inherit;font-size:13px}.claim-trust-add button{color:#1a1a2e;cursor:pointer;background:#ffd24a;border:none;border-radius:5px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:700}.daily-card{text-align:left;background:#ffd24a12;border:1px solid #ffd24a66;border-radius:6px;margin:8px 0;padding:10px}.daily-title{color:#ffd24a;font-size:14px;font-weight:700}.daily-desc{color:#b0b0c0;margin-top:2px;font-size:12px}.daily-claim-btn{color:#1a1a2e;cursor:pointer;background:#ffd24a;border:none;border-radius:5px;width:100%;margin-top:8px;padding:7px;font-family:inherit;font-size:13px;font-weight:700}.daily-claim-btn:hover{filter:brightness(1.1)}.daily-status{color:#ffd24a;margin-top:8px;font-size:12px;font-weight:700}#social-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1670;background:#1a1a2eb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#social-panel{text-align:center;background:#141824f2;border:1px solid #ffffff1f;border-radius:10px;width:380px;max-height:80vh;padding:24px 24px 20px;overflow-y:auto;box-shadow:0 8px 28px #0000008c}.social-row{border-bottom:1px solid #ffffff12;align-items:center;gap:8px;padding:6px 4px;display:flex}.social-name{text-align:left;color:#f0f0f5;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;overflow:hidden}.social-dot{background:#6a6a78;border-radius:50%;flex-shrink:0;width:8px;height:8px}.social-dot.online{background:#56c95a}.social-empty{color:#8a8a96;padding:8px 4px;font-size:12px;font-style:italic}.social-btn{color:#f0f0f5;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:5px;flex-shrink:0;padding:4px 10px;font-family:inherit;font-size:12px}.social-btn:hover{background:#ffffff29}.social-btn.danger{color:#ff9a9a;border-color:#ff787866}.social-btn.danger:hover{background:#ff5a5a2e}.social-btn.active{color:var(--accent,#4ecdc4);border-color:#4ecdc473}#cosmetics-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1680;background:#1a1a2eb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#cosmetics-panel{text-align:center;background:#141824f2;border:1px solid #ffffff1f;border-radius:10px;width:380px;max-height:80vh;padding:24px 24px 20px;overflow-y:auto;box-shadow:0 8px 28px #0000008c}.cosmetic-row{text-align:left;border-bottom:1px solid #ffffff12;align-items:center;gap:10px;padding:8px 6px;display:flex}.cosmetic-swatch{border:1px solid #ffffff40;border-radius:5px;flex-shrink:0;width:22px;height:22px}.cosmetic-swatch.none{background:repeating-linear-gradient(45deg,#44444e 0 4px,#2e2e36 4px 8px)}.cosmetic-body{flex:1;min-width:0}.cosmetic-name{color:#f0f0f5;font-size:14px;font-weight:700}.cosmetic-desc{color:#b0b0c0;font-size:12px}.cosmetic-btn{color:#f0f0f5;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:5px;flex-shrink:0;padding:5px 12px;font-family:inherit;font-size:12px}.cosmetic-btn:hover{background:#ffffff29}.cosmetic-status{color:var(--accent,#4ecdc4);flex-shrink:0;font-size:12px;font-weight:700}.cosmetic-status.locked{color:#8a8a96;font-weight:400}#game-hud{z-index:100;pointer-events:none;position:fixed;inset:0}#game-hud>*{pointer-events:auto}#crosshair{color:#ffffffb3;text-shadow:0 0 4px #00000080;pointer-events:none;z-index:101;justify-content:center;align-items:center;width:28px;height:28px;font-size:24px;font-weight:300;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair.mining:before{content:"";background:conic-gradient(var(--gold) 0deg, var(--gold) var(--mining-progress,0deg), transparent var(--mining-progress,0deg), transparent 360deg);pointer-events:none;border-radius:50%;position:absolute;inset:-6px;-webkit-mask:radial-gradient(circle,#0000 50%,#000 53%);mask:radial-gradient(circle,#0000 50%,#000 53%)}.hud-panel{background:var(--bg-panel-alpha);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.hud-top-left{background:#14182499;border:1px solid #ffffff1a;flex-direction:column;gap:4px;min-width:160px;padding:8px 12px;display:flex;position:absolute;top:8px;left:8px}.profile-header{font-family:var(--font-display);justify-content:space-between;align-items:center;margin-bottom:2px;font-size:14px;font-weight:700;display:flex}#profile-name{color:#fff;text-shadow:0 1px 2px #000c}#profile-level{color:var(--gold);font-size:13px}.profile-stats,.profile-pos{color:var(--text-secondary);gap:6px;font-family:Inter,monospace;font-size:11px;display:flex}.divider{color:#fff3}.profile-stats #online-count{color:var(--accent);font-weight:600}.hud-bottom-center{bottom:var(--space-md);gap:var(--space-xs);display:flex;position:absolute;left:50%;transform:translate(-50%)}.hotbar-slot{background:var(--bg-panel-alpha);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:48px;height:48px;transition:all var(--transition-open);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.hotbar-slot.active{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow), inset 0 0 8px var(--accent-glow)}.hotbar-slot:hover{border-color:var(--accent)}.hotbar-slot.drag-hover{border-color:var(--success);box-shadow:0 0 10px #4ecdc480}.hotbar-slot .slot-key{color:var(--text-secondary);font-size:9px;font-weight:600;position:absolute;top:2px;left:4px}.hotbar-slot .slot-icon{width:32px;height:32px;image-rendering:pixelated}.hotbar-slot .slot-color{border-radius:2px;width:32px;height:32px}.slot-tool{width:32px;height:32px;font-family:var(--font-display);color:#000000bf;text-shadow:0 1px #ffffff4d;letter-spacing:-.5px;border:1px solid #00000040;border-radius:4px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.slot-img{width:32px;height:32px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;color:#0000;font-size:0}.slot-count{font-family:var(--font-body,sans-serif);color:#fff;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000;pointer-events:none;font-size:12px;font-weight:700;line-height:1;position:absolute;bottom:1px;right:3px}.durability-bar{pointer-events:none;background:#000000b3;border-radius:1px;height:3px;position:absolute;bottom:3px;left:3px;right:3px;overflow:hidden}.durability-fill{border-radius:1px;height:100%}.hud-bottom-left{bottom:80px;left:var(--space-md);width:var(--chat-width,340px);position:absolute}#chat-messages{max-height:var(--chat-height,160px);padding:var(--space-sm);scrollbar-width:none;background:rgba(15, 18, 30, var(--chat-bg-opacity,.3));border-radius:var(--radius-md);flex-direction:column;gap:2px;margin-bottom:4px;display:flex;overflow-y:auto}#chat-messages::-webkit-scrollbar{display:none}.chat-msg{font-size:var(--chat-font-size,13px);color:var(--text-primary);opacity:.8;line-height:1.4;transition:opacity .3s}.chat-msg-image{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.chat-img{border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer;object-fit:contain;width:auto;max-width:100%;height:auto;max-height:180px}.chat-msg .chat-author{color:var(--accent);font-weight:600}.chat-msg.system{color:var(--gold);font-style:italic}.action-feed{pointer-events:none;z-index:200;flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:fixed;top:80px;right:16px}.action-feed-item{font-family:var(--font-display);text-shadow:0 2px 4px #000c;font-weight:600;transition:opacity .5s ease-out;animation:.3s cubic-bezier(.175,.885,.32,1.275) feed-in}.action-feed-item.kill{color:#ddd;font-size:13px}.action-feed-item.kill .xp{color:var(--xp-purple)}.action-feed-item.level{color:var(--gold);font-size:16px}.action-feed-item.fade-out{opacity:0}@keyframes feed-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}#chat-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-panel-alpha);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);opacity:.5;transition:all var(--transition-open);outline:none;font-size:13px}#chat-input:focus{opacity:1;border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.hud-xp{background:#ffffff14;border-radius:3px;width:440px;height:6px;position:absolute;bottom:72px;left:50%;overflow:visible;transform:translate(-50%)}#xp-bar{background:linear-gradient(90deg, var(--xp-purple), var(--accent));border-radius:3px;width:0%;height:100%;transition:width .5s;box-shadow:0 0 8px #a78bfa66}.hud-coins{pointer-events:none;filter:drop-shadow(0 1px 2px #000000b3);align-items:center;gap:4px;display:flex;position:absolute;top:-22px;right:0}.coin-icon{font-size:13px;line-height:1}.coin-amount{color:#ffd24a;text-shadow:0 1px 2px #000c;font-size:13px;font-weight:700}#xp-label{font-family:var(--font-display);color:var(--xp-purple);text-shadow:0 1px 4px #00000080;white-space:nowrap;font-size:11px;font-weight:700;position:absolute;top:-2px;left:-42px}#inventory-overlay{z-index:500;pointer-events:none;background:#00000026;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#inventory-panel{pointer-events:auto;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);flex-direction:column;width:70vw;min-width:520px;max-width:720px;max-height:80vh;animation:.15s ease-out inv-open;display:flex;box-shadow:0 8px 32px #00000080}@keyframes inv-open{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.inv-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.inv-header h2{font-family:var(--font-display);color:var(--text-primary);font-size:22px;font-weight:700}.inv-close-btn{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-open);background:0 0;font-size:16px}.inv-close-btn:hover{border-color:var(--warning);color:var(--warning)}.inv-tab{text-align:left;color:#8b91a4;width:100%;font-family:var(--font-body);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;margin-bottom:1px;padding:7px 9px;font-size:11.5px;transition:background .12s,color .12s;display:flex;overflow:hidden}.inv-tab:hover{color:#eef0f6;background:#ffffff0d}.inv-tab.active{color:#d6f4e8;background:#7ad6b426;box-shadow:inset 3px 0 #7ad6b4}.inv-search{color:#eef0f6;width:100%;height:34px;font-family:var(--font-body);background:#10131c;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:0 12px;font-size:12px;transition:border-color .12s}.inv-search:focus{border-color:#7ad6b473}.inv-search::placeholder{color:#8b91a4}#inv-grid{grid-template-columns:repeat(auto-fill,46px);place-content:start center;gap:6px;display:grid}.inv-slot{cursor:pointer;background:#1a1f2c;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;width:46px;height:46px;transition:border-color .12s,background .12s;display:flex;position:relative;box-shadow:inset 0 1px 2px #00000073}.inv-slot:hover{background:#20283a;border-color:#7ad6b4b3}.inv-slot .slot-color{border-radius:3px;width:74%;height:74%}#craft-overlay,#chest-overlay,#furnace-overlay{z-index:1400;pointer-events:none;background:#00000026;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#craft-panel,#chest-panel,#furnace-panel{pointer-events:auto;color:#f0f0f5;min-width:420px;max-width:480px;max-height:92vh;font-family:var(--font-body,sans-serif);background:#141824eb;border:1px solid #ffffff24;border-radius:10px;flex-direction:column;padding:18px 22px 22px;animation:.15s ease-out inv-open;display:flex;box-shadow:0 16px 40px #0000008c}.craft-table-top{flex-direction:column;align-items:center;gap:8px;margin:6px 0 14px;display:flex}.craft-table-row{justify-content:center;align-items:center;gap:16px;display:flex}.craft-table-grid{grid-template-rows:repeat(3,40px);grid-template-columns:repeat(3,40px);gap:4px;display:grid}.furnace-top{justify-content:center;align-items:center;gap:18px;margin:10px 0 16px;display:flex}.furnace-io{flex-direction:column;align-items:center;gap:6px;display:flex}.furnace-flame{background:#00000073;border-radius:3px;align-items:flex-end;width:22px;height:22px;display:flex;overflow:hidden}#furnace-flame-fill{background:linear-gradient(#ffcf3f,#ff7a18);width:100%;height:0%;transition:height .12s linear}.furnace-arrow-wrap{align-items:center;display:flex}.furnace-arrow{background:#00000073;border-radius:3px;width:64px;height:12px;position:relative;overflow:hidden}#furnace-arrow-fill{background:linear-gradient(90deg,#8fd86a,#c8f0a0);width:0%;height:100%;transition:width .12s linear}.furnace-out{width:52px!important;height:52px!important}.tooltip{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--text-primary);pointer-events:none;z-index:600;max-width:200px;font-size:12px;position:fixed;box-shadow:0 4px 12px #0006}.tooltip .tooltip-title{color:var(--accent);margin-bottom:2px;font-weight:600}.tooltip .tooltip-desc{color:var(--text-secondary);font-size:11px}.notification{background:var(--bg-panel-alpha);border:1px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);font-family:var(--font-display);color:var(--accent);z-index:200;box-shadow:0 4px 20px var(--accent-glow);font-size:16px;font-weight:600;animation:.3s ease-out notif-in,.3s ease-in 2.7s forwards notif-out;position:fixed;top:80px;left:50%;transform:translate(-50%)}@keyframes notif-in{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes notif-out{0%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-20px)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.hud-armor{pointer-events:none;z-index:102;filter:drop-shadow(0 2px 3px #0009);gap:2px;display:flex;position:absolute;bottom:128px;right:calc(50% + 4px)}.armor-img{width:20px;height:20px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hud-hearts{pointer-events:none;z-index:102;filter:drop-shadow(0 2px 3px #0009);gap:2px;display:flex;position:absolute;bottom:104px;right:calc(50% + 4px)}.hud-hunger{pointer-events:none;z-index:102;filter:drop-shadow(0 2px 3px #0009);flex-direction:row-reverse;gap:2px;display:flex;position:absolute;bottom:104px;left:calc(50% + 4px)}.hunger-img{width:20px;height:20px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hud-air{pointer-events:none;z-index:102;filter:drop-shadow(0 2px 3px #0009);flex-direction:row-reverse;gap:2px;display:flex;position:absolute;bottom:128px;left:calc(50% + 4px)}.air-img{width:18px;height:18px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hud-buffs{z-index:102;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;top:12px;right:12px}.buff-chip{filter:drop-shadow(0 2px 3px #0009);background:#0000008c;border-left:3px solid #fff;border-radius:4px;align-items:center;gap:6px;padding:4px 8px 4px 6px;display:flex}.buff-icon{font-size:15px;line-height:1}.buff-time{color:#fff;text-align:right;text-shadow:0 1px 2px #000c;min-width:26px;font-size:12px;font-weight:700}.heart-img{width:20px;height:20px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hud-hearts.hp-critical .heart-img{animation:.9s ease-in-out infinite heart-pulse}@keyframes heart-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.6)saturate(1.3)}}.hud-stamina{pointer-events:none;z-index:101;background:#00000073;border-radius:2px;width:444px;height:4px;position:absolute;bottom:92px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 1px 3px #00000080}#stamina-bar{background:linear-gradient(90deg,#ffd86a,#ffe9a0);width:100%;height:100%;transition:width .1s linear}#damage-overlay{z-index:150;pointer-events:none;opacity:0;background:radial-gradient(#0000 40%,#ff323259 100%);transition:opacity .1s;position:fixed;inset:0}#damage-overlay.active{opacity:1}.hud-online-badge{top:var(--space-md);background:var(--bg-panel-alpha);border:1px solid var(--border-color);font-size:12px;font-family:var(--font-body);color:var(--text-secondary);pointer-events:none;z-index:101;border-radius:20px;align-items:center;gap:6px;padding:4px 14px 4px 10px;transition:all .3s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.online-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 6px #7ec85099}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}#online-count{color:var(--text-primary);letter-spacing:.5px;font-weight:600}.connection-status{bottom:12px;right:var(--space-md);color:var(--text-secondary);opacity:.6;pointer-events:none;align-items:center;gap:4px;font-size:10px;display:flex;position:absolute}.connection-status .conn-icon{border-radius:50%;width:6px;height:6px}.connection-status .conn-icon.connected{background:var(--success)}.connection-status .conn-icon.disconnected{background:var(--warning)}#pause-menu{z-index:1500;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#pause-panel{pointer-events:auto;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#141824c7;border:1px solid #ffffff1f;border-radius:10px;min-width:280px;padding:28px 28px 24px;box-shadow:0 8px 28px #00000073}.pause-title{font-family:var(--font-body,sans-serif);letter-spacing:1px;color:#f0f0f5;text-shadow:0 2px 6px #00000080;margin:0 0 18px;font-size:22px;font-weight:600}.pause-btn{color:#f0f0f5;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:6px;width:100%;margin:6px 0;padding:10px 16px;font-family:inherit;font-size:14px;transition:background .12s,border-color .12s;display:block}.pause-btn:hover{background:#ffffff1f;border-color:#ffffff52}.pause-btn-primary{background:#64a8ff2e;border-color:#78b4ff73}.pause-btn-primary:hover{background:#64a8ff4d;border-color:#8cc8ffb3}.hotbar-slot.offhand-slot{background:#28468c33;border-color:#78b4ff73;margin-right:8px}.hotbar-slot.offhand-slot .slot-key{color:#8fb8ff}.inv-slot{cursor:grab}.inv-slot:active{cursor:grabbing}.pause-section-label{letter-spacing:1.5px;text-transform:uppercase;color:#b0b0c0;margin:18px 0 8px;font-size:12px}#skin-grid{grid-template-columns:repeat(6,44px);grid-auto-rows:44px;place-content:center;gap:8px;display:grid}.skin-slot{aspect-ratio:1;cursor:pointer;color:#ffffff8c;background:#1a1f2c;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;font-size:16px;transition:border-color .12s,background .12s;display:flex;overflow:hidden;box-shadow:inset 0 1px 2px #00000073}.skin-slot:hover{background:#ffffff14;border-color:#7ad6b480}.skin-slot.active{border-color:#7ad6b4;box-shadow:0 0 0 2px #7ad6b44d}.skin-face{width:100%;height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;background-position:14.2857% 14.2857%;background-repeat:no-repeat;background-size:800%}.skin-slot.skin-add{color:#6cc2ff;font-size:22px}.skin-context-menu{z-index:2200;background:#1a1f2c;border:1px solid #ffffff24;border-radius:6px;min-width:132px;padding:4px;position:fixed;box-shadow:0 8px 24px #0000008c}.skin-context-item{color:#e6e6ef;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;padding:7px 12px;font-size:13px}.skin-context-item:hover{color:#ff9b9b;background:#dc505038}.skin-context-item.disabled{opacity:.4;cursor:not-allowed}.skin-context-item.disabled:hover{color:#e6e6ef;background:0 0}#survival-inventory-overlay{z-index:1400;pointer-events:none;background:0 0;justify-content:center;align-items:center;padding-bottom:90px;display:flex;position:fixed;inset:0}#survival-inventory-panel{pointer-events:auto;color:#eef0f6;width:min(95vw,1200px);height:min(82vh,660px);font-family:var(--font-body,sans-serif);background:linear-gradient(#171b26,#0f121a);border:1px solid #7ad6b438;border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 26px 64px #000000a8}.surv-inv-header{background:#7ad6b40f;border-bottom:1px solid #7ad6b42e;flex:none;justify-content:space-between;align-items:center;padding:4px 14px;display:flex}.surv-inv-header h2{letter-spacing:2px;text-transform:uppercase;color:#7ad6b4;margin:0;font-size:13px;font-weight:800}.surv-inv-title{letter-spacing:3px;color:#7ad6b4;font-size:13px;font-weight:800}.inv-close-btn{color:#7ad6b4;cursor:pointer;background:0 0;border:1px solid #7ad6b44d;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;transition:background .12s;display:flex}.inv-close-btn:hover{background:#7ad6b421}.surv-layout{flex:1;gap:13px;min-height:0;padding:14px 16px 16px;display:flex}.surv-col{flex-direction:column;gap:13px;min-height:0;display:flex}.surv-col-left{flex:none;width:170px}.surv-col-center{flex:1;min-width:0}.surv-col-right{flex:none;width:344px}.surv-box{background:#10131c;border:1px solid #ffffff12;border-radius:9px;flex-direction:column;flex:none;display:flex;overflow:hidden}.surv-box.grow{flex:auto;min-height:0}.surv-box-hd{color:#7ad6b4;letter-spacing:1.9px;text-transform:uppercase;background:#7ad6b412;border-bottom:1px solid #ffffff0f;flex:none;align-items:center;gap:7px;padding:5px 11px;font-size:9.5px;font-weight:700;display:flex}.surv-box-hd:before{content:"";background:#7ad6b4;border-radius:2px;width:7px;height:7px}.surv-box-body{flex-direction:column;flex:auto;min-height:0;padding:9px 11px;display:flex}.surv-box-scroll{scrollbar-width:thin;scrollbar-color:#7ad6b4 transparent;overflow-y:auto}.surv-box-scroll::-webkit-scrollbar{width:6px}.surv-box-scroll::-webkit-scrollbar-thumb{background:#7ad6b4;border-radius:3px}#inv-tabs{padding:6px;overflow-y:auto}#inv-search-host{flex:none}#surv-backpack{grid-template-columns:repeat(9,46px);justify-content:center;gap:6px;display:grid}.surv-slot{color:#fff6;cursor:pointer;background:#1a1f2c;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;transition:border-color .12s,background .12s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000073}.surv-slot:hover{border-color:#7ad6b48c}.surv-slot.drag-hover{background:#7ad6b42e;border-color:#7ad6b4}.surv-slot-hint{opacity:.5;pointer-events:none;font-size:15px}.surv-armor-slot{border-color:#b4965a66}.surv-offhand-slot{border-color:#78b4ff6b}.surv-slot .slot-color{border-radius:3px;width:76%;height:76%}#surv-backpack .surv-slot{width:46px;height:46px}.surv-char-row{align-items:stretch;gap:12px;display:flex}.surv-character-pane{background:radial-gradient(at 50% 30%,#7ad6b429,#0f121a);border:1px solid #ffffff12;border-radius:9px;flex:none;justify-content:center;align-items:center;width:184px;height:244px;display:flex;position:relative;overflow:hidden}#inventory-3d-viewer{width:100%;height:100%;display:block}.surv-character-fallback{letter-spacing:1.5px;text-transform:uppercase;color:#ffffff4d;pointer-events:none;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.surv-character-pane.has-3d .surv-character-fallback{display:none}.surv-character-pane.has-3d{cursor:grab}.surv-character-pane.has-3d:active{cursor:grabbing}.surv-equip-list{flex-direction:column;flex:1;justify-content:center;gap:6px;display:flex}.surv-modules{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.surv-mod-cell{flex-direction:column;align-items:center;gap:4px;display:flex}.surv-mod-slot{opacity:.85;cursor:default;background:#7ad6b41a;border:1px solid #7ad6b44d;border-radius:7px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex;box-shadow:inset 0 1px 2px #0006}.surv-mod-cell span{letter-spacing:.3px;text-transform:uppercase;color:#7e8aa0;font-size:8.5px}.surv-inv-section-label{letter-spacing:1.5px;text-transform:uppercase;color:#aab;margin:4px 0 8px;font-size:11px}.surv-backpack-grid{grid-template-columns:repeat(9,minmax(0,44px));justify-content:center;gap:5px;width:100%;display:grid}.surv-hotbar-grid{border-top:1px solid #ffffff1a;grid-template-columns:repeat(9,minmax(0,44px));justify-content:center;gap:5px;width:100%;max-width:446px;margin:0 auto;padding-top:8px;display:grid}.surv-hotbar-grid .surv-slot{border-color:#ffffff47}#surv-cursor-item{pointer-events:none;z-index:1500;justify-content:center;align-items:center;width:40px;height:40px;display:none;position:fixed;transform:translate(-50%,-50%)}#surv-cursor-item .slot-color{border-radius:3px;width:100%;height:100%}#surv-cursor-item .slot-count{bottom:0;right:2px}#death-screen{z-index:1800;-webkit-backdrop-filter:saturate(.6);backdrop-filter:saturate(.6);background:radial-gradient(#3c000080,#140000d9);justify-content:center;align-items:center;animation:.6s ease-out both death-fade-in;display:flex;position:fixed;inset:0}.death-panel{text-align:center;padding:40px 48px}.death-title{font-family:var(--font-display,var(--font-body,sans-serif));color:#ff3030;letter-spacing:6px;text-shadow:0 0 18px #ff3c3c80,0 4px #0009;margin:0 0 12px;font-size:64px;font-weight:800}.death-subtitle{font-family:var(--font-body,sans-serif);color:#d8c8c8;letter-spacing:1px;margin:0 0 28px;font-size:16px}.death-btn{color:#fff;cursor:pointer;letter-spacing:1.5px;background:#8c282899;border:1px solid #ff646499;border-radius:6px;padding:12px 36px;font-family:inherit;font-size:16px;font-weight:600;transition:background .15s,transform .15s}.death-btn:hover{background:#c83c3cb3;transform:translateY(-2px)}@keyframes death-fade-in{0%{opacity:0}to{opacity:1}}.hotbar-slot.eating{border-color:#ffd86c;box-shadow:0 0 12px #ffd86c8c,inset 0 0 8px #ffd86c59}.hotbar-slot .eat-progress{pointer-events:none;background:#00000073;border-radius:2px;height:3px;position:absolute;bottom:2px;left:4px;right:4px;overflow:hidden}.hotbar-slot .eat-progress:after{content:"";height:100%;width:var(--eat-progress,0%);background:linear-gradient(90deg,#ffd86c,#ffa040);transition:width 60ms linear;display:block}