*{box-sizing:border-box}html,body{color:#eee;background:#000;height:100%;margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}#game{opacity:0;width:100%;height:100%;transition:opacity 1.2s;display:block;position:fixed;inset:0}#game.ready{opacity:1}#hud{pointer-events:none;position:fixed;inset:0}#crosshair{background:#ffffffd9;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%;box-shadow:0 0 2px #000c}#stats{color:#ffffffb3;text-shadow:0 1px 2px #000;font:12px ui-monospace,monospace;position:absolute;top:10px;left:12px}#overlay{background:radial-gradient(#00000040,#000000b3);place-items:center;display:grid;position:fixed;inset:0}#overlay.hidden{display:none}.panel{text-align:center;padding:32px 48px}.panel h1{letter-spacing:.3em;color:#f3e6cf;text-shadow:0 4px 30px #0009;margin:0;font-size:64px;font-weight:800}.panel .sub{letter-spacing:.5em;text-transform:uppercase;opacity:.7;margin:6px 0 28px;font-size:12px}.panel button{color:#fff;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff59;padding:14px 42px;font:600 16px system-ui}.panel button:hover:not(:disabled){background:#ffffff2e}.panel button:disabled{opacity:.4;cursor:default}.panel .keys{opacity:.6;margin-top:22px;font-size:12px}.panel .quality{opacity:.8;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:inline-flex}.panel select{color:#fff;background:#0006;border:1px solid #ffffff4d;padding:4px 8px}#status{opacity:.8;min-height:1.2em;font-size:13px}#compass{width:min(620px,70vw);height:34px;position:absolute;top:14px;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}#compass .strip{position:absolute;inset:0}#compass .strip>div{white-space:nowrap;text-shadow:0 1px 3px #000000e6;position:absolute;top:0;transform:translate(-50%)}#compass .heading{color:#ffffffb3;font:600 12px system-ui;top:2px}#compass .heading.major{color:#fff;font-size:15px}#compass .minor{background:#ffffff73;width:1px;height:6px;top:6px}#compass .center-tick{background:#f3e6cf;width:2px;height:8px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#compass .poi{color:#f3d9a4;align-items:center;gap:4px;font:500 11px system-ui;display:flex;top:16px}#compass .poi .icon{font-size:12px}#compass .poi.near{color:#fff}#discover{text-align:center;opacity:0;text-shadow:0 2px 12px #000c;pointer-events:none;transition:opacity .8s,transform .8s;position:absolute;top:22%;left:50%;transform:translate(-50%,10px)}#discover.show{opacity:1;transform:translate(-50%)}#discover .small{letter-spacing:.5em;color:#f3d9a4;font:600 11px system-ui}#discover .big{letter-spacing:.12em;color:#fff;text-transform:uppercase;margin-top:6px;font:700 34px system-ui}#loading{z-index:60;font-family:var(--font);color:var(--text);background:radial-gradient(at 30% 35%,#b3432d29,#0000 60%),radial-gradient(#1c1a17,#0c0b0a 75%);flex-direction:column;justify-content:space-between;padding:48px 56px 40px;transition:opacity .6s;display:flex;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}#loading .title{font:800 64px var(--font);letter-spacing:.08em;color:#f1e7d6;line-height:1}#loading .server{font:700 14px var(--font);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-top:8px}#loading .tip{max-width:560px;font:500 16px var(--font);color:var(--muted)}#loading .tip:before{content:"Tip";font:800 12px var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--red-hi);margin-bottom:4px;display:block}#loading .row{font:700 14px var(--font);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;margin-bottom:8px;display:flex}#loading .pct{color:var(--muted)}#loading .track{background:#ffffff14;height:6px;overflow:hidden}#loading .fill{background:linear-gradient(90deg, var(--red), var(--red-hi));width:0;height:100%;transition:width .25s ease-out}#loading .enter-game{background:var(--red);color:var(--text);cursor:pointer;font:800 20px var(--font);text-transform:uppercase;letter-spacing:.06em;border:0;margin-bottom:24px;padding:16px 40px}#loading .enter-game:hover{background:var(--red-hi)}#loading .enter-game:focus-visible{outline:2px solid var(--text);outline-offset:4px}#loading.failed .label{color:#ff9f8a;text-transform:none}#loading.failed .fill{background:var(--red)}@media (max-width:700px){#loading{padding:28px 16px 24px}#loading .title{font-size:40px}}#menu .page.island-map.on,.island-map.respawn-map{color:#e6e0d4;font-family:var(--font);background:#ffffff16;grid-template-rows:68px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 310px;gap:1px;display:grid}#menu .island-map.on{width:calc(100% - 64px);max-width:1640px;margin:auto;bottom:28px}body.map-open #menu{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#161b19ed}body.map-open #hud{visibility:hidden}body.map-open #menu>.tabs{display:none}#menu .page.island-map.on{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:calc(100% - 36px);top:18px;bottom:18px}.island-map.page .map-controls{top:auto;bottom:55px}.island-map.page .map-help{display:block}.map-topbar{background:#202723;grid-column:1/-1;align-items:center;gap:28px;padding:12px 22px;display:flex}.map-heading{flex:1}.map-eyebrow{letter-spacing:.16em;color:#9aa59a;font-size:10px;font-weight:600;display:block}.map-topbar h2{letter-spacing:.055em;margin:3px 0 0;font-size:23px;line-height:1}.map-position{font:600 11px var(--font);letter-spacing:.07em;color:#cad1bd}.map-clear{color:#d2d6c7;font:600 10px var(--font);cursor:pointer;background:#a5b19610;border:1px solid #c4cfb732;padding:5px 8px}.map-clear:hover{background:#a5b19630}.map-field{background:#223d43;flex-direction:column;min-width:0;min-height:0;display:flex}.map-viewport{isolation:isolate;flex:1;min-height:0;position:relative;overflow:hidden}.map-viewport canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:absolute}.map-viewport.panning canvas{cursor:grabbing}.map-markers,.map-places{pointer-events:none;position:absolute;inset:0}.map-place{text-align:center;text-wrap:balance;color:#fff0cc;width:max-content;max-width:145px;font:700 11px/1.25 var(--font);letter-spacing:.065em;text-transform:uppercase;-webkit-text-stroke:3px #273026c9;paint-order:stroke fill;text-shadow:0 2px 4px #17221de6;-webkit-user-select:none;user-select:none;position:absolute;transform:translate(-50%,-50%)}.map-place.monument{transform:translate(-50%,calc(-100% - 6px))}.map-place.site{color:#eee7ce;letter-spacing:.045em;font-size:10px;font-weight:600;transform:translate(-50%,8px)}.map-marker{color:#ebeadc;cursor:pointer;pointer-events:auto;width:32px;height:32px;font-family:var(--font);z-index:1;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.map-marker[hidden]{display:none}.map-symbol{font:700 18px/1 var(--font);background:#2d332af0;border:1px solid #e4e8d696;border-radius:50%;place-items:center;display:grid;position:absolute;inset:2px;box-shadow:0 2px 6px #09171570}.map-marker.player{z-index:4}.map-marker.player .map-symbol{box-shadow:none;color:#e5f2a8;filter:drop-shadow(0 2px 3px #102018d9);background:0 0;border:0;border-radius:0;inset:-2px 0}.map-marker.player .map-symbol svg{fill:currentColor;stroke:#30452b;stroke-width:2px;stroke-linejoin:round;width:32px;height:36px}.map-marker.player.selected .map-symbol{outline:none}.map-marker.bag .map-symbol{color:#eff8d9;background:#607d36;border-color:#bfd892}.map-marker.death .map-symbol{background:#a34837;border-color:#e1a28b;font-size:27px}.map-marker.pin .map-symbol{color:#edfcff;background:#459aac;border-color:#a4dfeb}.map-marker.cooling .map-symbol{background:#735e37;border-color:#c9a66e}.map-marker.selected,.map-marker:hover,.map-marker:focus-visible{z-index:5}.map-marker.selected .map-symbol{outline-offset:3px;outline:2px solid #f4edca}.map-marker-label{white-space:nowrap;text-overflow:ellipsis;color:#efeada;letter-spacing:.035em;text-shadow:0 1px 1px #000;pointer-events:none;background:#202921dd;max-width:155px;padding:3px 5px;font-size:10px;font-weight:700;display:none;position:absolute;top:35px;left:50%;overflow:hidden;transform:translate(-50%)}.map-marker.labeled .map-marker-label,.map-marker:hover .map-marker-label,.map-marker:focus-visible .map-marker-label{display:block}.map-marker.label-above .map-marker-label{top:-20px}.map-marker.death .map-marker-label{background:#782e25ed}.map-marker.bag .map-marker-label{color:#dfebba}.map-symbol svg,.location-symbol svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:19px;height:19px}.map-controls{z-index:6;flex-direction:column;gap:4px;display:flex;position:absolute;top:18px;right:17px}.map-controls button{color:#e2e5d8;width:35px;height:35px;font:20px var(--font);cursor:pointer;background:#232d29e8;border:1px solid #d3d8c733}.map-controls button:hover{background:#485641}.map-north{pointer-events:none;color:#f2edd9;text-shadow:0 1px 4px #102222;justify-items:center;display:grid;position:absolute;top:20px;left:20px}.map-north b{font:700 13px var(--font)}.map-north span{font:36px/1 var(--font)}.map-readout{pointer-events:none;color:#e0e3cf;font:600 10px var(--font);text-shadow:0 1px 3px #102222;justify-content:space-between;align-items:flex-end;gap:15px;display:flex;position:absolute;bottom:17px;left:20px;right:20px}.map-readout>span:first-child{background:#142b2ba6;padding:4px 6px}.map-readout>span:last-child{text-align:center;border:1px solid #e0e3cf;border-width:0 1px 2px;min-width:32px;padding-bottom:4px}.map-footer{background:#202723;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;gap:10px 25px;padding:13px 20px 12px;display:flex}.map-legend{color:#c3c7b8;flex-wrap:wrap;gap:15px;font-size:10px;display:flex}.map-legend b{margin-right:3px}.map-legend .bag b{color:#aed17a}.map-legend .death b{color:#e08067}.map-legend .lava b{color:#f58c45}.map-legend .player svg{fill:#e5f2a8;vertical-align:-2px;width:11px;height:13px}.map-help{color:#a8b0a2;font-size:10px}.map-sidebar{background:#252c27;flex-direction:column;min-width:0;min-height:0;display:flex}.map-sidebar-heading{padding:22px 20px 17px}.map-sidebar h3{letter-spacing:.03em;margin:5px 0 0;font-size:20px}.map-location-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#77836550 transparent;flex:1;min-height:60px;padding:0 10px 14px;overflow-y:auto}.map-location{text-align:left;color:#dcded0;cursor:pointer;width:100%;font-family:var(--font);background:#d1d8bb07;border:1px solid #0000;align-items:center;gap:10px;margin-bottom:5px;padding:12px 9px;display:flex}.map-location:hover{background:#c8d4af14}.map-location.selected{background:#859e402c;border-color:#aac56170}.map-location.death.selected{background:#b25b3e25;border-color:#b4775680}.location-symbol{color:#b8c4a5;flex:0 0 27px;place-items:center;width:27px;height:30px;font-size:21px;display:grid}.bag .location-symbol{color:#afca75}.death .location-symbol{color:#e08366;font-size:30px}.beach .location-symbol{color:#acc4bf;font-size:30px}.pin .location-symbol{color:#87c8d9}.location-copy{flex:1;min-width:0}.location-copy strong{overflow-wrap:anywhere;font-size:14px;font-weight:600;display:block}.location-copy small{color:#aab3a5;margin-top:4px;font-size:11px;line-height:1.45;display:block}.location-tag{color:#b4cf7d;letter-spacing:.035em;font-size:10px}.cooling .location-tag{color:#d9ba7c}.cooling .location-symbol{color:#c3a977}.map-detail{border-top:1px solid #c4d0b51c;flex-shrink:0;margin:0 20px;padding:18px 0}.map-detail strong{margin-top:7px;font-size:15px;display:block}.map-detail p{color:#abb5a5;margin:6px 0 0;font-size:12px;line-height:1.5}.map-empty{color:#b0b7a5;margin:0;padding:0 20px 14px;font-size:12px;line-height:1.6}.map-actions:empty{display:none}.map-actions{padding:0 20px 20px}.island-map button:focus-visible,#deathscreen button:focus-visible{outline-offset:2px;outline:2px solid #f3dfad}#deathscreen{z-index:25;background:#171b18fa;padding:30px 32px;display:none;position:fixed;inset:0}#deathscreen.open{flex-direction:column;animation:.35s ease-out menuIn;display:flex}.death-header{align-items:center;gap:32px;padding:0 4px 22px;display:flex}.death-header h1{font:800 clamp(32px, 4vw, 64px)/1 var(--font);color:#df7555;letter-spacing:-.025em;margin:6px 0 0}.death-header .map-eyebrow{color:#bf8068}.death-header .cause{color:#d3b6a8;overflow-wrap:anywhere;max-width:32%;font-size:15px}.death-next{letter-spacing:.12em;color:#8d978b;margin-left:auto;font-size:11px}.island-map.respawn-map{flex:1;min-height:0}.respawn-button{color:#f3f4dc;width:100%;min-height:49px;font:700 16px var(--font);cursor:pointer;text-align:center;background:#70893b;border:1px solid #c4d89744;padding:12px}.respawn-button:hover:not(:disabled){background:#889f4d}.respawn-button:disabled{color:#a6af92;cursor:default;background:#49503b}.respawn-status{color:#b1baa8;min-height:30px;margin:10px 0 0;font-size:11px;line-height:1.4}@media (min-width:1600px){#menu .island-map.on,.island-map.respawn-map{grid-template-columns:minmax(0,1fr) 360px}}@media (max-width:900px){#menu .island-map.on{width:calc(100% - 24px);bottom:12px}#menu .island-map.on,.island-map.respawn-map{grid-template-columns:minmax(0,1fr) 260px}.map-topbar{gap:16px;padding:10px 14px}.map-position{font-size:10px}.map-close{padding:7px}.map-sidebar-heading{padding:15px}.map-detail{margin:0 15px;padding:13px 0}.map-actions{padding:0 15px 15px}#deathscreen{padding:16px}.death-header{gap:18px;padding-bottom:16px}.death-next{display:none}}@media (max-width:620px){#menu .island-map.on,.island-map.respawn-map{grid-template-rows:56px minmax(190px,1fr) minmax(180px,.8fr);grid-template-columns:minmax(0,1fr)}.map-topbar h2{font-size:18px}.map-position{display:none}.map-topbar .map-eyebrow{font-size:9px}.map-sidebar{grid-row:3}.map-sidebar-heading{padding:10px 14px}.map-sidebar h3{margin:3px 0 0;font-size:15px}.map-sidebar-heading .map-eyebrow,.map-detail{display:none}.map-footer{padding:8px 12px}.map-help{display:none}.map-legend{gap:9px;font-size:9px}.map-actions{padding:7px 12px 9px}.respawn-button{min-height:39px;padding:8px;font-size:14px}.respawn-status{min-height:0;margin-top:6px}#deathscreen{padding:10px}.death-header .cause{max-width:45%;font-size:12px}.death-header h1{font-size:32px}.death-header{gap:16px;padding-bottom:12px}}@media (max-height:600px) and (min-width:621px){#deathscreen{padding:12px}.death-header{padding-bottom:10px}.death-header h1{font-size:30px}.map-detail{display:none}.map-sidebar-heading{padding:12px 16px}.map-actions{padding:8px 16px}.respawn-status{min-height:0}#menu .island-map.on,.island-map.respawn-map{grid-template-rows:56px minmax(0,1fr)}}.map-marker.teammate .map-symbol{color:#d8ffca;background:#346f50;border-color:#a5e9a9}.map-marker.teammate.wounded .map-symbol{color:#fff0c8;background:#866124;border-color:#ffce7a;font-size:25px}.map-marker.teammate.offline .map-symbol{color:#c9d0c6;background:#404a44;border-style:dashed;border-color:#a9b6aa}.map-marker.teammate.dead .map-symbol{color:#f5d5c9;background:#784738;border-color:#dca68e;font-size:26px}.map-marker.teammate .map-marker-label{color:#d8ffca}.map-marker.teammate.offline .map-marker-label{color:#c9d0c6}.map-legend .teammate b{color:#a5e9a9}.map-legend .wounded b{color:#ffce7a}.map-legend .offline b{color:#a9b6aa}#mainmenu .migration-notice{background:#252b22;border-left:3px solid #8fb04a;padding:12px 16px;font-size:15px;line-height:1.4}#mainmenu .migration-notice a{color:#d7ecae}:root{--font:"Roboto Condensed", "Arial Narrow", system-ui, sans-serif;--text:#e6e0d4;--muted:#a8a196;--dim:#7b756c;--panel:#48443d8c;--panel-solid:#262420eb;--panel-dark:#141311b8;--slot:#beb4a42b;--slot-hover:#d2c8b847;--slot-gap:4px;--slot-size:clamp(50px, 4.3vw, 84px);--green:#6f8b3a;--green-hi:#8fb04a;--green-text:#d7ecae;--red:#b3432d;--red-hi:#cf5a3f;--blue:#3f79bf;--blue-sel:#427ec4c7;--health:#87a83a;--health-text:#d4ef8c;--hydration:#3c86c8;--hydration-text:#a9d6ff;--calories:#cf7a2c;--calories-text:#ffcf99;--yellow:#d8b23c}#hud,#menu,#deathscreen,#mainmenu{font-family:var(--font);color:var(--text)}#hud *,#menu *,#deathscreen *,#mainmenu *{box-sizing:border-box}#crosshair{background:#ffffffe6;width:4px;height:4px;margin:-2px 0 0 -2px;box-shadow:0 0 0 1px #00000059}#hitmarker{opacity:0;width:22px;height:22px;margin:-11px 0 0 -11px;transition:opacity .18s ease-out;position:absolute;top:50%;left:50%}#hitmarker.show{opacity:1;transition:none}#hitmarker:before,#hitmarker:after{content:"";background:linear-gradient(#fff 0 35%,#0000 35% 65%,#fff 65%);width:2px;height:100%;margin-left:-1px;position:absolute;top:0;left:50%}#hitmarker:before{transform:rotate(45deg)}#hitmarker:after{transform:rotate(-45deg)}#hitmarker.bonus:before,#hitmarker.bonus:after{background:linear-gradient(#ffd24a 0 35%,#0000 35% 65%,#ffd24a 65%)}#hitmarker.head:before,#hitmarker.head:after{background:linear-gradient(#ff4a3a 0 35%,#0000 35% 65%,#ff4a3a 65%)}body.ads #crosshair{visibility:hidden}#crosshair:after{content:"";width:calc(var(--cone,0px) * 2);height:calc(var(--cone,0px) * 2);border:1px solid #ffffff47;border-radius:50%;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000001f}#crosshair.cone:after{display:block}#prompt{font:700 15px var(--font);text-transform:uppercase;letter-spacing:.02em;text-shadow:0 1px 3px #000000e6;white-space:nowrap;align-items:center;gap:8px;display:none;position:absolute;top:calc(50% + 34px);left:50%;transform:translate(-50%)}#prompt.show{display:flex}#prompt .key{color:#1d1b18;min-width:22px;height:22px;text-shadow:none;background:#e6e0d4eb;border-radius:2px;place-items:center;padding:0 5px;font-size:13px;display:inline-grid}#prompt .sub{color:var(--muted);text-transform:none;font-weight:400}#belt{gap:var(--slot-gap);display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.slot{width:var(--slot-size);height:var(--slot-size);background:var(--slot);pointer-events:auto;-webkit-user-select:none;user-select:none;position:relative}.slot img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px #00000059);width:86%;height:86%;position:absolute;inset:7%}.slot .fallback{text-align:center;font:700 11px var(--font);text-transform:uppercase;color:var(--text);opacity:.85;pointer-events:none;place-items:center;padding:4px;line-height:1.05;display:grid;position:absolute;inset:0}.slot .amt{font:700 clamp(11px, .8vw, 15px) var(--font);color:#fff;text-shadow:0 1px 2px #000000e6;pointer-events:none;position:absolute;bottom:3px;right:5px}.slot .amt.ammo{color:#e8d9a8;left:5px;right:auto}.slot .cond{background:var(--green-hi);pointer-events:none;width:5px;position:absolute;bottom:0;left:0}.slot.broken img{filter:grayscale()brightness(.6)sepia()hue-rotate(-30deg)saturate(3)}.slot.broken .cond{background:var(--red)}.slot .key{font:700 11px var(--font);color:#ffffff73;pointer-events:none;position:absolute;top:3px;left:6px}.slot.active{background:var(--blue-sel)}#menu .slot:hover{background:var(--slot-hover)}#menu .slot.active:hover{background:#508cd2d9}.slot.drop-ok{outline-offset:-2px;outline:2px solid #ffffff8c}.slot.loot-queued{outline-offset:-2px;background:#9ab46233;outline:2px solid #b4c88a}.loot-help{color:#b5b6ad;max-width:450px;font-size:11px;line-height:1.5}.slot.dragging img,.slot.dragging .fallback,.slot.dragging .amt{opacity:.25}.slot .wearhint{opacity:.18;pointer-events:none;font-size:calc(var(--slot-size) * .42);place-items:center;display:grid;position:absolute;inset:0}#dragghost{z-index:50;pointer-events:none;width:var(--slot-size);height:var(--slot-size);opacity:.9;position:fixed;transform:translate(-50%,-50%)}#rightstack{flex-direction:column;align-items:stretch;gap:3px;width:clamp(220px,15vw,300px);display:flex;position:absolute;bottom:14px;right:14px}#toasts{flex-direction:column;align-items:flex-end;gap:3px;margin-bottom:6px;display:flex}.toast{height:30px;font:700 14px var(--font);text-transform:uppercase;white-space:nowrap;background:#1e1c198c;align-items:center;gap:8px;padding:0 10px 0 4px;transition:opacity .5s,transform .5s;animation:.2s ease-out toastIn;display:flex}.toast img{object-fit:contain;width:26px;height:26px}.toast .plus{color:var(--green-hi)}.toast.warn{color:#ffb4a2;background:#7826188c;padding-left:10px}.toast.out{opacity:0;transform:translate(20px)}@keyframes toastIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}#statuschips{flex-direction:column;gap:3px;display:flex}.chip{height:28px;font:700 13px var(--font);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:8px;padding:0 10px;display:flex}.chip .ic{text-align:center;width:16px}.chip .val{margin-left:auto;font-weight:700}.chip.bad{color:#ffd7cc;background:#a63724c7}.chip.warn{color:#fff0cc;background:#aa781ebf}.chip.info{color:#dcecff;background:#3a6caabf}.chip.good{color:var(--green-text);background:#628032cc}#craftmini{justify-content:flex-end;gap:3px;display:flex}#craftmini .q{background:var(--slot);width:44px;height:44px;position:relative}#craftmini .q img{object-fit:contain;width:36px;height:36px;position:absolute;inset:4px}#craftmini .q .t{font:700 11px var(--font);text-align:center;background:#00000073;position:absolute;bottom:0;left:0;right:0}#craftmini .q .n{font:700 11px var(--font);position:absolute;top:1px;right:3px}.vital{background:#28262273;gap:3px;height:26px;display:flex}.vital .ic{color:#ebe6dccc;background:#78726873;place-items:center;width:26px;display:grid}.vital .ic svg{fill:currentColor;width:15px;height:15px}.vital .bar{background:#00000047;flex:1;position:relative}.vital .fill{transition:width .35s ease-out;position:absolute;top:0;bottom:0;left:0}.vital .num{font:700 14px var(--font);align-items:center;display:flex;position:absolute;top:0;bottom:0;left:8px}.vital.health .fill{background:var(--health)}.vital.health .num{color:var(--health-text)}.vital.health.low .fill{background:var(--red)}.vital.health.low .num{color:#ffd2c6}.vital.hydration .fill{background:var(--hydration)}.vital.hydration .num{color:var(--hydration-text)}.vital.calories .fill{background:var(--calories)}.vital.calories .num{color:var(--calories-text)}.vital.flash{animation:.4s ease-out vitalFlash}@keyframes vitalFlash{0%{filter:brightness(2.2)}to{filter:none}}#coldfrost{pointer-events:none;opacity:0;background:radial-gradient(at 0 0,#d2f0ff80,#0000 35%),radial-gradient(at 100% 100%,#cdebff66,#0000 35%),radial-gradient(#0000 42%,#6eb8dc29 66%,#addef6a6 100%);transition:opacity 1.8s ease-out;position:absolute;inset:0;box-shadow:inset 0 0 clamp(30px,6vw,100px) #a4d8f459}#damageflash{pointer-events:none;opacity:0;background:radial-gradient(#0000 45%,#960a008c);transition:opacity .6s ease-out;position:absolute;inset:0}#damageflash.show{opacity:1;transition:none}#menu{z-index:20;-webkit-backdrop-filter:blur(7px)saturate(.8);background:#08080773;display:none;position:fixed;inset:0}#menu.open{animation:.14s ease-out menuIn;display:block}@keyframes menuIn{0%{opacity:0}to{opacity:1}}#menu .tabs{gap:10px;display:flex;position:absolute;top:3.2vh;left:50%;transform:translate(-50%)}#menu .tab{height:40px;color:var(--text);font:700 17px var(--font);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#46423cb8;border:0;align-items:center;gap:10px;padding:0 26px;display:flex}#menu .tab:hover{background:#5f5a52cc}#menu .tab.on{background:linear-gradient(180deg, var(--red-hi), var(--red));color:#fff}#menu .tab .k{opacity:.6;border:1px solid #ffffff59;padding:0 4px;font-size:11px}#menu .tab[hidden]{display:none}#mainmenu .server-description{color:var(--muted);margin-top:7px;font-size:13px}#menu .page.playground.on{left:4vw;right:4vw;bottom:max(calc(var(--slot-size) + 34px), 118px);background:#171917f5;flex-direction:column;gap:16px;padding:24px;display:flex}.playground-header,.playground-filters,.playground-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.playground-header h2{text-transform:uppercase;margin:0 0 6px;font-size:25px}.playground-header p{color:var(--muted);max-width:680px;margin:0;font-size:14px}.playground-header .btn{flex-shrink:0}.playground-kits{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.playground-kit{text-align:left;color:var(--text);cursor:pointer;font:inherit;background:#6b875021;border:1px solid #afc39b38;flex-direction:column;gap:7px;padding:14px;display:flex}.playground-kit strong{font-size:18px}.playground-kit span{color:var(--muted);flex:1;font-size:13px}.playground-kit b{text-transform:uppercase;color:#afd17d;font-size:12px}.playground-kit:hover:not(:disabled){background:#6b87504d}.playground-kit:disabled{opacity:.45;cursor:default}.playground-filters .search{color:var(--text);font:inherit;background:#ffffff12;border:1px solid #fff3;padding:10px}.playground-filters input{flex:1;min-width:100px}.playground-filters select option{background:#242722}.playground-filters>span{color:var(--muted);white-space:nowrap;font-size:13px}.playground-items{flex:1;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));align-content:start;gap:10px;min-height:80px;display:grid;overflow-y:auto}.playground-item{background:#ffffff0e;grid-template-columns:56px 1fr;align-items:center;gap:10px;padding:12px;display:grid}.playground-item>img{object-fit:contain;width:56px;height:56px}.playground-item-info{flex-direction:column;gap:5px;display:flex}.playground-item-info>span{color:var(--muted);font-size:12px}.playground-item-actions{grid-column:1/-1;gap:8px;display:flex}.playground-item-actions .btn{flex:1;padding:0 8px;font-size:13px}.playground-footer{color:var(--muted);flex-wrap:wrap;font-size:12px}@media (max-width:900px),(max-height:680px){#menu .page.playground.on{gap:10px;padding:14px;overflow-y:auto}.playground-header{flex-wrap:wrap;gap:8px}.playground-kits{grid-template-columns:repeat(2,1fr)}.playground-kit{padding:10px}.playground-kit span{display:none}#menu .tabs{gap:4px}#menu .tab{padding:0 12px;font-size:14px}}#menu .page{--grid-w:calc(var(--slot-size) * 6 + var(--slot-gap) * 5);display:none;position:absolute;inset:calc(3.2vh + 56px) 0 14px}#menu .page.on{display:block}#menu .page.crafting.on{width:min(1500px,94vw);left:50%;right:auto;bottom:max(calc(var(--slot-size) + 34px), 118px);gap:14px;display:flex;transform:translate(-50%)}#hud{z-index:21}body.menu-open #belt,body.menu-open #ammo-readout{visibility:hidden}.h{font:700 20px var(--font);text-transform:uppercase;letter-spacing:.02em}.h.sm{color:var(--muted);font-size:14px}.btn{cursor:pointer;height:34px;font:700 15px var(--font);text-transform:uppercase;letter-spacing:.03em;color:var(--text);background:#78726873;border:0;justify-content:center;align-items:center;gap:6px;padding:0 18px;display:inline-flex}.btn:hover:not(:disabled){background:#968f8399}.btn:disabled{opacity:.45;cursor:default}.btn.green{background:var(--green);color:var(--green-text)}.btn.green:hover:not(:disabled){background:var(--green-hi);color:#fff}.btn.red{background:var(--red);color:#ffd9cf}.btn.red:hover:not(:disabled){background:var(--red-hi);color:#fff}.btn.sq{width:34px;padding:0;font-size:20px}.inv-left{width:calc(50% - var(--grid-w) / 2 - 5vw);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;top:0;bottom:0;left:2vw}.inv-left .name{font:700 22px var(--font);margin-bottom:4px}.inv-left .model{flex:1;min-height:240px;max-height:62vh;position:relative}.inv-left .model canvas{width:100%;height:100%;position:absolute;inset:0}.inventory-character{background:radial-gradient(at 50% 48%,#beb5a11f,#0000 68%);position:absolute;inset:0 24% 0 0}.character-status{color:var(--muted);place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.character-status[hidden]{display:none}.character-rotate{gap:8px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.character-rotate button{width:32px;height:28px;color:var(--text);cursor:pointer;background:#504c45a6;border:0;font-size:22px}.character-rotate button:hover{background:#827c70cc}.protection{flex-direction:column;justify-content:center;gap:3px;width:42%;display:flex;position:absolute;top:0;bottom:0;right:0}.protection .row{height:32px;font:700 15px var(--font);background:linear-gradient(90deg,#0000,#6e685f66);justify-content:flex-end;align-items:center;gap:12px;padding-right:10px;display:flex}.protection .row .ic{text-align:center;opacity:.85;width:22px;font-size:16px}.protection .row.zero{color:#0000;background:0 0}.protection .row.zero .ic{opacity:.35;color:var(--text)}.wearrow{gap:var(--slot-gap);margin-top:8px;display:flex}.wearrow .slot{width:calc((100% - 6 * var(--slot-gap)) / 7);aspect-ratio:1;flex-shrink:0;height:auto}.inv-mid{width:var(--grid-w);flex-direction:column;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.inv-mid .h{margin-bottom:6px}.grid{grid-template-columns:repeat(6, var(--slot-size));gap:var(--slot-gap);display:grid}.inv-mid .beltrow{margin-top:calc(var(--slot-size) * .35)}.inv-right{left:calc(50% + var(--grid-w) / 2 + 3vw);flex-direction:column;justify-content:flex-end;gap:8px;max-width:560px;display:flex;position:absolute;top:0;bottom:154px;right:14px}.lootbox{background:var(--panel);flex-direction:column;min-height:0;max-height:100%;padding:12px;display:flex}.lootbox .grid{min-height:0;padding-right:2px;overflow:hidden auto}.lootbox .h{margin-bottom:8px}.infobox{background:var(--panel);flex-direction:column;gap:10px;padding:14px;display:flex}.infobox .top{align-items:center;gap:12px;display:flex}.infobox .top img{object-fit:contain;width:64px;height:64px}.infobox .desc{color:var(--muted);font-size:15px;line-height:1.3}.infobox .stats{grid-template-columns:1fr auto;gap:2px 12px;font-size:14px;display:grid}.infobox .stats span:nth-child(odd){color:var(--muted)}.infobox .actions{flex-wrap:wrap;gap:6px;display:flex}.splitter{align-items:center;gap:8px;display:flex}.splitter input[type=range]{accent-color:var(--blue);flex:1}.cr-cats{background:var(--panel);flex-direction:column;flex:0 0 200px;padding:8px 0;display:flex;overflow:auto}.cr-cat{cursor:pointer;height:36px;font:700 14px var(--font);text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;padding:0 14px;display:flex}.cr-cat:hover{color:var(--text);background:#ffffff0d}.cr-cat.on{background:var(--blue);color:#fff}.cr-cat .c{opacity:.8;margin-left:auto;font-size:13px}.cr-mid{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.cr-list{background:var(--panel);grid-template-columns:repeat(auto-fill, calc(var(--slot-size) * 1.05));flex:1;align-content:start;gap:6px;padding:10px;display:grid;overflow:auto}.cr-item{width:calc(var(--slot-size) * 1.05);height:calc(var(--slot-size) * 1.05);background:var(--slot);cursor:pointer;position:relative}.cr-item:hover{background:var(--slot-hover)}.cr-item.on{outline:2px solid var(--blue);outline-offset:-2px;background:#3f79bf4d}.cr-item img{object-fit:contain;width:84%;height:84%;position:absolute;inset:8%}.cr-item.cant img{opacity:.35}.cr-item.locked img{opacity:.2;filter:grayscale()}.cr-item .lock{opacity:.8;font-size:13px;position:absolute;top:3px;right:4px}.cr-item .fallback{text-align:center;font:700 11px var(--font);text-transform:uppercase;place-items:center;padding:4px;display:grid;position:absolute;inset:0}.cr-item.cant .fallback,.cr-item.locked .fallback{opacity:.35}.cr-search{background:var(--panel-dark);height:36px;color:var(--text);font:500 15px var(--font);border:0;outline:none;padding:0 12px}.cr-search::placeholder{color:var(--dim);text-transform:uppercase}.cr-queue{height:calc(var(--slot-size) + 16px);background:var(--panel);justify-content:flex-end;align-items:center;gap:6px;padding:8px;display:flex;position:relative}.cr-queue .big{font:800 clamp(28px, 2.6vw, 46px) var(--font);color:#ffffff24;text-transform:uppercase;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.cr-queue .q{width:var(--slot-size);height:var(--slot-size);background:var(--slot);cursor:pointer;position:relative}.cr-queue .q:hover{background:#b3432d80}.cr-queue .q img{object-fit:contain;width:84%;height:84%;position:absolute;inset:8%}.cr-queue .q .t{text-align:center;font:700 12px var(--font);background:#00000080;position:absolute;bottom:0;left:0;right:0}.cr-queue .q .n{font:700 12px var(--font);color:var(--green-text);background:var(--green);padding:0 4px;position:absolute;top:2px;right:4px}.cr-detail{background:var(--panel);flex-direction:column;flex:0 0 38%;display:flex}.cr-detail .head{align-items:flex-start;gap:14px;padding:14px 14px 8px;display:flex}.cr-detail .head img{object-fit:contain;width:72px;height:72px}.cr-detail .title{text-align:center;flex:1}.cr-detail .title .h{font-size:24px}.pill{font:700 12px var(--font);text-transform:uppercase;margin-top:4px;padding:1px 8px;display:inline-block}.pill.green{background:var(--green-hi);color:#1f2a0c}.pill.red{background:var(--red);color:#ffe1d8}.pill.blue{background:var(--blue);color:#fff}.cr-detail .meta{font:700 15px var(--font);flex-direction:column;align-items:flex-end;gap:4px;display:flex}.cr-detail .meta span{text-align:right;background:#00000047;min-width:56px;padding:2px 8px}.cr-detail .desc{color:var(--muted);flex:1;padding:4px 16px;font-size:16px;line-height:1.35}.cr-detail table{border-collapse:collapse;width:100%;font-size:15px}.cr-detail th{font:700 12px var(--font);text-transform:uppercase;color:var(--muted);text-align:left;background:#00000040;padding:6px 10px}.cr-detail td{background:#0000001f;border-top:2px solid #0000001f;padding:5px 10px}.cr-detail td.num,.cr-detail th.num{text-align:right}.cr-detail td.short{color:#ff9c86}.cr-detail .foot{align-items:center;gap:6px;padding:12px;display:flex}.cr-detail .foot input{background:var(--panel-dark);width:64px;height:34px;color:var(--text);text-align:center;font:700 16px var(--font);border:0}.cr-detail .foot .spacer{flex:1}.cr-detail .foot .craft{min-width:140px}#itemmodal{z-index:30;background:#00000059;place-items:center;display:none;position:fixed;inset:0}#itemmodal.open{animation:.12s ease-out menuIn;display:grid}#itemmodal .card{background:var(--panel-solid);grid-template-columns:1fr 1fr;width:min(760px,90vw);display:grid;box-shadow:0 20px 60px #0009}#itemmodal .view{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#78706459,#00000040);position:relative}#itemmodal .view canvas,#itemmodal .view img{object-fit:contain;width:84%;height:84%;position:absolute;inset:8%}#itemmodal .info{flex-direction:column;gap:12px;padding:18px;display:flex}#itemmodal .close{position:absolute;top:8px;right:10px}#mainmenu{z-index:40;background:radial-gradient(at 85% 15%,#343931,#1b1c19 65%);flex-direction:column;display:flex;position:fixed;inset:0}#mainmenu.hidden{display:none}#mainmenu .bar{background:#161513f2;border-bottom:1px solid #ffffff0d;flex:0 0 52px;align-items:stretch;display:flex}#mainmenu .logo{background:linear-gradient(180deg, var(--red-hi), var(--red));width:52px;font:800 15px var(--font);color:#fff;letter-spacing:.02em;place-items:center;display:grid}#mainmenu .navs{flex:1;justify-content:center;gap:4px;display:flex}#mainmenu .nav{font:700 15px var(--font);text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 24px;display:flex}#mainmenu .nav:hover{color:var(--text);background:#ffffff0a}#mainmenu .nav.on{color:#fff;background:linear-gradient(#cf5a3fe6,#8c301ee6)}#mainmenu .right{align-items:center;gap:6px;padding-right:10px;display:flex}#mainmenu .body{flex:1;min-height:0;display:flex}#mainmenu .side{background:#1c1b18d9;flex-direction:column;flex:0 0 240px;gap:4px;padding:16px 12px;display:flex}#mainmenu .side .lbl{font:700 12px var(--font);text-transform:uppercase;color:var(--dim);margin:8px 4px 4px}#mainmenu .pill-btn{height:34px;font:700 13px var(--font);text-transform:uppercase;color:var(--muted);cursor:pointer;text-align:left;background:#ffffff0d;border:0;justify-content:space-between;align-items:center;padding:0 12px;display:flex}#mainmenu .pill-btn:hover{color:var(--text);background:#ffffff17}#mainmenu .pill-btn.on{background:var(--green);color:var(--green-text)}#mainmenu .content{flex:1;padding:28px 36px;overflow:auto}#mainmenu .hero{flex-direction:column;gap:14px;max-width:1240px;display:flex}#mainmenu .hero .title{font:800 64px var(--font);letter-spacing:.08em;color:#f1e7d6;line-height:1}#mainmenu .hero .sub{font:700 14px var(--font);letter-spacing:.4em;text-transform:uppercase;color:var(--muted)}#mainmenu .servercard{background:#ffffff0d;align-items:center;gap:16px;padding:14px 16px;display:flex}#mainmenu .servercard .n{font:700 18px var(--font)}#mainmenu .servercard .tags{gap:6px;margin-top:4px;display:flex}#mainmenu .servercard .tags span{font:700 11px var(--font);text-transform:uppercase;color:var(--muted);background:#ffffff14;padding:1px 6px}#mainmenu .play{background:var(--yellow);color:#221c08;min-width:220px;height:52px;font-size:20px}#mainmenu .play:hover:not(:disabled){color:#000;background:#eac451}#mainmenu .status{font:500 14px var(--font);color:var(--muted);min-height:1.2em}#mainmenu .opt{font:700 14px var(--font);text-transform:uppercase;background:#ffffff08;grid-template-columns:260px 1fr;align-items:center;gap:12px;margin-bottom:3px;padding:8px 12px;display:grid}#mainmenu .opt select,#mainmenu .opt input[type=range]{width:100%;max-width:360px}#mainmenu .opt select{height:30px;color:var(--text);font:700 13px var(--font);background:#0006;border:1px solid #ffffff1f}#mainmenu .opt input[type=range]{accent-color:var(--red-hi)}#mainmenu .opt>span:first-child small{font:500 12px var(--font);text-transform:none;color:var(--dim);margin-top:2px;display:block}#mainmenu .opt>span:last-child{align-items:center;gap:10px;display:flex}#mainmenu .opt .v{font:700 13px var(--font);color:var(--muted);flex:0 0 64px}#mainmenu .opt select:disabled{opacity:.45}#mainmenu .opt-section{font:800 13px var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--red-hi);margin:18px 0 6px}#mainmenu .opt-section:first-of-type{margin-top:0}#mainmenu .search{width:100%;height:34px;color:var(--text);font:500 14px var(--font);background:#00000059;border:1px solid #ffffff14;margin-bottom:8px;padding:0 12px}#mainmenu .keys{font:500 15px var(--font);grid-template-columns:180px 1fr;gap:6px 16px;display:grid}#mainmenu .keys b{color:#1d1b18;background:#e6e0d4e6;padding:0 6px;font-weight:700;display:inline-block}#mainmenu .chatbar{color:var(--dim);font:500 13px var(--font);background:#161513f2;flex:0 0 40px;align-items:center;gap:12px;padding:0 12px;display:flex}.chip .ic svg{fill:currentColor;vertical-align:-2px;width:14px;height:14px}.protection .ic,.wearhint,.cr-item .lock{filter:grayscale()brightness(1.5)}body.ui-open #craftmini,body.ui-open #compass,body.ui-open #crosshair,body.ui-open #hitmarker,body.ui-open #prompt,body.ui-open #stats,body.ui-open #discover,body.dead #hud{visibility:hidden}#chat{width:min(460px,40vw);font:500 15px var(--font);text-shadow:0 1px 2px #000000f2;pointer-events:none;position:absolute;bottom:150px;left:14px}#chat .log{flex-direction:column;justify-content:flex-end;gap:2px;max-height:220px;display:flex;overflow:hidden}#chat .line{padding:1px 6px;transition:opacity 1s}#chat .line b{color:#b9d77a;font-weight:700}#chat .line i{color:var(--muted);font-style:normal}#chat .line.old{opacity:0}#chat.open .line.old{opacity:1}#chat.open .log{background:#14131173;max-height:320px;overflow-y:auto}#chat .bar{pointer-events:auto;background:#141311b8;align-items:center;gap:6px;margin-top:4px;padding:4px 6px;display:none}#chat.open .bar{display:flex}#chat .chan{font:700 12px var(--font);text-transform:uppercase;color:var(--green-text);background:var(--green);padding:2px 6px}#chat input{color:var(--text);font:500 15px var(--font);background:0 0;border:0;outline:0;flex:1}#lookname{font:700 15px var(--font);color:var(--text);text-shadow:0 1px 3px #000000f2;letter-spacing:.02em;white-space:nowrap;display:none;position:absolute;top:calc(50% - 44px);left:50%;transform:translate(-50%)}#lookname.show{display:block}#netlost{background:var(--panel-dark);font:700 18px var(--font);text-transform:uppercase;letter-spacing:.03em;pointer-events:auto;flex-direction:column;align-items:center;gap:8px;padding:14px 22px;display:none;position:absolute;top:18%;left:50%;transform:translate(-50%)}#netlost.show{display:flex}#netlost .sub{font:500 14px var(--font);text-transform:none;color:var(--muted)}#netlost button{font:700 14px var(--font);text-transform:uppercase;background:var(--red);color:#fff;cursor:pointer;border:0;padding:6px 14px}#mainmenu .serverlist{grid-template-columns:minmax(0,1fr);gap:5px;display:grid}#mainmenu .servercard.sel{cursor:pointer;border-left:3px solid #0000}#mainmenu .servercard.sel:hover{background:#ffffff17}#mainmenu .servercard.sel.on{border-left-color:var(--green-hi);background:#6f8b3a47}#mainmenu .servercard.sel.dis,#mainmenu .pill-btn:disabled{opacity:.4;cursor:default}#mainmenu .status.note{color:var(--yellow)}#mainmenu .pname{margin-bottom:4px}.buildwheel{z-index:55;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-family:var(--font);color:var(--text);pointer-events:none;background:#0e0d0b9e;display:none;position:fixed;inset:0}.buildwheel.open{place-items:center;display:grid}.wheel-shell{aspect-ratio:1;width:min(76vh,620px,90vw);position:relative;container-type:inline-size}.wheel-shell svg{width:100%;height:100%;overflow:visible}.wheel-shell path{fill:#e6ded1;stroke:#292622;stroke-width:1.5px}.wheel-shell path.selected{fill:#bb3d27}.wheel-shell text{fill:#3c3933;text-anchor:middle;font:700 36px var(--font)}.wheel-shell text.selected{fill:#fff5e9}.wheel-symbol{color:#3c3933}.wheel-symbol.selected{color:#fff5e9}.wheel-symbol path{stroke:currentColor;stroke-width:3px;fill:none;stroke-linejoin:round}.wheel-center{text-align:center;flex-direction:column;justify-content:center;gap:12px;display:flex;position:absolute;inset:29%}.wheel-center .eyebrow{letter-spacing:.18em;color:#b0a99d;font-size:11px}.wheel-center strong{font-size:clamp(19px,4.8cqw,32px);line-height:1}.wheel-center p{color:#c1b9ac;margin:0;font-size:clamp(11px,2.4cqw,15px);line-height:1.4}.wheel-center b{color:#b4cf80;font-size:11px}.wheel-cursor{background:#fff;border:1px solid #26221e;border-radius:50%;width:8px;height:8px;margin:-4px;position:absolute;top:50%;left:50%;box-shadow:0 1px 8px #000}.wheel-help{letter-spacing:.05em;font-size:12px;position:absolute;bottom:5vh}.wheel-help span{opacity:.5;margin:0 12px}.buildwheel kbd{color:#26221d;background:#ded6c9;padding:4px 6px;font-family:inherit}#buildinfo{z-index:15;text-align:center;min-width:260px;max-width:85vw;color:var(--text);font-family:var(--font);pointer-events:none;background:#211f1bd1;border-left:3px solid #72aebb;padding:12px 18px;display:none;position:fixed;bottom:max(125px,17vh);left:50%;transform:translate(-50%)}#buildinfo.show{flex-direction:column;gap:6px;display:flex}#buildinfo strong{letter-spacing:.06em;font-size:19px}#buildinfo span{color:#c2beb3;font-size:12px}#buildinfo.invalid{border-color:var(--red-hi)}#buildinfo.invalid span{color:#f1a08f}.machine{flex-direction:column;gap:6px;display:flex}.machine-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:12px}.processor{margin-top:14px}.processor p{color:var(--muted);font-size:14px}#menu .inv-right{justify-content:flex-start;max-height:calc(100vh - 145px);overflow-y:auto}#menu .lootbox{flex:none;margin-top:auto}.structure-panel{border-top:1px solid #ffffff15;margin-top:14px;padding-top:8px}.structure-panel h3{text-transform:uppercase;letter-spacing:.06em;margin:14px 0 7px;font-size:18px}.structure-panel p{color:var(--muted);margin:8px 0;font-size:14px;line-height:1.4}.structure-panel .btn{white-space:normal;height:auto;min-height:32px;margin:3px 4px 3px 0}.structure-panel input{box-sizing:border-box;width:120px;color:var(--text);font:inherit;background:#15151280;border:1px solid #ffffff26;margin:3px 8px 3px 0;padding:9px}.structure-panel .upkeep-ok{color:#b9d77a;font-size:18px}.structure-panel .upkeep-low{color:#ecaa77;font-size:18px}.keypad{background:#1a1916;width:210px;margin:10px 0;padding:12px}.keypad>div:first-child{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:12px}.keypad-display{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;display:grid}.keypad-display span{height:34px;font:700 24px var(--font);color:#cfe7ee;background:#0e0e0c;border-bottom:2px solid #72aebb;place-items:center;display:grid}.keypad-keys{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.structure-panel .keypad-keys .btn{height:40px;margin:0;font-size:18px}.access-member{border-bottom:1px solid #ffffff10;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;display:flex}.access-member small{color:var(--muted)}#bowdraw{color:#e4dfce;font:600 13px var(--font);text-align:center;pointer-events:none;position:fixed;top:calc(50% + 50px);left:50%;transform:translate(-50%)}#bowdraw .draw-track{background:#1119;width:130px;height:4px;margin:8px auto}#bowdraw .draw-fill{background:#b9d77a;height:100%}.solo-actions{align-items:center;gap:12px;display:flex}.solo-note{color:#b4b6ac;max-width:650px;margin-top:12px;font-size:14px}.solo-confirm{background:#372723;border-left:3px solid #c65c43;max-width:650px;margin-top:18px;padding:18px}.solo-confirm>div{gap:12px;margin-top:12px;display:flex}#survival-guide{color:#d5d8cd;pointer-events:auto;background:#191d1bdb;border-left:2px solid #a4b577;width:min(310px,28vw);padding:14px 16px;font:13px/1.5 Arial,sans-serif;position:absolute;top:88px;left:24px}#survival-guide[hidden]{display:none}#survival-guide .guide-heading{color:#b7c68b;letter-spacing:1px;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}#survival-guide button{color:#c5cbb6;cursor:pointer;white-space:nowrap;background:0 0;border:0;font:11px Arial,sans-serif}#survival-guide ol{margin:10px 0 0;padding-left:20px}#survival-guide li{color:#858e82;padding:3px 0}#survival-guide li.active{color:#fff}#survival-guide li.done{color:#a9be7e}#survival-guide p{color:#c1c6b8;margin:5px 0 10px;font-size:12px}#solo-save-status{color:#b7c68b;max-width:420px;font:11px Arial,sans-serif;position:absolute;bottom:12px;left:24px}@media (max-width:900px){#survival-guide{width:220px;padding:10px;top:62px;left:12px}}#mainmenu .comfort-options{color:#d8dbc9;flex-wrap:wrap;gap:24px;padding:16px 0 22px;display:flex}#mainmenu .comfort-options label{align-items:center;gap:8px;display:flex}#mainmenu .binding-status{color:#dfbb7d;min-height:24px}#mainmenu .keys button:focus{outline-offset:2px;outline:2px solid #c6cf9e}.supply-card{border-left:3px solid #e5a953}#survival-guide{max-height:calc(100vh - 240px);overflow:auto}.attachment-panel{border-top:1px solid #ffffff20;margin:10px 0;padding-top:8px}.attachment-row{justify-content:space-between;align-items:center;gap:10px;margin-top:5px;font-size:12px;display:flex}.attachment-row select{background:#343a32;max-width:210px;font-size:12px}#expansion-review[hidden]{display:none!important}.chip.safe{color:#cff6cb;letter-spacing:.08em;background:#27553ce8;border-left:3px solid #82c783}.vendor-offer{text-align:left;align-items:center;gap:12px;padding:10px!important;display:flex!important}.vendor-offer .home-icon{flex:0 0 32px;width:32px;height:32px}.vendor-offer small{color:#bbc7b5;margin-top:4px;font-size:11px;font-weight:400;display:block}.inventory-tools,.recipe-tools{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.inventory-tools[hidden]{display:none}#menu .lootbox{max-height:none}#menu .lootbox>.grid,#menu .lootbox>.machine,#menu .lootbox>.inventory-tools{flex-shrink:0}#menu .inv-right.has-storage{max-height:none;bottom:0}#menu .has-storage .lootbox{margin-top:0}#menu .lootbox>.grid{--loot-slot:min(var(--slot-size), calc((100dvh - 270px) / var(--loot-rows,8)));grid-template-columns:repeat(6, minmax(0, var(--loot-slot)));overflow:visible}#menu .lootbox>.grid>.slot{aspect-ratio:1;width:100%;height:auto}.processor:empty{display:none}.storage-details{margin-top:12px}.storage-details[hidden],.storage-details [hidden]{display:none}.storage-details>summary{width:100%;height:auto;min-height:30px;padding:7px 10px;font-size:12px}.storage-details>summary:before{content:"+";margin-right:6px}.storage-details[open]>summary:before{content:"−"}.storage-details>summary::-webkit-details-marker{display:none}.storage-settings{top:calc(3.2vh + 56px);left:2vw;bottom:calc(var(--slot-size) + 28px);width:calc(50vw - var(--grid-w) / 2 - 5vw);z-index:5;scrollbar-width:thin;background:#262420fa;border:1px solid #ffffff20;padding:14px;position:fixed;overflow-y:auto}.storage-settings .structure-panel{margin-top:8px}.storage-settings-close{width:100%}.storage-details.standalone{margin-top:0}.storage-details.standalone .storage-settings{background:0 0;border:0;width:auto;padding:0;position:static;overflow:visible}.inventory-tools .btn,.inventory-sort{height:auto;min-height:28px;padding:6px 10px;font-size:12px}.inventory-sort{margin-bottom:10px}.recipe-tools{justify-content:center}.recipe-tools .btn{height:auto;min-height:26px;padding:5px 8px;font-size:11px}.recipe-tools .btn[aria-pressed=true]{color:#d3e7ac;background:#6078378c}.recipe-favorite{color:#e3c47b;font-size:17px;position:absolute;bottom:4px;left:6px}#recipe-pin{background:#191d1be0;border-left:2px solid #a4b577;margin-bottom:6px;padding:10px 12px;font:12px/1.5 Arial,sans-serif}#recipe-pin[hidden],body.ui-open #recipe-pin{display:none}.recipe-pin-title{color:#d3e7ac;margin-bottom:5px;font-size:11px}.recipe-need{color:#e0e2d9;justify-content:space-between;gap:10px;display:flex}.recipe-need b{white-space:nowrap;font-weight:400}.recipe-ready{color:#bdd99a}.recipe-requirement{color:#e1bc88}.recipe-pin-help{color:#a7afa3;margin-top:5px;font-size:10px}#ammo-readout{color:#d9dfca;max-width:90vw;font:600 11px var(--font);text-align:center;pointer-events:none;background:#202723d9;padding:5px 9px;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}#ammo-readout.explosive{color:#f2be82}#ammo-readout[hidden]{display:none}#mainmenu .content{min-width:0}#mainmenu .servercard{min-width:0;padding:8px 14px}#mainmenu .servercard>div:first-child{flex:1;grid-template-columns:max-content 1fr;align-items:center;column-gap:14px;min-width:0;display:grid}#mainmenu .servercard .n{font-size:17px;line-height:20px}#mainmenu .servercard .tags{margin-top:0}#mainmenu .servercard .server-description{grid-column:1/-1;margin-top:2px;font-size:12px;line-height:15px}#mainmenu .servercard .n{overflow-wrap:anywhere}#mainmenu .servercard .tags{flex-wrap:wrap}#mainmenu .servercard:focus-visible{outline:2px solid var(--green-hi);outline-offset:2px}#mainmenu .servercard .sm{white-space:nowrap}#mainmenu .play-footer{flex-direction:column;gap:10px;display:flex}#mainmenu .status:empty{display:none}.main-menu-open .arena-open:not(.arena-review),.main-menu-open .arena-hud{visibility:hidden}@media (max-height:800px){#mainmenu .content{padding:14px 24px}#mainmenu .hero{gap:9px}#mainmenu .hero .title{font-size:40px}#mainmenu .hero .sub{font-size:11px}#mainmenu .servercard{padding:6px 12px}#mainmenu .play{height:44px}}@media (max-width:1000px){#mainmenu .side{flex-basis:185px}#mainmenu .content{padding:18px}#mainmenu .servercard{gap:8px}#mainmenu .servercard .n{font-size:16px}#mainmenu .servercard>div:first-child{grid-template-columns:1fr}#mainmenu .servercard .tags{margin-top:2px}}@media (max-width:760px){#mainmenu .side{flex-basis:145px;padding:12px 8px}#mainmenu .serverlist{grid-template-columns:1fr}#mainmenu .hero .title{font-size:36px}#mainmenu .hero .sub{letter-spacing:.2em;font-size:11px}#mainmenu .nav{padding:0 12px}}