:root{--neon-blue: #00f0ff;--neon-green: #39ff14;--neon-red: #ff3131;--neon-orange: #ff5e00;--hud-bg: rgba(8, 14, 24, .82);--hud-border: rgba(0, 240, 255, .25);--hud-text: #e0f7fc;--hud-text-dim: rgba(224, 247, 252, .6);--font-hud: "Share Tech Mono", monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:#03070d;color:var(--hud-text);font-family:var(--font-hud)}#splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:safe center;overflow-y:auto;padding:16px 0;background:url(/assets/hexcraft-title-background-BXwqZ_Aa.png) center / cover no-repeat;transition:opacity .6s ease,transform .8s ease}#splash-screen:before{display:none}#splash-screen.dismissed{opacity:0;transform:scale(1.025);pointer-events:none}.splash-vignette{display:none}.splash-hex-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.hex-particle{position:absolute;background:#00f0ff38;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);animation:floatHex 12s infinite ease-in-out;box-shadow:0 0 12px #00f0ff80;pointer-events:none}@keyframes floatHex{0%{transform:translateY(0) rotate(0);opacity:.1}50%{transform:translateY(-45px) rotate(30deg);opacity:.5}to{transform:translateY(-90px) rotate(60deg);opacity:0}}.hex-frame{position:relative;z-index:2;width:min(960px,calc(100vw - 20px));margin:0 auto}.hex-frame-accent{display:none}.hex-frame-inner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(16px,3vh,32px) clamp(20px,4vw,40px);background:transparent}.splash-content{position:relative;width:100%;text-align:center;text-shadow:0 3px 18px rgba(0,0,0,.9)}.splash-kicker{display:flex;align-items:center;justify-content:center;gap:10px;color:#91f7ff;font-size:.72rem;letter-spacing:.44em;text-indent:.44em;text-shadow:0 0 12px rgba(0,240,255,.6)}.kicker-badge{color:var(--neon-blue);font-size:.85rem;animation:kickerSpin 8s linear infinite}@keyframes kickerSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hex-title{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2.4vw,24px);margin:16px 0 18px;line-height:.95}.hex-title-mark{color:#a8f7ff;font-size:clamp(1.2rem,3vw,2rem);text-shadow:0 0 16px rgba(0,240,255,1);filter:drop-shadow(0 0 12px rgba(0,224,255,.95));animation:hexMarkGlow 3s ease-in-out infinite alternate}.hex-title-mark:last-child{animation-delay:1.5s}@keyframes hexMarkGlow{0%{opacity:.6;transform:scale(.92) rotate(0);filter:drop-shadow(0 0 10px rgba(0,240,255,.7))}to{opacity:1;transform:scale(1.18) rotate(30deg);filter:drop-shadow(0 0 22px rgba(0,240,255,1))}}.hex-title-text{display:inline-flex;align-items:center;gap:0}.hex-title-letter{display:inline-block;position:relative;font-size:clamp(3.4rem,8.8vw,6.4rem);font-weight:900;letter-spacing:.08em;padding:0 .04em;background:linear-gradient(110deg,#fff,#e3ffff 22%,#70eeff 45%,#fff 55%,#8ae6ff 78%,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:letterWave 2.6s ease-in-out infinite,titleShimmer 5s linear infinite;animation-delay:calc(var(--letter-index) * .16s),0s;filter:drop-shadow(0 0 24px rgba(0,240,255,.9)) drop-shadow(0 0 50px rgba(0,210,255,.6)) drop-shadow(0 5px 12px rgba(1,10,22,.98))}@keyframes letterWave{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes titleShimmer{0%{background-position:0% center}to{background-position:200% center}}.hex-title-letter:before{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;color:transparent;-webkit-text-stroke:3px rgba(2,20,35,.92);z-index:-2}.hex-title-letter:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;color:transparent;-webkit-text-stroke:1.5px rgba(165,247,255,.85);z-index:-1;filter:drop-shadow(0 0 8px rgba(0,240,255,.8))}.splash-menu{display:flex;flex-direction:column;align-items:center;gap:10px}.menu-bar,.menu-bar-wrap{width:min(390px,100%)}.menu-bar{display:inline-flex;flex-direction:column;align-items:center;gap:2px;position:relative;padding:10px 28px;color:#c4f7ff;font-family:inherit;background:linear-gradient(180deg,#091e2eb8,#061420b8);border:1px solid rgba(123,242,255,.45);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);cursor:pointer;transition:all .18s ease;box-shadow:0 4px 15px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.menu-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,240,255,.15),transparent 50%,rgba(0,240,255,.15));opacity:0;transition:opacity .18s ease}.menu-bar:hover{background:linear-gradient(180deg,#0e3046f5,#092030f5);border-color:#00f0ffd9;box-shadow:0 0 24px #00e6ff73,inset 0 0 12px #00f0ff33;color:#fff;transform:translateY(-2px)}.menu-bar:hover:before{opacity:1}.menu-bar span{font-size:.86rem;font-weight:700;letter-spacing:.22em;text-indent:.22em;text-shadow:0 0 8px rgba(0,240,255,.5)}.menu-bar small{font-size:.56rem;letter-spacing:.12em;opacity:.72}.menu-bar.primary{color:#04121a;background:linear-gradient(180deg,#7ff3ff,#bbfbff);border-color:transparent;box-shadow:0 0 28px #00e6ffa6}.menu-bar.primary:hover{color:#04121a;box-shadow:0 0 40px #00f0ffe6}.menu-bar-wrap{position:relative}.menu-caret{position:absolute;right:30px;top:50%;width:12px;height:8px;color:#7fe9ff;transform:translateY(-50%);transition:transform .2s ease}#worlds-dropdown.open .menu-caret{transform:translateY(-50%) rotate(180deg)}#worlds-dropdown.empty{display:none}.worlds-panel{max-height:0;overflow:hidden;opacity:0;transition:max-height .28s ease,margin .28s ease,opacity .2s ease}#worlds-dropdown.open .worlds-panel{max-height:214px;margin-top:8px;opacity:1}.world-list{display:flex;flex-direction:column;gap:6px;max-height:206px;overflow-y:auto;padding:2px}.world-row{display:flex;gap:6px}.world-play{flex:1;display:flex;flex-direction:column;gap:2px;padding:8px 14px;color:#cdeff5;font-family:inherit;text-align:left;background:#061622d9;border:1px solid rgba(123,242,255,.3);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);cursor:pointer;transition:background .14s ease,box-shadow .14s ease}.world-row.current .world-play{color:#04121a;background:linear-gradient(90deg,#60efff,#b5fbff);border-color:transparent;box-shadow:0 0 16px #00e6ff4d}.world-row:not(.current) .world-play:hover{background:#0a2638f2;box-shadow:0 0 14px #00e6ff47}.world-play strong{font-size:.76rem;letter-spacing:.18em}.world-play small{font-size:.58rem;letter-spacing:.08em;opacity:.78}.world-delete{width:36px;color:#ff9470e6;font-family:inherit;font-size:.8rem;background:#280c04b8;border:1px solid rgba(255,94,0,.4);clip-path:polygon(10px 0,100% 0,100% 100%,0 100%);cursor:pointer}.world-delete:hover{background:#4a1a07eb;box-shadow:0 0 10px #ff5e0059}.splash-divider{display:flex;align-items:center;gap:12px;width:min(390px,100%);color:#91f7ffc7;font-size:.62rem;letter-spacing:.36em;text-indent:.36em;font-weight:700;text-shadow:0 0 8px rgba(0,240,255,.4)}.splash-divider:before,.splash-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(123,242,255,.55),transparent)}.newworld-divider{margin-top:6px}.newworld-controls{display:flex;align-items:stretch;gap:8px;width:min(390px,100%)}.seed-field{display:flex;align-items:center;gap:8px;flex:1;padding:0 12px;background:#030e16e0;border:1px solid rgba(123,242,255,.4);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:border-color .16s ease,box-shadow .16s ease}.seed-field>span{color:#91f7ff;font-size:.64rem;letter-spacing:.22em;font-weight:700}.seed-field input{flex:1;min-width:0;padding:9px 0;color:#e8fdff;font-family:inherit;font-size:.84rem;letter-spacing:.1em;background:transparent;border:none;outline:none}.seed-random-btn{background:transparent;border:none;font-size:1.05rem;cursor:pointer;opacity:.8;transition:transform .2s ease,opacity .2s ease;padding:2px}.seed-random-btn:hover{opacity:1;transform:rotate(180deg) scale(1.18)}.seed-field:focus-within{border-color:#00f0ffe6;box-shadow:0 0 16px #00e6ff59}.mode-grid{display:flex;gap:4px;padding:3px;background:#030e16c7;border:1px solid rgba(123,242,255,.35);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.mode-grid .mode-card{display:flex;align-items:center;gap:6px;padding:6px 14px;color:#9fdbe6;font-family:inherit;background:transparent;border:none;cursor:pointer;transition:all .16s ease}.mode-card .mode-icon{font-size:.85rem}.mode-grid .mode-card small{display:none}.mode-grid .mode-card strong{font-size:.72rem;letter-spacing:.16em}.mode-grid .mode-card.active{color:#04121a;background:linear-gradient(180deg,#6fefff,#b5fbff);box-shadow:0 0 14px #00e6ff80;font-weight:700}.hex-cluster{--cell-w: clamp(84px, 18.5vw, 102px);--cell-h: calc(var(--cell-w) * .88);position:relative;width:calc(var(--cell-w) * 4);height:calc(var(--cell-h) * 3);margin:8px auto 2px}.preset-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.preset-card,.hex-create{position:absolute;left:50%;top:50%;width:var(--cell-w);height:var(--cell-h);transform:translate(-50%,-50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);font-family:inherit;cursor:pointer}.preset-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 8px;color:#d3f3f9;background:#061422a6;border:none;box-shadow:inset 0 0 0 1px #7bf2ff59;transition:all .18s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preset-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inherit;background:radial-gradient(circle at 50% 30%,rgba(0,240,255,.35),transparent 70%);opacity:0;transition:opacity .18s ease}.preset-icon{font-size:clamp(.9rem,2vw,1.2rem);filter:drop-shadow(0 0 6px rgba(0,240,255,.6));line-height:1}.preset-name{font-size:clamp(.53rem,1.2vw,.65rem);letter-spacing:.04em;line-height:1.12;text-align:center;word-break:break-word}.preset-card:hover{background:#0a2438f5;box-shadow:inset 0 0 0 1.5px #00f0ffd9,0 0 16px #00e6ff66;color:#fff;transform:translate(-50%,-50%) scale(1.06);z-index:2}.preset-card:hover:before{opacity:.6}.preset-card.active{color:#fff;background:#00556eb8;box-shadow:inset 0 0 0 2px var(--neon-blue),0 0 24px #00f0ffa6;z-index:2}.preset-card.active:before{opacity:1}.preset-card.active .preset-name{text-shadow:0 0 8px rgba(0,240,255,.8);font-weight:700}.preset-grid .preset-card:nth-child(1){transform:translate(-50%,calc(-50% - var(--cell-h)))}.preset-grid .preset-card:nth-child(2){transform:translate(calc(-50% + var(--cell-w) * .75),calc(-50% - var(--cell-h) * .5))}.preset-grid .preset-card:nth-child(3){transform:translate(calc(-50% + var(--cell-w) * .75),calc(-50% + var(--cell-h) * .5))}.preset-grid .preset-card:nth-child(4){transform:translate(-50%,calc(-50% + var(--cell-h)))}.preset-grid .preset-card:nth-child(5){transform:translate(calc(-50% - var(--cell-w) * .75),calc(-50% + var(--cell-h) * .5))}.preset-grid .preset-card:nth-child(6){transform:translate(calc(-50% - var(--cell-w) * .75),calc(-50% - var(--cell-h) * .5))}.preset-grid .preset-card:nth-child(7){transform:translate(calc(-50% + var(--cell-w) * 1.5),-50%)}.preset-grid .preset-card:nth-child(8){transform:translate(calc(-50% - var(--cell-w) * 1.5),-50%)}.preset-grid .preset-card:nth-child(1):hover{transform:translate(-50%,calc(-50% - var(--cell-h))) scale(1.08)}.preset-grid .preset-card:nth-child(2):hover{transform:translate(calc(-50% + var(--cell-w) * .75),calc(-50% - var(--cell-h) * .5)) scale(1.08)}.preset-grid .preset-card:nth-child(3):hover{transform:translate(calc(-50% + var(--cell-w) * .75),calc(-50% + var(--cell-h) * .5)) scale(1.08)}.preset-grid .preset-card:nth-child(4):hover{transform:translate(-50%,calc(-50% + var(--cell-h))) scale(1.08)}.preset-grid .preset-card:nth-child(5):hover{transform:translate(calc(-50% - var(--cell-w) * .75),calc(-50% + var(--cell-h) * .5)) scale(1.08)}.preset-grid .preset-card:nth-child(6):hover{transform:translate(calc(-50% - var(--cell-w) * .75),calc(-50% - var(--cell-h) * .5)) scale(1.08)}.preset-grid .preset-card:nth-child(7):hover{transform:translate(calc(-50% + var(--cell-w) * 1.5),-50%) scale(1.08)}.preset-grid .preset-card:nth-child(8):hover{transform:translate(calc(-50% - var(--cell-w) * 1.5),-50%) scale(1.08)}.hex-create{z-index:3;display:grid;place-items:center;width:calc(var(--cell-w) * 1.12);height:calc(var(--cell-h) * 1.12);color:#030e16;background:linear-gradient(180deg,#7ff3ff,#24c5ff);border:none;box-shadow:0 0 32px #00e6ffb3;transition:all .2s ease}.hex-create-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;clip-path:inherit;background:linear-gradient(180deg,#ffffff,var(--neon-blue),transparent);opacity:.75;animation:createRingRotate 4s linear infinite;pointer-events:none}@keyframes createRingRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hex-create:hover{box-shadow:0 0 50px #00f0fff2;transform:translate(-50%,-50%) scale(1.08)}.hex-create-glow{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inherit;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.75),transparent 65%);pointer-events:none}.hex-create-label{display:grid;line-height:1.05;text-align:center;position:relative;z-index:2}.hex-create-label small{font-size:.56rem;letter-spacing:.26em;text-indent:.26em;opacity:.88;font-weight:700}.hex-create-label strong{font-size:clamp(.88rem,2.4vw,1.12rem);letter-spacing:.14em;text-indent:.14em;font-weight:900}.preset-caption{width:min(440px,84%);margin:4px auto 0;padding:6px 14px;color:#91f7ff;font-size:clamp(.6rem,1.25vw,.7rem);line-height:1.35;letter-spacing:.05em;background:#030e18bf;border-left:3px solid var(--neon-blue);clip-path:polygon(6px 0,100% 0,100% 100%,0 100%,0 6px);text-shadow:0 0 6px rgba(0,240,255,.4);box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box}.settings-control-group{display:flex;flex-direction:column;gap:20px;width:min(420px,100%);margin:15px 0 25px;background:#06162266;border:1px dashed rgba(123,242,255,.25);padding:22px 28px;box-sizing:border-box}.settings-slider-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.settings-slider-label{color:#7bf2ff;font-size:.72rem;letter-spacing:.16em;font-weight:700}.settings-slider-row input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#7bf2ff26;height:6px;border-radius:3px;outline:none}.settings-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#60efff;border-radius:50%;cursor:pointer;box-shadow:0 0 8px #60efff}.settings-slider-val{color:#fff;font-size:.8rem;align-self:flex-end;font-family:var(--font-hud)}.settings-select{width:100%;padding:8px 12px;color:#e8fdff;font-family:inherit;font-size:.8rem;letter-spacing:.08em;background:#030e16d9;border:1px solid rgba(123,242,255,.4);outline:none;cursor:pointer;box-sizing:border-box}.settings-select option{background:#030e16;color:#e8fdff}.settings-select:focus{border-color:#7bf2ffe6;box-shadow:0 0 12px #00e6ff40}#loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#03141ee6,#01060cf7 78%);transition:opacity .5s ease}#loading-overlay.hidden{display:none}#loading-overlay.done{opacity:0;pointer-events:none}.loading-box{display:flex;flex-direction:column;align-items:center;gap:14px}.loading-title{color:#91f7ff;font-size:.85rem;letter-spacing:.4em;text-shadow:0 0 12px rgba(0,230,255,.55);animation:loading-pulse 1.6s ease-in-out infinite}@keyframes loading-pulse{0%,to{opacity:1}50%{opacity:.55}}.loading-bar{width:min(420px,72vw);height:14px;padding:2px;background:#030e16e6;border:1px solid rgba(123,242,255,.5);clip-path:polygon(2% 0,98% 0,100% 50%,98% 100%,2% 100%,0 50%)}.loading-bar i{display:block;width:0%;height:100%;background:linear-gradient(90deg,#60efff,#b5fbff);box-shadow:0 0 14px #00e6ff99;transition:width .25s ease}.loading-pct{color:#b8f4ffd9;font-size:.68rem;letter-spacing:.3em}.game-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:grid;place-items:center;background:#02080f9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:confirm-fade-in .14s ease}.game-confirm-overlay.closing{opacity:0;transition:opacity .14s ease}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}.game-confirm-panel{width:min(440px,calc(100vw - 40px));padding:24px 30px;text-align:center;background:linear-gradient(180deg,#06101bf0,#040c16f7);border:1px solid rgba(255,94,0,.55);clip-path:polygon(5% 0,95% 0,100% 18%,100% 82%,95% 100%,5% 100%,0 82%,0 18%);box-shadow:0 0 34px #ff5e0033}.game-confirm-panel h3{margin-bottom:10px;color:var(--neon-orange);font-size:.82rem;letter-spacing:.32em;text-shadow:0 0 10px rgba(255,94,0,.55)}.game-confirm-panel p{margin-bottom:18px;color:#e6f5fce6;font-size:.86rem;line-height:1.5;letter-spacing:.04em}.game-confirm-actions{display:flex;justify-content:center;gap:12px}.game-confirm-btn{min-width:120px;padding:9px 18px;color:#b8f4ff;font-family:inherit;font-size:.72rem;letter-spacing:.16em;background:#061622d9;border:1px solid rgba(123,242,255,.5);clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%);cursor:pointer;transition:box-shadow .12s ease,background .12s ease}.game-confirm-btn:hover,.game-confirm-btn:focus-visible{background:#0a2638f2;box-shadow:0 0 14px #00e6ff59;outline:none}.game-confirm-btn.danger{color:#ffe1cf;border-color:#ff5e00a6;background:#2e1004d9}.game-confirm-btn.danger:hover,.game-confirm-btn.danger:focus-visible{background:#4a1a07f2;box-shadow:0 0 14px #ff5e0066}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;display:block}#water-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:#1844aa59;opacity:0;transition:opacity .15s ease}#damage-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at center,#ff1e1e0d 40%,#ff1e1e73);opacity:0}#damage-overlay.flash{animation:damage-flash .5s ease-out}@keyframes damage-flash{0%{opacity:1}to{opacity:0}}#crosshair{position:absolute;top:50%;left:50%;width:10px;height:10px;transform:translate(-50%,-50%);z-index:10;pointer-events:none}#crosshair:before,#crosshair:after{content:"";position:absolute;background:var(--neon-blue);box-shadow:0 0 4px var(--neon-blue)}#crosshair:before{top:4px;left:-5px;width:20px;height:2px}#crosshair:after{top:-5px;left:4px;width:2px;height:20px}#crosshair.enemy-target:before,#crosshair.enemy-target:after{background:var(--neon-red);box-shadow:0 0 7px var(--neon-red)}#mine-progress{position:absolute;top:calc(50% + 24px);left:50%;transform:translate(-50%);width:90px;height:6px;z-index:10;pointer-events:none;background:#0a101ab3;border:1px solid var(--hud-border);border-radius:3px;opacity:0;transition:opacity .1s ease}#mine-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--neon-blue),var(--neon-orange));border-radius:2px}#target-info{position:absolute;top:calc(50% + 39px);left:50%;z-index:11;width:150px;transform:translate(-50%) translateY(5px);text-align:center;pointer-events:none;opacity:0;transition:opacity .12s ease,transform .12s ease}#target-info.show{opacity:1;transform:translate(-50%) translateY(0)}.target-name{color:#fff;font-size:.7rem;letter-spacing:.14em;text-shadow:0 2px 5px #000}.target-health{width:100%;height:5px;margin-top:4px;overflow:hidden;background:#080a0fd9;border:1px solid rgba(255,84,84,.6)}.target-health-fill{width:100%;height:100%;background:linear-gradient(90deg,#ff4f30,#ff3158);transition:width .1s linear}#held-tool{position:absolute;right:clamp(18px,2.8vw,58px);bottom:clamp(-76px,-5vw,-28px);z-index:8;width:min(39vw,460px);aspect-ratio:1;pointer-events:none;background-image:url(/assets/hexcraft-held-tools-CZPno02i.png);background-size:400% 400%;background-repeat:no-repeat;filter:drop-shadow(-10px 15px 12px rgba(0,0,0,.55));transform-origin:82% 85%}#held-tool.swing{animation:tool-swing .25s ease-out}@keyframes tool-swing{0%{transform:rotate(0) translate(0)}45%{transform:rotate(-24deg) translate(-28px,-18px)}to{transform:rotate(0) translate(0)}}#hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none}.hidden{display:none!important}.hud-topbar{pointer-events:auto;position:absolute;top:0;left:0;right:0;height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;background:var(--hud-bg);border-bottom:1px solid var(--hud-border)}.hud-topbar h1{font-size:1.05rem;letter-spacing:3px;color:#fff;text-shadow:0 0 8px var(--neon-blue)}.hud-topbar h1 .sub{font-size:.7rem;color:var(--hud-text-dim);text-shadow:none;letter-spacing:2px}.topbar-right{display:flex;align-items:center;gap:10px}.chip{font-size:.8rem;letter-spacing:1px;color:var(--neon-blue);border:1px solid var(--hud-border);border-radius:3px;padding:3px 9px;background:#00f0ff0f}.chip.mode{color:var(--neon-green);border-color:#39ff144d;background:#39ff140f}.chip.threat{color:#82d8e5}.chip.threat.rising{color:#ffae52;border-color:#ffae5273}.chip.threat.severe{color:#ff4c67;border-color:#ff4c678c;box-shadow:0 0 9px #ff2a4838}#save-indicator{color:var(--neon-green);font-size:.75rem;letter-spacing:2px;opacity:0}#save-indicator.show{animation:save-flash 1.6s ease-out}@keyframes save-flash{0%{opacity:1}70%{opacity:1}to{opacity:0}}.ui-btn{font-family:var(--font-hud);font-size:.75rem;letter-spacing:1px;color:var(--hud-text-dim);background:#00f0ff0a;border:1px solid var(--hud-border);border-radius:3px;padding:4px 10px;cursor:pointer;transition:all .15s ease}.ui-btn:hover{color:var(--neon-blue);border-color:var(--neon-blue)}.ui-btn.on{color:var(--neon-blue);background:#00f0ff24;border-color:var(--neon-blue);box-shadow:0 0 8px #00f0ff4d}.ui-btn.danger{color:#ff3131cc;border-color:#ff313166;background:#ff31310f}.ui-btn.danger:hover{color:var(--neon-red);border-color:var(--neon-red);box-shadow:0 0 8px #ff313166}.hud-panel{pointer-events:auto;background:#06101af7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--hud-border);border-radius:4px;padding:14px;box-shadow:0 4px 24px #00000073}.side-panel{position:absolute;top:56px;width:300px;display:flex;flex-direction:column;gap:9px;max-height:calc(100vh - 74px);overflow-y:auto}.side-panel.left{left:14px}.side-panel.right{right:14px;width:min(290px,calc(100vw - 28px))}.hud-panel h2{font-size:.95rem;border-bottom:1px solid rgba(224,247,252,.15);padding-bottom:6px;margin-bottom:4px;letter-spacing:2px;color:var(--neon-blue)}.stat-row{display:flex;justify-content:space-between;font-size:.85rem;line-height:1.4}.stat-row span:first-child{color:var(--hud-text-dim)}#storage-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#0f364173,#010409d9 65%);pointer-events:auto}#storage-panel.hidden{display:none}.storage-shell{width:min(720px,92vw);max-height:min(560px,86vh);display:flex;flex-direction:column;gap:10px;padding:16px 20px;background:#030a12f5;border:1px solid rgba(0,240,255,.35);border-radius:8px;box-shadow:0 18px 50px #0009,0 0 24px #00f0ff14}.storage-header{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid rgba(224,247,252,.15);padding-bottom:8px}.storage-header h2{font-size:1rem;letter-spacing:2px;color:var(--neon-blue)}#storage-subtitle{flex:1;font-size:.68rem;letter-spacing:.1em;color:#ffd76a}#storage-close{background:transparent;border:1px solid rgba(0,240,255,.35);border-radius:4px;color:var(--neon-blue);font:inherit;padding:2px 9px;cursor:pointer}.storage-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;overflow:hidden}.storage-columns section{display:flex;flex-direction:column;gap:8px;min-height:0}.storage-columns h3{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;letter-spacing:2px;color:var(--hud-text-dim)}#storage-take-all{background:#00f0ff14;border:1px solid rgba(0,240,255,.4);border-radius:4px;color:var(--neon-blue);font:inherit;font-size:.62rem;letter-spacing:1px;padding:2px 8px;cursor:pointer}.storage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;align-content:start;overflow-y:auto;min-height:180px;max-height:320px;padding:8px;background:#00f0ff0a;border:1px solid rgba(0,240,255,.12);border-radius:6px}.storage-slot{position:relative;aspect-ratio:1;display:grid;place-items:center;background:#050a14cc;border:1px solid rgba(0,240,255,.2);border-radius:5px;cursor:pointer;padding:4px}.storage-slot:hover{border-color:#00f0ffa6;background:#00f0ff1a}.storage-grid.drag-over{border-color:#00f0ffbf;background:#00f0ff1a;box-shadow:inset 0 0 18px #00f0ff26}.storage-drag-ghost{position:fixed;top:-200px;left:-200px;width:52px;height:52px;display:grid;place-items:center;background:#050a14e6;border:1px solid rgba(0,240,255,.5);border-radius:6px}.storage-drag-ghost .item-icon{width:40px;height:40px}.storage-drag-ghost .storage-count{position:absolute;right:3px;bottom:2px;font-size:.62rem;color:#dff5f8;text-shadow:0 0 4px #000}.storage-slot .item-icon{width:34px;height:34px}.storage-count{position:absolute;right:3px;bottom:2px;font-size:.62rem;color:#dff5f8;text-shadow:0 0 4px #000}.storage-empty{grid-column:1 / -1;align-self:center;text-align:center;font-size:.7rem;color:var(--hud-text-dim);letter-spacing:.1em}.storage-hint{font-size:.62rem;letter-spacing:.12em;color:var(--hud-text-dim);text-align:center;border-top:1px solid rgba(224,247,252,.12);padding-top:8px}.help-tabs{display:flex;gap:4px;flex-wrap:wrap}.help-tab{flex:1;padding:4px 2px;background:#00f0ff0d;border:1px solid rgba(0,240,255,.18);border-radius:4px;color:var(--hud-text-dim);font:inherit;font-size:.62rem;letter-spacing:1.2px;cursor:pointer}.help-tab:hover,.help-tab:focus-visible{border-color:#00f0ff80;color:var(--neon-blue);outline:none}.help-tab.active{background:#00f0ff24;border-color:#00f0ff99;color:var(--neon-blue)}.help-tab-panel{display:flex;flex-direction:column;gap:3px}.help-tab-panel.hidden{display:none}.panel-subhead{margin:10px 0 2px;padding-top:8px;border-top:1px solid rgba(224,247,252,.1);font-size:.68rem;letter-spacing:2.5px;color:#00f0ffa6}.side-panel .panel-subhead:first-of-type{border-top:none;padding-top:0}.diag-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.diag-stat{display:flex;flex-direction:column;gap:1px;padding:5px 8px;background:#00f0ff0d;border:1px solid rgba(0,240,255,.14);border-radius:4px;font-size:.82rem;overflow:hidden}.diag-stat.wide{grid-column:span 2}.diag-label{font-size:.62rem;letter-spacing:1.5px;color:var(--hud-text-dim)}.highlight{color:var(--neon-blue)}.control-row{width:100%;display:flex;align-items:flex-start;gap:10px;padding:3px 5px;border:1px solid transparent;border-radius:3px;background:transparent;color:inherit;font:inherit;font-size:.82rem;text-align:left;transition:background .12s ease,border-color .12s ease}button.control-row{cursor:pointer}div.control-row{cursor:default}.control-row:hover,.control-row:focus-visible{background:#00f0ff14;border-color:#00f0ff59;outline:none}.control-row span:last-child{color:#e0f7fccc;flex:1;min-width:0;line-height:1.35}.key{flex-shrink:0;background:#00f0ff14;border:1px solid rgba(0,240,255,.4);color:var(--neon-blue);padding:2px 6px;border-radius:3px;font-size:.7rem;min-width:58px;text-align:center;white-space:nowrap;box-sizing:border-box;margin-top:1px}.bottom-center{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:grid;grid-template-areas:"health health" "hotbar tools";grid-template-columns:auto auto;align-items:center;justify-items:center;gap:8px;pointer-events:none}.toolbelt-panel{grid-area:tools;align-self:stretch;width:230px;box-sizing:border-box;pointer-events:auto;display:flex;flex-direction:column;gap:4px;padding:5px 7px;background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:5px}.toolbelt-heading{display:flex;justify-content:space-between;gap:20px;color:var(--hud-text-dim);font-size:.62rem;letter-spacing:.1em}.toolbelt-heading strong{color:var(--neon-blue);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#tool-water-bar{width:90px;height:6px;align-self:center;flex-shrink:0;background:#050a14cc;border:1px solid rgba(53,224,192,.4);border-radius:3px;overflow:hidden}#tool-water-bar.hidden{display:none}#tool-water-fill{display:block;height:100%;width:100%;background:linear-gradient(90deg,#1ea88a,#4df0c8);box-shadow:0 0 8px #4df0c873;transition:width .2s ease}#tool-water-fill.empty{background:#78828c80;box-shadow:none}.toolbelt{display:flex;flex-wrap:wrap;gap:3px;max-width:214px}.tool-slot{position:relative;width:30px;height:30px;padding:0;overflow:hidden;cursor:pointer;background:#040810b3;border:1px solid rgba(0,240,255,.16);border-radius:3px}.tool-slot:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background-image:url(/assets/hexcraft-tool-icons-CGaNZt00.png);background-size:400% 400%;background-repeat:no-repeat;filter:drop-shadow(0 1px 1px #000);background-position:var(--atlas-x, 0) var(--atlas-y, 0)}.tool-slot:hover,.tool-slot.active{border-color:var(--neon-blue);background:#00f0ff1f}.tool-slot.broken{filter:grayscale(1);opacity:.48;border-color:#ff313173}.tool-slot.active{box-shadow:0 0 8px #00f0ff73}.tool-slot[data-tool-id="0"]:before{background-position:0 0}.tool-slot[data-tool-id="1"]:before{background-position:33.333% 0}.tool-slot[data-tool-id="2"]:before{background-position:66.667% 0}.tool-slot[data-tool-id="3"]:before{background-position:100% 0}.tool-slot[data-tool-id="4"]:before{background-position:0 33.333%}.tool-slot[data-tool-id="5"]:before{background-position:33.333% 33.333%}.tool-slot[data-tool-id="6"]:before{background-position:66.667% 33.333%}.tool-slot[data-tool-id="7"]:before{background-position:100% 33.333%}.tool-slot[data-tool-id="8"]:before{background-position:0 66.667%}.tool-slot[data-tool-id="9"]:before{background-position:33.333% 66.667%}.tool-slot[data-tool-id="10"]:before{background-position:66.667% 66.667%}.tool-slot[data-tool-id="11"]:before{background-position:100% 66.667%}.health-wrap{grid-area:health;pointer-events:none;display:flex;align-items:center;gap:10px}body.creative .health-wrap{visibility:hidden}.health-bar{width:240px;height:12px;background:#050a14bf;border:1px solid var(--hud-border);border-radius:3px;overflow:hidden}#health-fill{height:100%;width:100%;background:linear-gradient(90deg,#1ecb5f,var(--neon-green));box-shadow:0 0 8px #39ff1466;transition:width .25s ease}#health-fill.low{background:linear-gradient(90deg,#cb1e1e,var(--neon-red));box-shadow:0 0 8px #ff313180}#compass{position:absolute;top:52px;left:50%;transform:translate(-50%);z-index:12;pointer-events:none}.compass-track{position:relative;width:320px;height:26px;overflow:hidden;background:linear-gradient(90deg,transparent,rgba(5,12,22,.72) 18% 82%,transparent);border-bottom:1px solid rgba(0,240,255,.3)}.compass-track>span{position:absolute;top:50%;left:50%;translate:0 -50%;font-size:.72rem;color:#e0f7fc80}.compass-cardinal{font-weight:700;color:#9beeff!important;text-shadow:0 0 8px rgba(0,230,255,.6)}.compass-pip{font-size:.8rem!important}.compass-pip.home{color:var(--neon-blue)!important;text-shadow:0 0 8px rgba(0,240,255,.8)}.compass-pip.death{color:var(--neon-red)!important;text-shadow:0 0 8px rgba(255,49,49,.8)}.vitals-stack{display:flex;flex-direction:column;gap:4px}.hunger-bar{width:240px;height:8px;background:#050a14bf;border:1px solid var(--hud-border);border-radius:3px;overflow:hidden}#victory-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:none;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#061a22d1,#02080ef5);-webkit-backdrop-filter:none;backdrop-filter:none}#victory-overlay.show{display:flex;animation:victory-fade 1.2s ease}@keyframes victory-fade{0%{opacity:0}to{opacity:1}}.victory-inner{max-width:520px;padding:42px 48px;text-align:center;color:#d3f3f9;background:#081a28eb;box-shadow:inset 0 0 0 1px #7bf2ff66,0 0 60px #35e0c040}.victory-kicker{font-size:.72rem;letter-spacing:.4em;color:#4df0c8}.victory-inner h2{margin:14px 0 18px;font-size:1.9rem;letter-spacing:.18em;color:#eafdff;text-shadow:0 0 24px rgba(77,240,200,.6)}.victory-inner p{font-size:.86rem;line-height:1.7;margin:0 0 14px}.victory-sub{color:#7bd6c6;letter-spacing:.2em;font-size:.7rem!important}#victory-close{margin-top:14px;padding:12px 26px;font-family:inherit;font-size:.8rem;letter-spacing:.14em;color:#04121a;background:linear-gradient(180deg,#7ff3ff,#37cbff);border:none;cursor:pointer;box-shadow:0 0 22px #00e6ff73}#victory-close:hover{box-shadow:0 0 30px #00e6ffb3}#hunger-fill{height:100%;width:100%;background:linear-gradient(90deg,#1ea88a,#4df0c8);box-shadow:0 0 8px #4df0c866;transition:width .25s ease}#hunger-fill.low{background:linear-gradient(90deg,#8a3d12,var(--neon-orange));box-shadow:0 0 8px #ff5e0080}.vital-row{display:flex;align-items:center;gap:6px}.vital-icon{width:14px;text-align:center;font-size:.68rem;line-height:1;text-shadow:0 0 6px currentColor}.vital-icon.hull{color:#39ff14}.vital-icon.energy{color:#4df0c8}.vital-icon.island{color:#8fe05a}.vital-val{min-width:52px;font-size:.68rem;color:var(--hud-text-dim);white-space:nowrap}.island-bar{width:240px;height:5px;background:#050a14bf;border:1px solid var(--hud-border);border-radius:3px;overflow:hidden}#island-fill{height:100%;width:0%;background:linear-gradient(90deg,#3e7d2e,#8fe05a);box-shadow:0 0 8px #8fe05a66;transition:width .6s ease}#island-fill.complete{background:linear-gradient(90deg,#b98a1e,#ffd76a);box-shadow:0 0 10px #ffd76a8c}#health-val{font-size:.75rem;color:var(--hud-text-dim);min-width:52px}#station-fuel{font-size:.7rem;letter-spacing:.08em;color:#ffd76a;background:#140e02b8;border:1px solid rgba(255,215,106,.4);border-radius:4px;padding:2px 8px;white-space:nowrap}#station-fuel.empty{color:#ff8a5c;border-color:#ff5e0080}#station-fuel.hidden{display:none}.hotbar-slots{grid-area:hotbar;pointer-events:auto;display:flex;gap:5px;justify-content:center;flex-wrap:nowrap;padding:6px;background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:5px}.hotbar-slot{width:46px;height:46px;border:1px solid var(--hud-border);background:#050a1480;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);padding:0;font:inherit;color:inherit}.hotbar-slot:hover{border-color:#00f0ff80;background:#00f0ff0d}.hotbar-slot.active{border-color:var(--neon-blue);background:#00f0ff1f;box-shadow:0 0 10px #00f0ff59}.hotbar-slot.denied{animation:slot-denied .35s ease}@keyframes slot-denied{0%,to{border-color:var(--hud-border)}50%{border-color:var(--neon-red);box-shadow:0 0 12px #ff313199}}.slot-icon{width:31px;height:31px;background-image:url(/assets/hexcraft-hotbar-atlas-DeWJHS9C.png);background-size:400% 400%;background-repeat:no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.75))}.slot-num{position:absolute;top:2px;left:4px;font-size:.62rem;color:#e0f7fc73}.hotbar-slot.active .slot-num{color:var(--neon-blue)}.slot-count{position:absolute;bottom:1px;right:4px;font-size:.68rem;color:var(--neon-green);text-shadow:0 0 4px rgba(57,255,20,.5)}body.creative .slot-count,body.debug-build .slot-count{display:none}#next-goal{position:absolute;left:18px;bottom:18px;width:min(330px,34vw);padding:10px 13px;background:linear-gradient(90deg,#040c14ed,#040c149e);border-left:3px solid var(--neon-blue);box-shadow:0 10px 28px #00000059}#next-goal span{display:block;margin-bottom:3px;color:var(--neon-blue);font-size:.58rem;letter-spacing:.18em}#next-goal strong{color:#e6f8fb;font-size:.72rem;font-weight:400}#toast-stack{position:fixed;top:58px;left:50%;z-index:60;display:flex;flex-direction:column;gap:7px;transform:translate(-50%);pointer-events:none}.progress-toast{padding:9px 18px;color:var(--neon-blue);background:#030a12f2;border:1px solid rgba(0,240,255,.55);box-shadow:0 8px 22px #00000073,0 0 14px #00f0ff1f;font-size:.72rem;letter-spacing:.12em;animation:toast-enter .2s ease-out}.progress-toast.denied{color:#ff7474;border-color:#ff313199}@keyframes toast-enter{0%{opacity:0;transform:translateY(-10px)}}#monologue-box{position:fixed;bottom:132px;left:50%;z-index:30;max-width:min(580px,84vw);padding:9px 20px;transform:translate(-50%);color:#bfeee6;background:#061216c7;border:1px solid rgba(94,234,212,.28);border-radius:10px;font-style:italic;font-size:.78rem;letter-spacing:.04em;line-height:1.45;text-align:center;opacity:0;transition:opacity .45s ease;pointer-events:none}#monologue-box.show{opacity:1}#monologue-box:before{content:"◈ ";color:#5eead4;font-style:normal}#progression-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:4vh 5vw 126px;color:#dff5f8;background:radial-gradient(circle at 50% 35%,#0f364173,#010409e0 62%);pointer-events:auto}.progression-shell{width:min(1080px,92vw);height:min(760px,calc(100vh - 158px));display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;background:linear-gradient(160deg,#06111cfa,#03080ff7);border:1px solid rgba(0,240,255,.42);box-shadow:0 24px 80px #000000b8,inset 0 0 60px #00f0ff06}.progression-header,.progression-section-heading,.station-console{display:flex;align-items:center;justify-content:space-between;gap:16px}.progression-header{padding:17px 22px 14px;border-bottom:1px solid rgba(0,240,255,.2)}.progression-header span,.equipment-summary span{color:var(--hud-text-dim);font-size:.58rem;letter-spacing:.16em}.progression-header h2,.progress-section-heading h3,.station-console h3,.station-columns h3{margin:2px 0 0;color:var(--neon-blue);font-weight:400;letter-spacing:.1em}.progression-header button,.progression-tabs button,#progression-content button{padding:7px 11px;font:inherit;font-size:.66rem;letter-spacing:.08em;color:var(--neon-blue);background:#00f0ff0f;border:1px solid rgba(0,240,255,.34);border-radius:2px;cursor:pointer}#progression-content button:hover,.progression-header button:hover,.progression-tabs button.active{background:#00f0ff29;border-color:var(--neon-blue)}#progression-content button:disabled{opacity:.32;cursor:not-allowed}.progression-tabs{display:flex;padding:8px 20px 0;gap:5px;border-bottom:1px solid rgba(0,240,255,.12)}.progression-tabs button{border-bottom:0;border-radius:3px 3px 0 0}#progression-content{overflow-y:auto;padding:20px 22px 28px}.progress-section-heading p,.station-console p,.item-card p,.gear-card p{margin:3px 0 0;color:var(--hud-text-dim);font-size:.66rem}.hotbar-picker{display:flex;gap:3px}.mini-slot{position:relative;width:42px;height:42px;padding:2px!important}.mini-slot .item-icon{width:30px;height:30px}.mini-slot>span:not(.item-icon){position:absolute;top:1px;left:3px;font-size:.56rem;color:var(--hud-text-dim)}.mini-slot.active{color:var(--neon-green)!important;border-color:var(--neon-green)!important}.item-grid,.gear-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-top:17px}.item-card,.gear-card,.recipe-card,.queue-job{display:flex;align-items:center;gap:11px;padding:10px;background:#0a1a2794;border:1px solid rgba(121,211,225,.16)}.item-card>div,.gear-card>div,.recipe-body,.queue-job>div{min-width:0;flex:1}.item-card h4,.gear-card h4,.recipe-card h4{margin:0;color:#ebfbfd;font-size:.76rem;font-weight:400}.item-card>strong{color:var(--neon-green);font-size:.72rem;font-weight:400}.item-icon{--icon-x: 0%;--icon-y: 0%;flex:0 0 auto;width:52px;height:52px;display:inline-block;background-position:var(--icon-x) var(--icon-y);background-repeat:no-repeat;background-size:400% 400%;filter:drop-shadow(0 4px 4px rgba(0,0,0,.55))}.hotbar-slot .item-icon{width:35px;height:35px}.atlas-blocks{background-image:url(/assets/hexcraft-hotbar-atlas-DeWJHS9C.png)}.atlas-blocks-nature{background-image:url(/assets/hexcraft-block-items-nature-atlas-CSOlW8px.png)}.atlas-blocks-world{background-image:url(/assets/hexcraft-block-items-world-atlas-CMuK0iXt.png)}.atlas-crops{background-image:url(/assets/hexcraft-crop-growth-v2-DFtzy623.png)}.atlas-resources{background-image:url(/assets/hexcraft-resource-items-Cn1bXEvr.png)}.atlas-components{background-image:url(/assets/hexcraft-crafted-components-CCrSeXwQ.png)}.atlas-utility{background-image:url(/assets/hexcraft-utility-items-Dg3IG8U9.png)}.atlas-stations{background-image:url(/assets/hexcraft-automation-stations-C3CfczgA.png)}.atlas-vfx{background-image:url(/assets/hexcraft-combat-vfx-B194n6ax.png)}.atlas-tools{background-image:url(/assets/hexcraft-tool-icons-CGaNZt00.png)}.atlas-armor{background-image:url(/assets/hexcraft-armor-icons-VUR-8Y3m.png)}.atlas-ruins{background-image:url(/assets/hexcraft-ruin-architecture-atlas-DXUgDv-i.png)}.recipe-list{display:grid;gap:7px;margin-top:16px}.recipe-card.locked{opacity:.5;filter:saturate(.35)}.ingredient-list{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:5px;font-size:.62rem}.ingredient-list .enough{color:var(--neon-green)}.ingredient-list .short{color:#f77}.recipe-body small,.gear-card small,.queue-job small{display:block;margin-top:5px;color:var(--hud-text-dim)}.equipment-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.equipment-summary>div{padding:10px;background:#00f0ff0d;border:1px solid rgba(0,240,255,.15)}.equipment-summary strong{display:block;margin-top:3px;color:var(--neon-blue);font-weight:400}.gear-card.broken{border-color:#ff313166}.card-actions{display:flex;flex-direction:column;gap:4px}.equipment-loadout{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:7px;margin-top:12px}.equipment-slot{min-height:82px;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto 1fr;align-items:center;gap:3px 8px;padding:8px;background:#0109108f;border:1px dashed rgba(0,240,255,.3)}.equipment-slot>span{grid-column:1 / -1;color:var(--hud-text-dim);font-size:.56rem;letter-spacing:.11em}.equipment-slot .item-icon{width:40px;height:40px}.equipment-slot strong{overflow:hidden;color:#ebfbfd;font-size:.68rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.equipment-slot em{grid-column:1 / -1;color:#e0f7fc4d;font-size:.62rem;font-style:normal;text-align:center}.drag-hint{margin:8px 0 0;color:var(--hud-text-dim);font-size:.64rem}.hotbar-remove-zone{margin:9px 0 4px;padding:8px;color:#ff7474b8;border:1px dashed rgba(255,49,49,.28);font-size:.62rem;letter-spacing:.08em;text-align:center}[draggable=true]{cursor:grab}[draggable=true]:active{cursor:grabbing}.dragging{opacity:.34!important}.drag-over{border-color:var(--neon-green)!important;background-color:#39ff141a!important;box-shadow:0 0 12px #39ff1433!important}.durability{height:5px;margin-top:7px;overflow:hidden;background:#0000008c}.durability i{display:block;height:100%;background:linear-gradient(90deg,#20c46a,var(--neon-blue))}.station-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:18px}.queue-job{margin-bottom:6px}.output-list{padding-left:20px;color:var(--neon-green)}.primary-action{width:100%;padding:11px!important}.empty-state{color:var(--hud-text-dim);font-size:.72rem}body.ui-open #crosshair,body.ui-open #held-tool,body.ui-open #next-goal{opacity:0;pointer-events:none}body.ui-open #hud{z-index:55}body.ui-open .hud-topbar,body.ui-open .side-panel{opacity:0;pointer-events:none}body.ui-open .bottom-center{z-index:60}#area-map-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:4vh 4vw;background:radial-gradient(circle at 50% 45%,#0f364161,#010409e6 68%);color:#dff5f8;pointer-events:auto}.area-map-shell{width:min(940px,92vw);max-height:92vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:linear-gradient(160deg,#06111cfc,#03080ffa);border:1px solid rgba(0,240,255,.46);box-shadow:0 24px 80px #000000bf,inset 0 0 60px #00f0ff08}.area-map-shell>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-bottom:1px solid rgba(0,240,255,.2)}.area-map-shell header span,#area-map-meta{color:var(--hud-text-dim);font-size:.58rem;letter-spacing:.14em}.area-map-shell h2{margin:2px 0 0;color:var(--neon-blue);font-size:1.1rem;font-weight:400;letter-spacing:.14em}.area-map-actions{display:flex;align-items:center;gap:14px}.area-map-actions button{padding:7px 11px;color:var(--neon-blue);background:#00f0ff0f;border:1px solid rgba(0,240,255,.34);border-radius:2px;font:inherit;font-size:.66rem;cursor:pointer}.area-map-frame{min-height:0;padding:12px}#area-map-canvas{width:100%;height:min(68vh,620px);display:block;object-fit:contain;background:#06111a;border:1px solid rgba(121,211,225,.2)}.area-map-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 15px;padding:9px 14px 12px;border-top:1px solid rgba(0,240,255,.12)}.area-map-legend span{font-size:.58rem;letter-spacing:.08em}.area-map-legend span:before{content:"";display:inline-block;width:8px;height:8px;margin-right:5px;background:currentColor;border:1px solid rgba(255,255,255,.25)}.area-map-legend .water{color:#348dbc}.area-map-legend .plains{color:#75a94d}.area-map-legend .forest{color:#386f45}.area-map-legend .desert{color:#d3b268}.area-map-legend .mountains{color:#858c96}.area-map-legend .tundra{color:#e9f3f7}.area-map-legend .swamp{color:#486e62}.area-map-legend .crystal{color:#42aaa5}.area-map-legend .badlands{color:#b96c45}body.map-open #crosshair,body.map-open #held-tool,body.map-open .bottom-center,body.map-open #next-goal{opacity:0;pointer-events:none}.color-grass{background-position:0 0}.color-dirt{background-position:33.333% 0}.color-stone{background-position:66.667% 0}.color-sand{background-position:100% 0}.color-water{background-position:0 33.333%}.color-wood{background-position:33.333% 33.333%}.color-leaves{background-position:100% 33.333%}.color-coal{background-position:33.333% 66.667%}.color-gold{background-position:66.667% 66.667%}.color-diamond{background-position:100% 66.667%}.color-snow{background-position:0 100%}.color-crystal{background-position:100% 66.667%;filter:drop-shadow(0 0 5px rgba(95,239,255,.9))}.color-flower,.color-tallgrass,.color-cactus{background-image:url(/assets/hexcraft-vegetation-atlas-C-kgqs9r.png)}.color-flower{background-position:0 0}.color-tallgrass,.color-cactus{background-position:33.333% 0}.diag-action{width:100%;margin-top:12px;padding:8px 10px;border:1px solid rgba(0,240,255,.36);border-radius:3px;background:#00f0ff0f;color:var(--hud-text);font:inherit;font-size:.72rem;letter-spacing:.08em;cursor:pointer}.diag-action.on{border-color:var(--neon-green);color:var(--neon-green);box-shadow:inset 0 0 12px #39ff1414}.diag-action:disabled{opacity:.38;cursor:not-allowed}.diag-time-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px}.diag-time-controls .diag-action{margin-top:7px;padding-inline:5px;font-size:.62rem}.diag-note{margin:7px 0 0;color:var(--hud-text-dim);font-size:.62rem;line-height:1.35}.debug-catalog-banner{display:flex;align-items:baseline;gap:12px;margin-bottom:10px;padding:9px 12px;border-left:3px solid var(--neon-green);background:#39ff1412}.debug-catalog-banner strong{color:var(--neon-green)}.debug-catalog-banner span{color:var(--hud-text-dim);font-size:.68rem}.inventory-subheading{margin:22px 0 9px;color:var(--hud-text-dim);font-size:.72rem;letter-spacing:.1em}.attunement-crystals{color:var(--hud-text-dim);font-size:.7rem;letter-spacing:.08em}.attunement-crystals strong{color:#bf75ff;font-size:1rem}.attunement-layout{display:grid;grid-template-columns:minmax(470px,1.25fr) minmax(260px,.75fr);gap:24px;align-items:center}.attunement-ring{position:relative;width:460px;height:430px;margin:4px auto}.attunement-ring:before{content:"";position:absolute;top:72px;right:72px;bottom:72px;left:72px;border:2px solid rgba(0,240,255,.25);border-radius:50%;box-shadow:inset 0 0 45px #00f0ff14,0 0 25px #00f0ff14}.attunement-socket{position:absolute;width:142px;min-height:112px;transform:translate(-50%,-50%);padding:10px;display:grid;gap:4px;text-align:center;background:color-mix(in srgb,var(--resonance) 13%,#07141e);border:2px solid var(--resonance);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--resonance) 65%,transparent))}.attunement-socket>span{position:absolute;top:7px;left:17px;color:var(--hud-text-dim);font-size:.6rem}.attunement-socket strong{color:var(--resonance);margin-top:4px}.attunement-socket small{color:var(--hud-text-dim);font-size:.58rem}.attunement-socket select{width:92px;margin:0 auto;padding:3px;border:1px solid var(--resonance);background:#06111a;color:var(--hud-text);font:inherit;font-size:.62rem}.attunement-socket.socket-0{left:50%;top:14%}.attunement-socket.socket-1{left:79%;top:33%}.attunement-socket.socket-2{left:79%;top:69%}.attunement-socket.socket-3{left:50%;top:87%}.attunement-socket.socket-4{left:21%;top:69%}.attunement-socket.socket-5{left:21%;top:33%}.attunement-core{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);width:125px;height:108px;display:grid;place-content:center;text-align:center;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#00f0ff1f;border:1px solid var(--neon-blue)}.attunement-core span{color:var(--hud-text-dim);font-size:.58rem}.attunement-core strong{color:var(--neon-blue);font-size:1.65rem}.attunement-readout{min-height:360px;padding:18px;border:1px solid var(--hud-border);background:#05111bbf}.attunement-readout h3{margin:0 0 10px;color:var(--neon-blue)}.attunement-readout dl{margin:0 0 20px;display:grid;gap:5px}.attunement-readout dl div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(0,240,255,.1);padding:4px 0}.attunement-readout dt{color:var(--hud-text-dim)}.attunement-readout dd{color:var(--neon-green)}.attunement-readout ul{padding-left:18px;color:#bf75ff}@media (max-width: 900px){.side-panel{width:250px}.side-panel.right{width:230px}.hotbar-slot{width:40px;height:40px}.tool-slot{width:26px;height:26px}.bottom-center{grid-template-areas:"health" "hotbar" "tools";grid-template-columns:minmax(0,1fr);width:calc(100vw - 20px)}.hotbar-slots{max-width:100%;overflow-x:auto;justify-content:flex-start}.toolbelt{max-width:min(420px,calc(100vw - 40px))}.toolbelt-panel{width:auto;max-width:calc(100vw - 20px)}.equipment-loadout{grid-template-columns:repeat(2,minmax(120px,1fr))}#held-tool{width:min(46vw,390px);opacity:.9}.hex-frame{aspect-ratio:auto;width:min(520px,calc(100vw - 16px));--hex-clip: polygon(8% 0%, 92% 0%, 100% 50%, 92% 100%, 8% 100%, 0% 50%)}.hex-frame-inner{padding:clamp(54px,8vh,76px) clamp(28px,7vw,52px)}.splash-kicker{letter-spacing:.24em}.newworld-controls{flex-direction:column}}#custom-tooltip{position:fixed;z-index:10000;pointer-events:none;background:#08141ef0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,240,255,.28);box-shadow:0 8px 32px #000000a6,inset 0 0 12px #00f0ff14;border-radius:8px;padding:12px 16px;max-width:320px;font-family:Share Tech Mono,monospace;color:#ebfafc;transition:opacity .12s ease;line-height:1.4}#custom-tooltip.hidden{opacity:0;pointer-events:none}#custom-tooltip h3{margin:0 0 4px;font-size:16px;color:#00f0ff;text-transform:uppercase;letter-spacing:.5px}#custom-tooltip .category{font-size:10px;color:#739fa8;text-transform:uppercase;margin-bottom:8px;border-bottom:1px solid rgba(115,159,168,.2);padding-bottom:4px}#custom-tooltip .desc{font-size:12px;line-height:1.4;color:#d1e2e6;margin-bottom:10px}#custom-tooltip .stats{display:flex;flex-direction:column;gap:4px;background:#00f0ff0a;border-radius:4px;padding:8px;margin-bottom:10px;font-size:11px}#custom-tooltip .stats div{display:flex;justify-content:space-between}#custom-tooltip .stats span{color:#739fa8}#custom-tooltip .stats strong{color:#00f0ff}#custom-tooltip .recipes{font-size:11px;border-top:1px solid rgba(115,159,168,.2);padding-top:8px}#custom-tooltip .recipes h4{margin:0 0 4px;font-size:11px;color:#0fa;text-transform:uppercase}#custom-tooltip .recipes ul{margin:0;padding-left:14px;color:#ebfafc}#custom-tooltip .recipes li{margin-bottom:2px}#pin-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#040a0fb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:20000;transition:opacity .18s ease}#pin-modal.hidden{opacity:0;pointer-events:none}.pin-modal-content{background:#0a1a27f5;border:1px solid rgba(0,240,255,.32);box-shadow:0 16px 64px #000c,inset 0 0 24px #00f0ff0f;border-radius:8px;padding:24px 32px;width:min(380px,calc(100vw - 40px));font-family:Share Tech Mono,monospace;color:#ebfafc;display:flex;flex-direction:column;gap:12px}.pin-modal-content h3{margin:0;color:#00f0ff;font-size:1.2rem;letter-spacing:1px}.pin-modal-content p{margin:0;font-size:.8rem;color:var(--hud-text-dim)}#pin-modal-input{background:#08141ecc;border:1px solid rgba(0,240,255,.2);border-radius:4px;color:#ebfafc;padding:10px 12px;font-family:Share Tech Mono,monospace;font-size:.9rem;outline:none;transition:border-color .15s ease}#pin-modal-input:focus{border-color:#00f0ff;box-shadow:0 0 8px #00f0ff26}#pin-modal-input.hidden{display:none}.pin-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.pin-modal-actions button{font-family:Share Tech Mono,monospace;background:#00f0ff14;border:1px solid rgba(0,240,255,.2);color:#ebfafc;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .15s ease;font-size:.85rem}.pin-modal-actions button:hover{background:#00f0ff29;border-color:#00f0ff}.pin-modal-actions button.primary{background:#00f0ff;color:#08141e;border-color:transparent;font-weight:700}.pin-modal-actions button.primary:hover{background:#7ff8ff;box-shadow:0 0 12px #00f0ff4d}.pin-modal-actions button.danger{background:#ff007f1a;border-color:#ff007f4d;color:#ff007f}.pin-modal-actions button.danger:hover{background:#ff007f33;border-color:#ff007f}.inventory-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:15px 0;padding-bottom:12px;border-bottom:1px solid rgba(121,211,225,.1)}#inventory-search{flex:1;min-width:200px;background:#08141ecc;border:1px solid rgba(0,240,255,.2);border-radius:4px;color:#ebfafc;padding:8px 12px;font-family:Share Tech Mono,monospace;font-size:.85rem;outline:none}#inventory-search:focus{border-color:#00f0ff}.inventory-filters{display:flex;flex-wrap:wrap;gap:6px}.filter-btn{font-family:Share Tech Mono,monospace;background:#00f0ff0d;border:1px solid rgba(0,240,255,.15);color:#739fa8;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .15s ease}.filter-btn:hover{background:#00f0ff1a;color:#ebfafc;border-color:#00f0ff4d}.filter-btn.active{background:#00f0ff26;color:#00f0ff;border-color:#00f0ff;font-weight:700}.compass-track>.compass-pip.pin{position:absolute;top:1px!important;left:50%;translate:0 0!important;display:flex;flex-direction:column;align-items:center;font-family:Share Tech Mono,monospace;font-size:7px!important;line-height:1;pointer-events:none;font-weight:700;text-shadow:0 0 2px #000000,0 0 2px #000000}.compass-pip.pin .pin-label{font-size:7px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.compass-pip.pin .pin-distance{font-size:6px;color:#d1e2e6;margin:1px 0;white-space:nowrap}.compass-pip.pin .pin-symbol{font-size:8px}#sign-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;display:grid;place-items:center;background:#02080fad;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#sign-modal.hidden{display:none!important}.sign-modal-content{width:min(540px,calc(100vw - 32px));padding:22px 26px;background:#030c14f5;border:1px solid rgba(0,240,255,.4);border-radius:8px;box-shadow:0 16px 45px #000000b3,0 0 30px #00f0ff26;display:flex;flex-direction:column;gap:16px}.sign-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,240,255,.2);padding-bottom:10px}.sign-modal-header span{font-size:.62rem;letter-spacing:.24em;color:var(--hud-text-dim);display:block}.sign-modal-header h3{font-size:1.05rem;letter-spacing:.14em;color:var(--neon-blue);margin:0}#sign-modal-close{background:transparent;border:1px solid rgba(0,240,255,.3);border-radius:4px;color:var(--neon-blue);font:inherit;padding:2px 8px;cursor:pointer}.sign-modal-body{display:flex;flex-direction:column;gap:14px}.sign-field-group{display:flex;flex-direction:column;gap:6px}.sign-field-label{font-size:.65rem;letter-spacing:.16em;color:#00f0ffd9;font-weight:700}.sign-preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:6px}.sign-preset-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);border-radius:4px;color:#c0f3fc;font-family:inherit;cursor:pointer;transition:all .15s ease;text-align:center}.sign-preset-btn strong{font-size:.72rem;letter-spacing:.06em}.sign-preset-btn small{font-size:.58rem;opacity:.75;margin-top:2px}.sign-preset-btn:hover{background:#00f0ff1f;border-color:#00f0ff80;color:#fff}.sign-preset-btn.active{background:#00f0ff33;border-color:var(--neon-blue);color:#fff;box-shadow:0 0 10px #00f0ff4d}.sign-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sign-field-group input[type=text],.sign-field-group input[type=number],.sign-select{width:100%;padding:7px 10px;background:#01060cd9;border:1px solid rgba(0,240,255,.3);border-radius:4px;color:#fff;font-family:inherit;font-size:.78rem;box-sizing:border-box}.sign-select option{background:#030e16;color:#e0f7fc}.sign-field-group input:focus,.sign-select:focus{border-color:var(--neon-blue);outline:none;box-shadow:0 0 10px #00f0ff40}.sign-field-group input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#00f0ff26;height:6px;border-radius:3px;outline:none;margin-top:6px}.sign-field-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--neon-blue);border-radius:50%;cursor:pointer;box-shadow:0 0 8px var(--neon-blue)}.sign-resource-grid{display:flex;gap:5px;align-items:center}.sign-resource-chip{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 2px;background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);border-radius:4px;color:#a8e4ee;font-family:inherit;cursor:pointer;transition:all .12s ease;min-height:44px}.sign-resource-chip .item-icon{width:24px;height:24px;margin-bottom:2px}.sign-resource-chip small{font-size:.56rem;letter-spacing:.04em;font-family:monospace}.sign-resource-chip strong{font-size:.68rem;padding:6px 0;color:var(--neon-blue)}.sign-resource-chip:hover{background:#00f0ff24;border-color:#00f0ff66;color:#fff}.sign-resource-chip.active{background:#00f0ff38;border-color:var(--neon-blue);color:#fff;box-shadow:0 0 10px #00f0ff59}.sign-vis-grid{display:flex;gap:4px}.sign-vis-btn{flex:1;padding:6px 2px;background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);border-radius:4px;color:#a8e4ee;font-family:inherit;font-size:.62rem;letter-spacing:.05em;cursor:pointer;transition:all .12s ease;text-align:center}.sign-vis-btn:hover{background:#00f0ff1f;color:#fff}.sign-vis-btn.active{background:#00f0ff33;border-color:var(--neon-blue);color:#fff;box-shadow:0 0 8px #00f0ff4d}.sign-color-picker{display:flex;gap:10px;align-items:center}.sign-color-chip{width:28px;height:28px;border-radius:50%;background:var(--chip-color);border:2px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.sign-color-chip:hover{transform:scale(1.15)}.sign-color-chip.active{border-color:#fff;box-shadow:0 0 12px var(--chip-color);transform:scale(1.15)}.sign-modal-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid rgba(0,240,255,.15);padding-top:12px}.sign-modal-actions button{padding:8px 18px;font-family:inherit;font-size:.72rem;letter-spacing:.14em;border-radius:4px;cursor:pointer;background:#00f0ff14;border:1px solid rgba(0,240,255,.35);color:#b8f4ff;transition:all .12s ease}.sign-modal-actions button:hover{background:#00f0ff2e;border-color:var(--neon-blue);color:#fff}.sign-modal-actions button.primary{background:#00f0ff40;border-color:var(--neon-blue);color:#fff;box-shadow:0 0 12px #00f0ff4d}.sign-modal-actions button.primary:hover{background:#00f0ff66}