:root{--wood-dark: #3a2615;--wood-mid: #725134;--wood-light: #a5815a;--wood-highlight: #c19e7a;--stone-dark: #2e3138;--stone-mid: #525760;--stone-light: #8a9099;--panel-shadow: rgba(0, 0, 0, .45)}body{margin:0;padding:0;overflow:hidden;font-family:Trebuchet MS,Segoe UI,Arial,sans-serif;background:#88c5ee;min-height:100vh;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#name-box{background:linear-gradient(180deg,#283c64b3,#141e3cd9)!important;border:2px solid rgba(180,200,255,.4)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0006,0 0 20px #508cff2e,inset 0 1px #ffffff14!important;transition:all .2s ease;color:#f3f6ff!important;text-shadow:0 0 8px rgba(120,170,255,.4)}#name-box:hover{transform:translateY(-1px);background:linear-gradient(180deg,#3c5aa0d9,#1e2d5af2)!important;border-color:#c8dcffa6!important;box-shadow:0 6px 22px #00000080,0 0 30px #78aaff59,inset 0 1px #ffffff1f!important}#hotbar{box-shadow:0 8px 24px #00000038!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.2)!important}.slot{transition:all .15s ease}.slot.active{box-shadow:0 0 0 2px #ffdc7880,0 8px 16px #0000004d!important}.hud-card,#fps-box,#health-box,#player-info-box{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:0 6px 20px #0000002e!important}#name-box{position:fixed;top:14px;left:14px;cursor:pointer;border:none;padding:6px 14px;font-size:13px;font-weight:700;background:#1e232dd9;z-index:310;border-radius:6px;box-shadow:none;color:#e8f0ff;letter-spacing:.01em;border:1px solid rgba(255,255,255,.15)}body:has(.sandbox-page.active) #name-box{display:none!important}#name-suggest-modal{position:absolute;top:70px;left:28px;border:3px solid var(--wood-dark);background:linear-gradient(180deg,#e7d3b8,#ccb18a);z-index:320;width:270px;border-radius:10px;padding:18px 14px;display:none;box-shadow:0 12px 28px var(--panel-shadow)}.suggestion-list{padding:0;margin:0 0 12px;list-style:none;max-height:110px;overflow-y:auto}.suggestion-list li{padding:7px 12px;cursor:pointer;border-radius:6px;font-size:17px;color:#1e1e24}.suggestion-list li:hover{background:#c19e7a80}.manual-box{display:flex;margin-bottom:12px}.manual-box input{flex:1;font-size:16px;padding:7px;border:2px solid var(--wood-dark);margin-right:7px;background:#f3e8d8}.manual-box button,.auto-btn{font-size:16px;background:linear-gradient(180deg,var(--wood-highlight),var(--wood-light));border:2px solid var(--wood-dark);cursor:pointer;padding:7px 10px;width:100%;color:#23170e;font-weight:700}#overlay-bg{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:#070c1273;z-index:305;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#hotbar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:none;gap:4px;z-index:10;padding:6px 8px;background:#1c140e2e;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 8px 20px #0000002e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.slot{position:relative;width:40px;height:40px;background:#8b8b8b8c;border:2px solid rgba(55,55,55,.55);border-right-color:#fff9;border-bottom-color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px}.slot.active{border-color:#f5db89f2;background:#c19e7a8c;transform:translateY(-2px) scale(1.04);box-shadow:0 6px 12px #0000002e}.slot-icon{width:30px;height:30px;image-rendering:pixelated;background-size:contain;background-repeat:no-repeat;background-position:center}.slot-count{position:absolute;bottom:2px;right:2px;font-size:12px;color:#fff;text-shadow:1px 1px 0 #000;font-weight:700}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:18px;display:none;pointer-events:none;z-index:200;text-shadow:0 0 0 2px #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 0 6px rgba(0,0,0,.95);line-height:1;font-weight:900}#survivalUI{position:fixed;top:14px;right:76px;color:#f3e8d8;display:none;z-index:12;-webkit-user-select:none;user-select:none;pointer-events:none}#survivalUI.visible{display:block!important}#fps-pill{background:#1418208c;padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#5cdc4a;font-family:monospace;font-size:11px;font-weight:700;transition:color .3s ease}#fps-pill.fps-mid{color:#f4d04c}#fps-pill.fps-low{color:#ff6650}#fps-label{font-weight:600;opacity:.7;margin-right:4px;font-size:9px;letter-spacing:.5px}#fps-row{display:none}#xp-bar{position:fixed;left:50%;bottom:60px;transform:translate(-50%);display:none;align-items:center;justify-content:center;background:#282d37d9;border:1px solid rgba(255,255,255,.14);border-radius:4px;padding:0;width:360px;height:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 12px #0000004d;z-index:12;overflow:hidden;color:#fff;font-weight:700;font-size:11px;text-shadow:1px 1px 0 rgba(0,0,0,.7)}#xp-bar.visible{display:flex!important}#xp-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(180deg,#6cdf5a,#44b836);width:0%;transition:width .3s ease;z-index:1}#xp-icon,#xp-text{position:relative;z-index:2;padding:0 6px}#xp-icon{color:#fff;font-weight:800}#xp-text{font-family:monospace}#health-pill{position:fixed;right:14px;bottom:60px;display:none;align-items:center;gap:6px;background:linear-gradient(180deg,#e84838,#c4302c);border:1px solid rgba(0,0,0,.3);border-radius:8px;padding:5px 10px;min-width:130px;color:#fff;font-weight:800;font-size:13px;text-shadow:1px 1px 0 rgba(0,0,0,.5);box-shadow:0 4px 12px #00000059,inset 0 1px #ffffff2e;z-index:12;overflow:hidden}#health-pill.visible{display:flex!important}#health-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(180deg,#ff503cf2,#c8281ef2);width:100%;transition:width .3s ease;z-index:0}#health-pill>*{position:relative;z-index:1}.health-heart{color:#ff6b6b;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}#health-num{font-family:monospace}#health-pill.shake{animation:hp-shake .4s ease-in-out}@keyframes hp-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (hover: none) and (pointer: coarse){#survivalUI{top:8px;left:8px;font-size:11px}#player-name-tag,#server-mode,#fps-pill{padding:4px 8px;font-size:10px}#fps-label{font-size:9px}#xp-bar{bottom:48px;width:220px;height:14px;font-size:10px}#health-pill{right:8px;bottom:48px;padding:4px 8px;font-size:11px;min-width:100px}.health-heart{font-size:9px}}#heart-row{position:fixed;left:50%;bottom:76px;transform:translate(-50%);display:none;gap:0;z-index:15;pointer-events:none;padding:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7))}#heart-row.visible{display:flex}.heart{width:22px;height:22px;display:inline-block;image-rendering:pixelated;margin:0 -1px}.heart svg{width:22px;height:22px;display:block}.heart.damaged{animation:heart-shake .4s ease-in-out}@keyframes heart-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px) scale(1.18)}75%{transform:translate(2px) scale(1.18)}}.heart.heal-pulse{animation:heart-pulse .5s ease-out}@keyframes heart-pulse{0%{transform:scale(1)}50%{transform:scale(1.45);filter:drop-shadow(0 0 8px rgba(255,200,200,.9))}to{transform:scale(1)}}@media (hover: none) and (pointer: coarse){#heart-row{bottom:50px}.heart,.heart svg{width:18px;height:18px}}.stat-bar-container,.stat-bar{display:none}#damage-flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:250;background:radial-gradient(circle at center,transparent 35%,rgba(220,30,30,.65) 100%);opacity:0;transition:opacity .2s ease-out}#damage-flash.active{opacity:1;transition:opacity .05s linear}#hit-direction-indicator{position:fixed;left:50%;top:50%;width:80px;height:80px;margin-left:-40px;margin-top:-40px;pointer-events:none;z-index:251;opacity:0;background:conic-gradient(from var(--hit-angle, 0deg),rgba(220,30,30,.85) 0deg,rgba(220,30,30,.85) 30deg,transparent 30deg);border-radius:50%;transition:opacity .4s ease-out}#hit-direction-indicator.show{opacity:1;transition:opacity .1s linear}#toast-container{position:fixed;right:16px;top:16px;z-index:400;pointer-events:none;display:flex;flex-direction:column;gap:8px;max-width:320px}.toast{background:linear-gradient(180deg,#2e3138f0,#1b1e23f0);color:#f3e8d8;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 20px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;gap:10px;font-size:13px;animation:toast-in .28s cubic-bezier(.34,1.56,.64,1);min-width:200px}.toast.out{animation:toast-out .25s ease-in forwards}@keyframes toast-in{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-out{to{transform:translate(120%);opacity:0}}.toast-icon{font-size:18px;line-height:1}.toast-text{flex:1;line-height:1.3}.toast-title{font-weight:700}.toast-sub{font-size:11px;color:#b4d2ffb3;margin-top:2px}.toast.achievement{border-color:#f5c51899;box-shadow:0 0 0 1px #f5c5184d,0 8px 20px #00000059}.toast.pickup{border-color:#5eb24a80}.toast.system{border-color:#78a0dc66}#item-tooltip{position:fixed;pointer-events:none;z-index:350;background:#141820f5;color:#f3e8d8;padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:600;box-shadow:0 4px 12px #0006;opacity:0;transition:opacity .15s ease;white-space:nowrap}#item-tooltip.show{opacity:1}#item-tooltip .tooltip-sub{color:#b4d2ff99;font-weight:400;font-size:10px;margin-top:2px}.pickup-particle{position:fixed;pointer-events:none;z-index:401;font-size:14px;font-weight:700;color:#5cdc4a;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;animation:pickup-float 1s ease-out forwards}@keyframes pickup-float{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:1;transform:translateY(-8px) scale(1.1)}80%{opacity:1;transform:translateY(-26px) scale(1)}to{opacity:0;transform:translateY(-40px) scale(.9)}}.status-message{position:fixed;bottom:80px;right:20px;text-align:right;pointer-events:none;z-index:500;font-family:monospace;font-size:20px;font-weight:700;text-shadow:1px 1px 0 #000}.pickup-msg{color:#fff;margin-top:5px;animation:fadeOut 2s forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}#inventory-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:315;display:none;box-sizing:border-box;background:transparent;border:none;box-shadow:none;max-width:95vw;max-height:90vh;overflow:visible}.inv-three-col{display:flex;gap:8px;align-items:stretch}.inv-panel{background:#141c2eeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(120,150,220,.2);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;color:#e0e8ff;font-family:Segoe UI,system-ui,sans-serif}.inv-panel-left{width:260px;min-height:420px}.inv-panel-center{width:200px;min-height:420px}.inv-panel-right{width:320px;min-height:420px}.inv-panel-header{display:flex;align-items:center;gap:6px;padding-bottom:8px;border-bottom:1px solid rgba(120,150,220,.15);flex-shrink:0}.inv-panel-title{font-size:13px;font-weight:700;letter-spacing:.08em;color:#fff;text-transform:uppercase}.inv-panel-icon{font-size:14px;color:#c8dcffb3}.crafting-toggle-btn{background:#2e6fd640;border:1px solid rgba(120,150,220,.35);border-radius:5px;color:#b0c8ff;font:inherit;font-size:11px;padding:3px 8px;cursor:pointer}.crafting-toggle-btn:hover{background:#2e6fd673}.crafting-toggle-btn:disabled{opacity:.45;cursor:default}.hc-category-tabs{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.hc-cat-tab{background:transparent;border:1px solid transparent;border-radius:6px;color:#b4c8f0a6;font:inherit;font-size:12px;padding:5px 10px;cursor:pointer;text-align:left}.hc-cat-tab:hover{background:#2e6fd62e;color:#fff}.hc-cat-tab.active{background:#2e6fd6;color:#fff;border-color:#7896dc66}.crafting-area{display:flex;align-items:flex-start;justify-content:flex-start;gap:10px;flex-wrap:wrap}.crafting-layout{display:flex;align-items:center;gap:14px}.crafting-grid{display:grid;grid-template-columns:repeat(2,50px);grid-template-rows:repeat(2,50px);gap:4px}.arrow{font-size:28px;color:#b4c8ff80;line-height:1}.station-heading{min-width:80px;text-align:center;font-size:12px;line-height:1.4;text-transform:uppercase;letter-spacing:.06em;color:#b0c8ff}.station-subtitle{color:#b0c8ff8c;font-size:11px}.furnace-area{display:none;align-items:center;gap:8px}.furnace-column{display:flex;flex-direction:column;gap:8px;align-items:center}.slot-label{font-size:11px;color:#b4c8ff99}.hand-crafting-layout{width:100%}.hand-crafting-list{display:grid;grid-template-columns:repeat(4,44px);grid-auto-rows:44px;gap:5px;overflow-y:auto;padding:4px;max-height:230px;box-sizing:border-box}.hand-crafting-list::-webkit-scrollbar{width:5px}.hand-crafting-list::-webkit-scrollbar-track{background:transparent}.hand-crafting-list::-webkit-scrollbar-thumb{background:#6482c866;border-radius:3px}.hc-recipe-item{width:42px;height:42px;background:#1e2d4bb3;border:1px solid rgba(80,110,180,.35);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;position:relative}.hc-recipe-item:hover{background:#2e6fd659;border-color:#78a0ff99}.hc-recipe-item.selected{border-color:#2e86de;background:#2e86de40;box-shadow:0 0 0 2px #2e86de66}.hc-recipe-item.disabled{opacity:.35;filter:grayscale(.6)}.inventory-slot,.crafting-slot,.result-slot{width:44px;height:44px;background:#1e2d4bb3;border:1px solid rgba(80,110,180,.35);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;border-radius:6px}.inventory-slot:hover,.crafting-slot:hover,.result-slot:hover{background:#2e6fd64d}.inventory-slot.hotbar-slot{background:#283c64cc}.inventory-slot.hotbar-slot.active-slot{outline:2px solid #2e86de;outline-offset:-2px}.inv-item{width:36px;height:36px;image-rendering:pixelated;position:relative;z-index:1;background-size:contain;background-repeat:no-repeat;background-position:center}.inv-count{position:absolute;bottom:1px;right:2px;font-size:12px;color:#fff;text-shadow:1px 1px 0 #000;font-weight:700;z-index:2;pointer-events:none}.inventory-grid{display:grid;grid-template-columns:repeat(7,44px);gap:4px;overflow-y:auto;max-height:340px;padding:2px}.inventory-grid::-webkit-scrollbar{width:5px}.inventory-grid::-webkit-scrollbar-track{background:transparent}.inventory-grid::-webkit-scrollbar-thumb{background:#6482c866;border-radius:3px}.hand-crafting-preview{flex:1;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.preview-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#8caae68c;font-style:italic;font-size:13px;text-align:center}.preview-details{display:flex;flex-direction:column;gap:10px;height:100%}.preview-name{font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.preview-result-icon{display:flex;justify-content:center;padding:8px 0}.preview-result-icon .result-slot{width:64px;height:64px}.preview-result-icon .result-slot .inv-item{width:52px;height:52px}.preview-have-row{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px}.preview-have-label{color:#b4c8f0a6}.preview-have-count{font-size:20px;font-weight:700;color:#fff}.preview-qty-row{display:flex;align-items:center;justify-content:center;gap:10px}.hc-qty-btn{width:28px;height:28px;background:#1e2d50cc;border:1px solid rgba(100,140,220,.35);border-radius:5px;color:#b0c8ff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.hc-qty-btn:hover{background:#2e6fd673;color:#fff}.hc-qty-display{font-size:18px;font-weight:700;color:#fff;min-width:32px;text-align:center}.craft-buttons-row{display:flex;flex-direction:column;gap:6px;margin-top:auto}.hc-btn{border-radius:7px;font:inherit;font-weight:700;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;height:34px;border:none}.hc-btn-craft{background:#2e86de;color:#fff;font-size:14px;letter-spacing:.06em;width:100%}.hc-btn-craft:hover{background:#3b97f0}.hc-btn-small{background:#2e6fd638;color:#b0c8ff;border:1px solid rgba(120,150,220,.3);flex:1}.hc-btn-small:hover{background:#2e6fd666;color:#fff}.hc-btn:disabled{opacity:.35;cursor:not-allowed;background:#3c3c5080}.preview-ingredients{display:flex;flex-direction:column;gap:3px;overflow-y:auto;font-size:11px;color:#b4c8ffb3;border-top:1px solid rgba(100,130,200,.2);padding-top:6px}.ingredient-row{display:flex;justify-content:space-between;align-items:center}.ingredient-row.satisfied{color:#4cde7a}.ingredient-row.unsatisfied{color:#ff6b6b;font-weight:700}.creative-tabs{display:flex;flex-wrap:wrap;gap:4px}.creative-tab{padding:4px 10px;font-size:11px;font-weight:700;border:1px solid rgba(120,150,220,.25);border-radius:5px;background:#1e2d4b99;color:#b4c8f0b3;cursor:pointer;font-family:inherit}.creative-tab:hover{background:#2e6fd64d;color:#fff}.creative-tab.active{background:#2e6fd6;color:#fff;border-color:#2e86de}.inventory-book{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#8fe382,#4f9c4a 70%);border:2px solid rgba(100,180,100,.5);position:relative;box-shadow:inset 0 1px #ffffff59;margin-top:auto}.inventory-book:before,.inventory-book:after{content:"";position:absolute;background:#f0f0f0d9;border:1px solid rgba(0,0,0,.18)}.inventory-book:before{width:12px;height:15px;left:8px;top:8px;transform:skew(-8deg)}.inventory-book:after{width:12px;height:15px;right:8px;top:8px;transform:skew(8deg)}.crafting-title-text,.inventory-label{font-size:13px;font-weight:700;letter-spacing:.08em;color:#fff;text-transform:uppercase}#inventory-cursor{position:fixed;pointer-events:none;z-index:400;display:none;width:48px;height:48px}#inventory-cursor .inv-item{width:100%;height:100%}.universe-bg{background-color:#050714;background-image:radial-gradient(ellipse 800px 600px at 25% 30%,rgba(80,160,255,.32),transparent 60%),radial-gradient(ellipse 700px 500px at 75% 65%,rgba(40,90,200,.28),transparent 60%),radial-gradient(ellipse 450px 350px at 50% 50%,rgba(180,210,255,.18),transparent 60%),radial-gradient(ellipse 600px 400px at 15% 85%,rgba(60,30,120,.22),transparent 60%),radial-gradient(ellipse 500px 380px at 88% 12%,rgba(120,60,180,.18),transparent 60%),radial-gradient(ellipse at center,#0a1830,#050714 70%,#02030a);background-attachment:fixed;position:relative;overflow:hidden}.universe-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(1px 1px at 20px 30px,white,transparent),radial-gradient(1px 1px at 60px 80px,white,transparent),radial-gradient(1px 1px at 110px 50px,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 160px 120px,rgba(220,230,255,.9),transparent),radial-gradient(2px 2px at 200px 35px,white,transparent),radial-gradient(1px 1px at 250px 90px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 300px 150px,white,transparent),radial-gradient(1px 1px at 50px 200px,rgba(200,220,255,.9),transparent),radial-gradient(2px 2px at 130px 220px,white,transparent),radial-gradient(1px 1px at 220px 270px,rgba(255,255,255,.6),transparent);background-size:350px 300px;background-repeat:repeat;opacity:.85}.universe-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(2px 2px at 80px 40px,rgba(255,255,255,1),transparent),radial-gradient(3px 3px at 240px 180px,rgba(180,210,255,1),transparent),radial-gradient(2px 2px at 380px 90px,rgba(255,255,255,1),transparent),radial-gradient(2px 2px at 560px 240px,rgba(255,255,255,.85),transparent),radial-gradient(3px 3px at 720px 60px,rgba(220,230,255,1),transparent),radial-gradient(2px 2px at 900px 200px,rgba(255,255,255,1),transparent);background-size:1000px 320px;background-repeat:repeat;opacity:.95;animation:starfield-twinkle 6s ease-in-out infinite}@keyframes starfield-twinkle{0%,to{opacity:.55}50%{opacity:1}}.menu-container{width:100vw;height:100vh;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;z-index:250;background:linear-gradient(180deg,#05071459,#02030a8c),url(/textures/space-bg.jpg) center/cover no-repeat;overflow:hidden}.menu-container.hidden{display:none!important}.game-select{position:relative;z-index:3;pointer-events:auto}.game-select h1{margin-top:40px;font-size:2.4rem;color:#fff2d4;text-shadow:0 0 24px rgba(120,170,255,.6),0 4px 12px rgba(0,0,0,.6);letter-spacing:.08em;position:relative;z-index:2}.modes{display:flex;gap:3rem;margin-top:50px;position:relative;z-index:2}.mode-box{border:2px solid rgba(180,200,255,.4);background:linear-gradient(180deg,#283c64b3,#141e3cd9);color:#fff3dc;padding:28px 38px;font-size:2rem;cursor:pointer;border-radius:18px;text-align:center;box-shadow:0 18px 30px #0006,0 0 30px #508cff26;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .2s ease;font-family:inherit;line-height:1.3;pointer-events:auto;position:relative;z-index:3;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mode-box:hover{transform:translateY(-6px) scale(1.04);background:linear-gradient(180deg,#3c5aa0d9,#1e2d5af2);box-shadow:0 22px 36px #00000080,0 0 40px #78aaff59;border-color:#c8dcff99}#net-bg{display:none}.sandbox-page{display:none;width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:260;overflow-y:auto;overflow-x:hidden;color:#e8f0ff;font-family:Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#050714d1,#02030aeb),url(/textures/space-bg.jpg) center/cover no-repeat}.sandbox-page.active{display:block}.lobby-inner{position:relative;z-index:2;padding:22px 32px 0;max-width:900px}.lobby-back-btn{background:none;border:none;color:#fff;font-size:1.35rem;font-weight:700;cursor:pointer;font-family:inherit;padding:0;display:flex;align-items:center;gap:6px}.lobby-back-btn:before{content:"←";color:#e74c3c;font-size:1.4rem;font-weight:900}.lobby-back-btn:hover{color:#f0f0f0}.lobby-header-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.lobby-badges{display:flex;gap:6px}.lobby-badge{font-size:10px;font-weight:800;padding:2px 7px;border-radius:3px;letter-spacing:.07em;text-transform:uppercase}.badge-popular{background:#f5c518;color:#1a1000}.badge-adventure{background:#e03c7a;color:#fff}.lobby-title-row{display:flex;align-items:center;gap:14px;margin-bottom:4px}.lobby-title{font-size:2.6rem;font-weight:900;color:#fff;margin:0;letter-spacing:-.01em}.lobby-title span{color:#f5c518}.lobby-player-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:4px 12px;font-size:.85rem;color:#c8dcff;font-weight:700}.lobby-modes-row{display:flex;gap:8px;margin:10px 0 6px}.lobby-mode-thumb{position:relative;width:120px;height:78px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid rgba(255,255,255,.15);flex-shrink:0;background:#ffffff14}.lobby-mode-thumb.active-mode{border-color:#f5c518}.lmt-label{position:absolute;bottom:0;left:0;right:0;background:#000000a6;color:#fff;font-size:11px;font-weight:700;padding:3px 7px}.lmt-count{position:absolute;top:4px;left:6px;font-size:10px;color:#b8d8ff;font-weight:600}.lobby-desc{font-size:.84rem;color:#c8dcff8c;max-width:680px;line-height:1.5;margin-bottom:12px}.lobby-action-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.btn-rejoin{background:#f5c518;color:#1a1000;border:none;padding:11px 22px;font-size:1rem;font-weight:800;border-radius:7px;cursor:pointer;white-space:nowrap;font-family:inherit}.btn-rejoin:hover{background:#ffd94a}.btn-rejoin:disabled{opacity:.35;cursor:default}.btn-quickplay{background:#2e86de;color:#fff;border:none;padding:11px 22px;font-size:1rem;font-weight:700;border-radius:7px;cursor:pointer;font-family:inherit;white-space:nowrap}.btn-quickplay:hover{background:#3a9cf5}.lobby-name-join{display:flex;align-items:stretch}.lobby-name-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.22);border-right:none;color:#e8f0ff;font-size:.95rem;padding:10px 14px;border-radius:7px 0 0 7px;width:170px;outline:none;font-family:inherit}.lobby-name-input::placeholder{color:#b4d2ff61}.btn-join-name{background:#2e86de;color:#fff;border:none;padding:10px 18px;font-size:.95rem;font-weight:700;border-radius:0 7px 7px 0;cursor:pointer;font-family:inherit}.btn-join-name:hover{background:#3a9cf5}.lobby-action-status{font-size:12px;min-height:16px;padding:3px 0 6px;color:#f97a7a}.lobby-action-status.ok{color:#7ef09a}.lobby-online-bar{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:12px;font-weight:600;color:#b4dcb4e6}.lobby-online-dot{width:7px;height:7px;border-radius:50%;background:#2ed573;box-shadow:0 0 6px #2ed573;flex-shrink:0}.lobby-recent{margin-bottom:8px}.lobby-recent-label{font-size:.76rem;color:#b4d2ff73;display:flex;align-items:center;gap:5px;margin-bottom:6px;letter-spacing:.04em;text-transform:uppercase}.lobby-recent-chips{display:flex;gap:6px;flex-wrap:wrap}.lobby-recent-chip{background:#ffffff17;border:1px solid rgba(255,255,255,.16);color:#b8cce8;font-size:13px;padding:4px 13px;border-radius:5px;cursor:pointer;font-weight:600}.lobby-recent-chip:hover{background:#ffffff2e;color:#fff}.lobby-tabs-bar{display:flex;align-items:center;padding:0 32px;gap:6px;margin-top:8px;margin-bottom:0;border-bottom:none}.lobby-tab{background:transparent;border:1px solid rgba(255,255,255,.28);color:#d2e1ffbf;font-size:.88rem;font-weight:700;padding:6px 16px;cursor:pointer;font-family:inherit;letter-spacing:.01em;border-radius:4px}.lobby-tab.tab-active{background:#f5c518;color:#1a1000;border-color:#f5c518}.lobby-tab:first-child,.lobby-tab:first-child.tab-active{background:#6c5ce7;color:#fff;border-color:#6c5ce7}.lobby-tab:hover:not(.tab-active){background:#ffffff1a;color:#fff}.lobby-tab-panels{padding:16px 32px 24px;overflow-y:auto;max-height:calc(100vh - 470px)}.lobby-tab-panel{display:none}.lobby-tab-panel.tab-panel-active{display:block}.wc-new-btn{background:#2d3561;border:none;color:#fff;border-radius:8px;cursor:pointer;width:160px;height:110px;text-align:left;font-size:1.25rem;font-weight:700;margin-bottom:16px;font-family:inherit;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;padding:0 0 0 20px;gap:10px}.wc-new-btn:before{content:"+";color:#f5c518;font-size:1.7rem;font-weight:900;line-height:1}.wc-new-btn:hover{background:#38418a}.world-card{background:#ffffff14;border:1px solid rgba(255,255,255,.1);padding:10px 14px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;border-radius:8px}.wc-name{font-weight:700;font-size:15px;color:#e8f4ff}.wc-sub{font-size:12px;color:#b4d2ff80;margin-top:2px}.wc-play{background:#2e86de;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-weight:700;font-size:13px;font-family:inherit}.wc-play:hover{background:#3a9cf5}.wc-del{background:#c8323299;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;margin-left:6px;font-family:inherit}.wc-del:hover{background:#dc3c3cd9}.sv-card{display:flex;justify-content:space-between;align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1);padding:10px 14px;border-radius:8px;margin-bottom:8px}.sv-card .sv-name{font-weight:700;font-size:15px;color:#e8f4ff}.sv-card .sv-sub{font-size:12px;color:#b4d2ff80;margin-top:2px}.sv-card .sv-join-btn{background:#2e86de;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-weight:700;font-size:13px;font-family:inherit}.sv-card .sv-join-btn:hover{background:#3a9cf5}.sv-card .sv-del-btn{background:#c8323299;color:#fff;border:none;padding:6px 9px;border-radius:6px;cursor:pointer;margin-left:6px;font-family:inherit}.fav-empty,.explore-empty{color:#b4d2ff66;font-size:14px;padding:12px 0}.host-form{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:18px 20px;margin-bottom:16px;max-width:440px}.host-form h3{margin:0 0 12px;font-size:1rem;color:#f5c518;font-weight:700}.host-input{width:100%;box-sizing:border-box;background:#ffffff12;border:1px solid rgba(255,255,255,.18);color:#e8f4ff;padding:9px 12px;border-radius:7px;font-size:14px;margin-bottom:10px;outline:none;font-family:inherit}.host-input::placeholder{color:#b4d2ff4d}.host-submit-btn{background:#f5c518;color:#1a1000;border:none;padding:9px 20px;border-radius:7px;font-weight:800;font-size:14px;cursor:pointer;font-family:inherit}.host-submit-btn:hover{background:#ffd94a}.host-status{font-size:12px;margin-top:8px;min-height:16px}.host-status.ok{color:#7ef09a}.host-status.err{color:#f97a7a}.saved-worlds-section,.saved-worlds-box{display:none}.cwm-box{background:#16213a;border-radius:8px;padding:32px 36px;width:720px;max-width:96vw;color:#e8f0ff;font-family:Segoe UI,Arial,sans-serif;box-shadow:0 20px 60px #0009}.cwm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.cwm-title{font-size:2rem;font-weight:900;color:#fff}.cwm-close{background:#e74c3c;color:#fff;border:none;width:36px;height:36px;font-size:1rem;font-weight:900;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.cwm-close:hover{background:#c0392b}.cwm-section-label{font-size:.78rem;font-weight:700;color:#b4d2ff8c;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.cwm-row{display:flex;align-items:center;gap:0;background:#1e2a3a;border-radius:4px;overflow:hidden;flex-wrap:wrap}.cwm-cell-label{font-size:.88rem;font-weight:600;color:#c8dcff;padding:10px 14px;white-space:nowrap;background:#1e2a3a}.cwm-info{font-size:.75rem;color:#b4d2ff73;cursor:help}.cwm-input{background:#1e2a3a;border:none;border-left:1px solid #2e3e52;color:#e8f0ff;font-size:.92rem;padding:10px 12px;outline:none;font-family:inherit;min-width:120px;flex:1}.cwm-input::placeholder{color:#b4d2ff33}.cwm-select{background:#1e2a3a;border:none;border-left:1px solid #2e3e52;color:#e8f0ff;font-size:.92rem;padding:10px 12px;outline:none;font-family:inherit;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.cwm-select option{background:#16213a}.cwm-btn-cancel{background:transparent;border:1px solid rgba(255,255,255,.2);color:#c8dcff;padding:9px 22px;border-radius:5px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit}.cwm-btn-cancel:hover{background:#ffffff14}.cwm-btn-create{background:#2e86de;color:#fff;border:none;padding:9px 24px;border-radius:5px;font-size:.9rem;font-weight:700;cursor:pointer;font-family:inherit}.cwm-btn-create:hover{background:#3a9cf5}.settings-btn{position:absolute;top:18px;right:18px;background:#141e32eb;border:2px solid rgba(180,200,255,.4);cursor:pointer;z-index:300;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.04em;padding:8px 18px;border-radius:8px;box-shadow:0 4px 16px #6496f04d;color:#f3f6ff;transition:background .15s,border-color .15s,transform .1s}.settings-btn:hover{background:#283c64f2;border-color:#c8dcffa6}.settings-btn:active{transform:translateY(1px)}#settings-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:none;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:sm-modal-fade-in .18s ease-out}#settings-modal.open{display:flex}@keyframes sm-modal-fade-in{0%{opacity:0}to{opacity:1}}.sm-shell{display:flex;width:88vw;max-width:920px;height:78vh;max-height:640px;margin:auto;background:#0000008c;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 20px 60px #0009;animation:sm-shell-pop-in .2s cubic-bezier(.34,1.4,.64,1)}@keyframes sm-shell-pop-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.sm-sidebar{width:190px;background:#0000004d;border-right:1px solid rgba(255,255,255,.07);flex-shrink:0;display:flex;flex-direction:column;padding:12px 8px;gap:3px}.sm-leave{display:flex;align-items:center;gap:8px;padding:11px 14px;background:linear-gradient(180deg,#c85050bf,#a03232e6);border:1px solid rgba(255,180,180,.4);color:#fff;font-size:14px;font-weight:700;cursor:pointer;width:100%;text-align:left;border-radius:8px;margin-bottom:10px;transition:all .15s ease;font-family:inherit}.sm-leave:hover{background:linear-gradient(180deg,#f06464e6,#c84646f2);box-shadow:0 0 16px #ff646466;transform:translateY(-1px)}.sm-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;color:#fff9;font-size:13px;font-weight:600;cursor:pointer;background:transparent;border:1px solid transparent;width:100%;text-align:left;border-radius:6px;transition:all .12s ease;font-family:inherit}.sm-nav-item:hover{background:#ffffff14;color:#fff}.sm-nav-item.active{background:#ffffff1f;border-color:#ffffff26;color:#fff}.sm-nav-icon{display:none}.sm-content{flex:1;overflow-y:auto;padding:6px 24px 24px;color:#ffffffe6}.sm-content::-webkit-scrollbar{width:6px}.sm-content::-webkit-scrollbar-track{background:transparent}.sm-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.sm-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sm-page{display:none}.sm-page.active{display:block;animation:sm-page-in .18s ease-out}@keyframes sm-page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sm-page-title{font-size:18px;font-weight:700;color:#fff;padding:16px 0 10px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:14px}.sm-row{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:7px;padding:11px 13px;margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:background .12s}.sm-row:hover{background:#ffffff1a}.sm-row-col{flex-direction:column;align-items:flex-start;gap:6px}.sm-label{color:#ffffffe6;font-size:13px;font-weight:600}.sm-desc{color:#fff6;font-size:11px;margin-top:2px}.sm-section{color:#fff6;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin:16px 0 7px}.sm-slider{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;margin-top:8px;height:6px;background:#141e32d9;border:1px solid rgba(180,200,255,.2);border-radius:3px;outline:none}.sm-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;background:linear-gradient(180deg,#7cb5ff,#4080dd);border-radius:50%;border:2px solid rgba(220,235,255,.9);box-shadow:0 0 12px #6496f099;cursor:pointer;transition:all .15s ease}.sm-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 18px #78aaffd9}.sm-slider::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(180deg,#7cb5ff,#4080dd);border-radius:50%;border:2px solid rgba(220,235,255,.9);box-shadow:0 0 12px #6496f099;cursor:pointer}.sm-check{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:44px;height:22px;background:#3c506e99;border:1px solid rgba(180,200,255,.25);border-radius:12px;position:relative;cursor:pointer;transition:all .2s ease;flex-shrink:0}.sm-check:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:all .22s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 4px #0006}.sm-check:hover{border-color:#b4c8ff80}.sm-check:checked{background:linear-gradient(180deg,#5cdc4a,#3aa830);border-color:#8cf06480;box-shadow:0 0 12px #64e65066}.sm-check:checked:before{left:24px}.sm-select{background:#1e2d4bd9;color:#f3f6ff;border:1px solid rgba(180,200,255,.3);border-radius:6px;padding:6px 10px;font-size:13px;font-family:inherit;cursor:pointer;transition:all .15s ease}.sm-select:hover{border-color:#c8dcff99;box-shadow:0 0 12px #6496f04d}.sm-select:focus{outline:none;border-color:#5b9eff;box-shadow:0 0 16px #508cff66}.sm-select option{background:#14213d;color:#f3f6ff}.sm-input{background:#141e32d9;color:#f3f6ff;border:1px solid rgba(180,200,255,.25);border-radius:6px;padding:7px 10px;font-size:13px;font-family:inherit;transition:all .15s ease}.sm-input:focus{outline:none;border-color:#5b9eff;box-shadow:0 0 16px #508cff66;background:#192846f2}.sm-btn{background:linear-gradient(180deg,#5082dcb3,#325ab4d9);color:#fff;border:1px solid rgba(180,200,255,.4);border-radius:6px;padding:8px 16px;font-weight:600;font-size:13px;cursor:pointer;transition:all .15s ease;font-family:inherit}.sm-btn:hover{background:linear-gradient(180deg,#6ea0fad9,#4678dcf2);box-shadow:0 0 16px #6496f080;transform:translateY(-1px)}.sm-btn-danger{background:linear-gradient(180deg,#c85050bf,#a03232e6);border-color:#ffb4b466}.sm-btn-danger:hover{background:linear-gradient(180deg,#f06464e6,#c84646f2);box-shadow:0 0 16px #ff646480}.tp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px}.tp-card{background:linear-gradient(180deg,#1e2d4bb3,#141e32d9);border:2px solid rgba(180,200,255,.18);border-radius:10px;padding:14px 8px 10px;text-align:center;cursor:pointer;transition:all .15s ease}.tp-card:hover{border-color:#c8dcff80;box-shadow:0 0 16px #6496f04d;transform:translateY(-2px)}.tp-card.selected{border-color:#6cc4ff;box-shadow:0 0 20px #6cc4ff66}.tp-icon{display:none}.tp-name{color:#f3f6ff;font-size:13px;font-weight:700}.tp-author{color:#b4d2ff8c;font-size:11px;margin-top:2px}@media (hover: none) and (pointer: coarse),(max-width: 700px){.sm-shell{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0;flex-direction:column}.sm-sidebar{width:100%;flex-direction:row;overflow-x:auto;padding:8px;gap:6px;border-right:none;border-bottom:1px solid rgba(180,200,255,.18)}.sm-leave{flex-shrink:0;margin-bottom:0;padding:8px 12px;font-size:12px}.sm-nav-item{flex-shrink:0;width:auto;padding:8px 12px;font-size:12px;white-space:nowrap}.sm-content{padding:12px 16px 20px}.sm-page-title{font-size:18px;padding:8px 0 10px}.sm-row{padding:10px 12px}.tp-grid{grid-template-columns:repeat(2,1fr)}}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;flex-direction:column;align-items:center;justify-content:center;background-color:#04060f;background-image:radial-gradient(ellipse 900px 700px at 20% 25%,rgba(60,40,140,.55) 0%,transparent 60%),radial-gradient(ellipse 700px 500px at 80% 70%,rgba(20,70,180,.45) 0%,transparent 55%),radial-gradient(ellipse 500px 400px at 55% 45%,rgba(100,50,180,.25) 0%,transparent 50%),radial-gradient(ellipse 400px 300px at 10% 80%,rgba(30,20,90,.35) 0%,transparent 50%),radial-gradient(ellipse at center,#070c1a,#04060f 65%,#020308);overflow:hidden}#loading-screen.active{display:flex}#loading-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 8% 12%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 22% 5%,rgba(200,220,255,.8),transparent),radial-gradient(2px 2px at 35% 18%,rgba(255,255,255,1),transparent),radial-gradient(1px 1px at 48% 8%,rgba(220,230,255,.7),transparent),radial-gradient(1px 1px at 62% 22%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 75% 6%,rgba(180,200,255,1),transparent),radial-gradient(1px 1px at 88% 15%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 14% 35%,rgba(220,240,255,.6),transparent),radial-gradient(1px 1px at 28% 45%,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 52% 38%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 68% 42%,rgba(200,220,255,.8),transparent),radial-gradient(1px 1px at 82% 33%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 5% 65%,rgba(220,230,255,.7),transparent),radial-gradient(2px 2px at 18% 72%,rgba(255,255,255,1),transparent),radial-gradient(1px 1px at 40% 68%,rgba(180,210,255,.8),transparent),radial-gradient(1px 1px at 58% 78%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 78% 62%,rgba(220,240,255,.9),transparent),radial-gradient(2px 2px at 92% 75%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 30% 88%,rgba(200,220,255,.6),transparent),radial-gradient(1px 1px at 70% 92%,rgba(255,255,255,.7),transparent);animation:ls-twinkle 5s ease-in-out infinite}@keyframes ls-twinkle{0%,to{opacity:.6}50%{opacity:1}}.loading-universe-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:0;width:420px;max-width:92vw}.loading-title{width:100%;box-sizing:border-box;background:linear-gradient(180deg,#1a2240,#131a32);border:2px solid rgba(100,140,255,.5);border-bottom:none;border-radius:8px 8px 0 0;padding:10px 20px;text-align:center;color:#c8dcff;font-size:1rem;font-weight:700;letter-spacing:.08em;text-shadow:0 0 12px rgba(120,170,255,.6)}.loading-tip{width:100%;box-sizing:border-box;background:#06080f;border:2px solid rgba(100,140,255,.5);border-top:1px solid rgba(100,140,255,.2);border-bottom:none;padding:14px 16px;color:#a0beffd9;font-size:.88rem;font-family:Courier New,monospace;line-height:1.5;min-height:60px;transition:opacity .5s ease}.loading-bar-wrap{width:100%;box-sizing:border-box;background:#06080f;border:2px solid rgba(100,140,255,.5);border-top:1px solid rgba(60,100,200,.3);border-radius:0 0 8px 8px;padding:12px 16px 14px;display:flex;flex-direction:column;gap:6px}.loading-bar-fill{height:8px;width:0%;background:repeating-linear-gradient(90deg,#44cc44 0px,#44cc44 6px,#228822 6px,#228822 8px,transparent 8px,transparent 10px);transition:width .3s ease;image-rendering:pixelated}.loading-percent{color:#a0beff99;font-size:.75rem;font-family:Courier New,monospace;font-weight:700;text-align:right}.loading-ring-wrap,.loading-planet{display:none}.sm-multiplayer-container{display:flex;gap:14px;height:440px;font-family:Segoe UI,system-ui,sans-serif;color:#f1f2f6}.mp-sidebar{width:170px;display:flex;flex-direction:column;gap:6px;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px;flex-shrink:0}.mp-nav-btn{background:transparent;border:none;color:#a4b0be;text-align:left;padding:9px 12px;font-size:13px;font-weight:700;border-radius:6px;cursor:pointer;transition:all .15s ease;font-family:inherit;width:100%}.mp-nav-btn:hover{background:#ffffff0f;color:#fff}.mp-nav-btn.active{background:linear-gradient(135deg,#308ce8,#1773cf);color:#fff;box-shadow:0 3px 10px #1e90ff40}.mp-content{flex:1;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:18px;overflow-y:auto}.mp-page{display:none;flex-direction:column;gap:14px}.mp-page.active{display:flex}.mp-section-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#f6ce55;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:5px;margin-bottom:4px}.mp-access-cards{display:flex;flex-direction:column;gap:8px}.mp-access-card{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:7px;cursor:pointer;transition:all .15s ease}.mp-access-card:hover{background:#ffffff12;transform:translateY(-1px)}.mp-access-card.active{background:#1e90ff1a;border-color:#308ce8;box-shadow:0 3px 12px #1e90ff26}.card-icon{font-size:18px;font-weight:900;color:#ffffff80;width:20px;text-align:center}.card-details{display:flex;flex-direction:column;gap:2px}.card-title{font-weight:700;font-size:13px;color:#fff}.card-desc{font-size:11px;color:#747d8c}.mp-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.04)}.mp-label-wrap{display:flex;flex-direction:column;gap:2px}.mp-label{font-size:13px;font-weight:700;color:#fff}.mp-desc{font-size:11px;color:#747d8c}.mp-input,.mp-textarea{background:#0000004d;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#fff;font-size:12px;padding:5px 9px;outline:none;transition:border-color .15s;font-family:inherit;width:200px}.mp-input:focus,.mp-textarea:focus{border-color:#308ce8}.mp-textarea{resize:none;height:52px}.mp-btn-group{display:flex;border:1px solid rgba(255,255,255,.12);border-radius:4px;overflow:hidden}.mp-group-btn{background:#0003;border:none;color:#a4b0be;padding:5px 10px;font-size:12px;font-weight:700;cursor:pointer;border-right:1px solid rgba(255,255,255,.1);transition:all .12s;font-family:inherit}.mp-group-btn:last-child{border-right:none}.mp-group-btn:hover{background:#ffffff0f;color:#fff}.mp-group-btn.active{background:#1980e6;color:#fff}.mp-row-action{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.invite-code-pill{background:#0000004d;border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:5px 12px;font-size:12px;color:#c8dcff;display:flex;gap:8px;align-items:center}.invite-code-pill strong{color:#f5c518;font-family:monospace;letter-spacing:.1em}.mp-action-btn{background:#2e86de;border:none;color:#fff;border-radius:4px;padding:5px 12px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}.mp-action-btn:hover{background:#3a9cf5}.mp-checkbox-row{display:flex;flex-direction:column;gap:10px}.mp-checkbox-wrap{display:flex;align-items:center;gap:10px;font-size:13px;color:#ffffffd9;cursor:pointer}.mp-checkbox-wrap input{cursor:pointer;width:14px;height:14px}.mp-table{width:100%;border-collapse:collapse;font-size:12px}.mp-table th,.mp-table td{padding:8px 10px;text-align:left;border-bottom:1px solid rgba(255,255,255,.07)}.mp-table th{font-weight:800;color:#a4b0be;background:#ffffff05}.ping-good{color:#2ed573;font-weight:700}.ping-mid{color:#ffa502;font-weight:700}.ping-bad{color:#ff4757;font-weight:700}.badge{padding:2px 5px;border-radius:3px;font-size:9px;font-weight:900;margin-left:4px;text-transform:uppercase}.badge.owner{background:#f2b90d;color:#000}.badge.admin{background:#2e86de;color:#fff}.badge.builder{background:#27ae60;color:#fff}.mp-select{background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fff;font-size:11px;padding:2px 5px;outline:none;font-family:inherit}.table-btn{padding:3px 7px;border:none;border-radius:3px;font-size:11px;font-weight:700;cursor:pointer;margin-right:3px;transition:opacity .12s;font-family:inherit}.table-btn.teleport{background:#1e90ff;color:#fff}.table-btn.kick{background:#ff4757;color:#fff}.table-btn:hover{opacity:.82}.mp-empty-row{color:#ffffff59;font-size:12px;padding:12px}#netbanner{position:fixed;top:14px;left:50%;transform:translate(-50%) translateY(-80px);z-index:600;padding:11px 22px;border-radius:8px;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;font-size:14px;font-weight:600;box-shadow:0 6px 24px #0006;display:flex;align-items:center;gap:12px;border-left:4px solid #f5c518;transition:transform .35s ease;max-width:92vw}#netbanner.show{transform:translate(-50%) translateY(0)}#netbanner.error{border-left-color:#e74c3c}#netbanner.ok{border-left-color:#2ecc71}#netbanner-spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#f5c518;animation:nb-spin .9s linear infinite;flex-shrink:0}@keyframes nb-spin{to{transform:rotate(360deg)}}#tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:550;display:none;align-items:flex-end;justify-content:center;padding-bottom:90px;pointer-events:none}#tutorial-overlay.show{display:flex}.tut-card{background:#0e1420eb;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:16px 22px;max-width:400px;width:90%;color:#e8f0ff;font-size:14px;line-height:1.6;box-shadow:0 8px 32px #00000080;pointer-events:auto}.tut-step{display:none}.tut-step.active{display:block}.tut-title{font-size:16px;font-weight:800;color:#f5c518;margin-bottom:6px}.tut-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.tut-dots{display:flex;gap:5px}.tut-dot{width:8px;height:8px;border-radius:50%;background:#ffffff40}.tut-dot.active{background:#f5c518}.tut-btn{background:#2e86de;color:#fff;border:none;padding:7px 20px;border-radius:6px;cursor:pointer;font-weight:700;font-size:13px;font-family:inherit}.tut-btn:hover{background:#3a9cf5}.tut-skip{background:none;border:none;color:#b4d2ff73;font-size:12px;cursor:pointer;font-family:inherit}html,body{width:100%;height:100%;height:100dvh;margin:0;padding:0;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}canvas{display:block;touch-action:none}#mobile-controls{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;--mc-size: 1;--mc-opacity: .75}.mc-control{position:absolute;pointer-events:auto;touch-action:none;opacity:var(--mc-opacity);transition:opacity .15s ease,transform .1s ease;-webkit-user-select:none;user-select:none}.mc-control.editing{outline:2px dashed #f5c518;box-shadow:0 0 0 4px #f5c51840;cursor:move}.mc-control.editing-drag{opacity:1!important;transform:scale(1.05)}#mc-joystick{left:-200px;top:-200px;width:calc(110px * var(--mc-size));height:calc(110px * var(--mc-size));background:#ffffff2e;border:2px solid rgba(255,255,255,.5);border-radius:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .15s ease;pointer-events:none}#mc-joystick.active{opacity:var(--mc-opacity)}#mc-joystick-stick{position:absolute;left:50%;top:50%;width:calc(44px * var(--mc-size));height:calc(44px * var(--mc-size));background:#ffffff80;border:2px solid rgba(255,255,255,.85);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}#mc-joystick-zone{position:absolute;left:0;bottom:0;width:50%;height:70%;pointer-events:auto;touch-action:none}.mc-btn{width:calc(56px * var(--mc-size));height:calc(56px * var(--mc-size));border-radius:50%;background:#3c414bd1;border:2px solid rgba(255,255,255,.25);color:#fff;font-size:calc(22px * var(--mc-size));font-weight:700;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 12px #00000059;cursor:pointer;font-family:inherit;padding:0;-webkit-tap-highlight-color:transparent}.mc-btn:active{background:#646e7df2;transform:scale(.9);box-shadow:0 2px 6px #0006}.mc-btn-jump{position:absolute;right:calc(18px * var(--mc-size));bottom:calc(200px * var(--mc-size));font-size:calc(26px * var(--mc-size));background:#3c414bd9}.mc-btn-sneak{position:absolute;right:calc(18px * var(--mc-size));bottom:calc(134px * var(--mc-size))}.mc-btn-attack{position:absolute;right:calc(84px * var(--mc-size));bottom:calc(134px * var(--mc-size))}.mc-btn-place{position:absolute;right:calc(84px * var(--mc-size));bottom:calc(200px * var(--mc-size))}.mc-btn-bag{position:absolute;right:calc(12px * var(--mc-size));bottom:14px;font-size:calc(24px * var(--mc-size))}@media (hover: none) and (pointer: coarse){#mobile-controls{display:block!important}#survivalUI{top:8px!important;left:8px!important;width:130px!important;padding:6px 8px!important;border-radius:8px!important;font-size:10px!important;border-width:1px!important}#survivalUI .stat-bar-container{height:6px!important;margin-top:2px!important}#survivalUI .stat-bar{height:6px!important}#survivalUI>div{margin-top:4px!important;padding-top:3px!important}#survivalUI #fpsText,#survivalUI #healthText{font-size:10px!important}#name-box{top:6px!important;left:6px!important;padding:4px 8px!important;font-size:11px!important;z-index:311!important;border-radius:4px!important}.settings-btn{top:6px!important;padding:6px 12px!important;font-size:11px!important;border-radius:6px!important}#hotbar{bottom:14px!important;gap:3px!important;padding:5px 8px!important;left:50%!important;transform:translate(-50%)!important;max-width:calc(100vw - 80px)!important}.slot{width:38px!important;height:38px!important}.slot-icon{width:28px!important;height:28px!important}.slot-count{font-size:9px!important}#heart-row{bottom:62px!important;left:50%!important;transform:translate(-50%)!important}.heart,.heart svg{width:16px!important;height:16px!important}#bloxd-top-left-bar{top:6px!important;left:6px!important;font-size:11px!important;height:30px!important;max-width:calc(100vw - 12px)}#bloxd-look-seg{display:none!important}.bloxd-seg{padding:0 8px!important}.bloxd-coords-seg,.bloxd-look-seg{gap:8px!important;font-size:11px!important}#bloxd-top-right-group{display:none!important}#bloxd-chat-log{bottom:72px!important;left:8px!important;width:220px!important;font-size:11px!important}}.bloxd-hud{pointer-events:auto;-webkit-user-select:none;user-select:none}#bloxd-top-left-bar,#bloxd-top-right-group .social-btn{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#bloxd-top-left-bar{position:fixed;top:8px;left:8px;height:40px;display:flex;align-items:center;background:#0006;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#fff;font-family:Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:600;overflow:hidden;z-index:1000;gap:0}.bloxd-seg{padding:0 14px;height:100%;display:flex;align-items:center;border-left:1px solid rgba(255,255,255,.15)}.bloxd-brand{padding:0 14px;height:100%;display:flex;align-items:center;gap:6px}.bloxd-logo-icon{font-size:14px}.bloxd-logo-text{letter-spacing:.01em;font-weight:700;font-size:14px}.bloxd-game-mode{padding-right:14px;color:#fff;height:100%;display:flex;align-items:center;font-size:14px;font-weight:600}.bloxd-players-badge{gap:0;font-family:monospace;font-size:14px;color:#fff;font-weight:700}.bloxd-players-dot{display:none}.bloxd-fps-badge{gap:4px;font-family:monospace;font-size:14px;color:#5cdc4a;font-weight:700}.bloxd-fps-badge.fps-mid{color:#f4d04c}.bloxd-fps-badge.fps-low{color:#ff6650}.bloxd-coords-seg,.bloxd-look-seg{font-family:monospace;font-size:14px;gap:14px;color:#c8d8f0;letter-spacing:.01em}.bloxd-look-seg{color:#c8d8f0bf;gap:14px}.coords-item{color:#c3d2e6}.coord-label{font-size:10px;color:#ffffff73;margin-right:-4px}#bloxd-top-right-group{position:fixed;top:10px;right:10px;display:flex;align-items:center;gap:6px;z-index:1000}.social-btn{width:30px;height:30px;background:#00000073;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#ffffffbf;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 4px 10px #00000040}.social-btn:hover{background:#323c4bf2;border-color:#ffffff40}.bloxd-currency-pill{background:#1e232dd9;border:1px solid rgba(255,255,255,.15);border-radius:4px;font-family:Segoe UI,system-ui,sans-serif;font-weight:700;overflow:hidden;box-shadow:0 4px 10px #00000040}.currency-row{padding:4px 10px;font-size:13px;color:#fff;text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}.currency-plus{color:#a0c0ff;margin-left:2px}.currency-row.subtitle{font-size:11px;color:#88c5ee;background:#00000026}#bloxd-chat-log{position:fixed;bottom:90px;left:10px;width:320px;display:flex;flex-direction:column;gap:2px;pointer-events:none;z-index:999}#bloxd-chat-messages{display:flex;flex-direction:column;gap:2px;max-height:180px;overflow:hidden;justify-content:flex-end}.chat-message{background:#00000073;padding:4px 8px;border-radius:4px;color:#fff;font-family:Segoe UI,system-ui,sans-serif;font-size:12px;line-height:1.4;word-break:break-word;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:chat-fade-in .2s ease}@keyframes chat-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-message .chat-name{color:#7ecfff;font-weight:700}.chat-message .chat-text{color:#ffffffe6}.chat-message.chat-system{color:#c8dcffb3;font-style:italic}#bloxd-chat-input-row{display:flex;gap:4px;margin-top:4px;pointer-events:auto}#bloxd-chat-input{flex:1;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:12px;padding:5px 10px;outline:none;font-family:Segoe UI,system-ui,sans-serif}#bloxd-chat-input::placeholder{color:#ffffff59}#bloxd-chat-send{background:#2e86deb3;border:none;border-radius:4px;color:#fff;font-size:12px;padding:5px 10px;cursor:pointer;font-family:inherit}#bloxd-chat-send:hover{background:#2e86def2}.player-name{color:#7ecfff}.msg-text{color:#ffffffe6}#bloxd-debug-hud{position:fixed;bottom:12px;left:12px;width:240px;background:#10141cd1;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:10px;font-family:monospace;font-size:10px;color:#a0b2d6;z-index:998;box-shadow:0 6px 18px #0006;pointer-events:none}.debug-title{font-weight:800;color:#f7d04a;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:4px}.debug-section{color:#fff;font-weight:700;margin-top:6px;margin-bottom:2px;opacity:.85}.debug-row{display:flex;justify-content:space-between;padding:1px 0}.debug-row span:last-child{color:#fff;font-weight:700}.debug-row span.url{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#88c5ee!important}#bloxd-health-box{position:fixed;bottom:24px;right:calc(50% - 240px);transform:translate(100%);background:#e74c3c;border:2px solid #2c3e50;border-radius:4px;padding:6px 12px;color:#fff;font-family:monospace;font-size:13px;font-weight:900;display:flex;align-items:center;gap:6px;box-shadow:0 4px 10px #0006;z-index:1000}.health-heart-icon{font-size:14px;color:#fff;animation:bloxd-pulse 1.2s infinite}@keyframes bloxd-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}#bloxd-progress-bar-wrap{position:fixed;bottom:12px;left:50%;transform:translate(-50%);width:480px;height:10px;background:#1b2028;border:1px solid rgba(255,255,255,.15);border-radius:4px;z-index:999;box-shadow:0 4px 8px #0000004d}.progress-fill{height:100%;background:linear-gradient(90deg,#10ac84,#1dd1a1);border-radius:3px;transition:width .3s ease}.level-indicator{position:absolute;left:-48px;top:-4px;background:#10ac84;border:1px solid rgba(255,255,255,.2);border-radius:3px;color:#fff;font-family:monospace;font-size:11px;font-weight:800;padding:2px 6px;box-shadow:0 2px 4px #0003}@media (hover: none) and (pointer: coarse){#bloxd-coords-bar{display:none!important}#bloxd-progress-bar-wrap{width:280px!important;bottom:4px!important}#bloxd-health-box{bottom:12px!important;right:calc(50% - 140px)!important;padding:4px 8px!important;font-size:11px!important}}