*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#050b10;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
button{font:inherit}#game{position:fixed;inset:0;width:100%;height:100%;touch-action:none}
#loading{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fff;background:radial-gradient(circle at 50% 30%,#2a5a82,#071018 68%);transition:.35s}
#loading.hidden{opacity:0;visibility:hidden}#loading span{font-size:12px;color:#b7d6e7}.loader{width:54px;height:54px;border:5px solid #ffffff25;border-top-color:#78c5ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
#hud{position:fixed;top:10px;left:10px;right:10px;z-index:24;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;pointer-events:none}
.logo,.stats>div,#engine-info,.small-fab,#hotbar,.ticker-window,#help{background:#071019d1;border:1px solid #ffffff18;backdrop-filter:blur(10px);box-shadow:0 8px 28px #0006}
.logo{padding:8px 12px;border-radius:12px;color:#fff;font-weight:900;font-size:14px}.logo span{color:#7bc8ff}.logo b{font-size:10px;color:#98e5ff;margin-right:6px}.compact-row{display:flex;gap:6px;flex-wrap:wrap;max-width:72vw}.stats>div{padding:7px 10px;border-radius:11px;color:#d8e7ef;font-size:12px}.stats strong{color:#fff}
#engine-info{position:fixed;top:56px;left:10px;z-index:22;display:grid;grid-template-columns:auto auto;gap:5px 10px;padding:10px 12px;border-radius:12px;color:#d4e0e8;font-size:10px;max-width:min(270px,43vw)}#engine-info strong{color:#fff}
#crosshair{position:fixed;left:50%;top:50%;z-index:15;transform:translate(-50%,-50%);color:#fff;font-size:22px;text-shadow:0 1px 5px #000;pointer-events:none}
#ticker{position:fixed;left:10px;top:198px;z-index:25;width:min(250px,34vw);pointer-events:none;direction:rtl}.ticker-window{position:relative;overflow:hidden;min-height:34px;border-radius:10px;padding:0 8px}#ticker-track{position:absolute;left:0;top:0;min-width:100%;padding:8px 12px;color:#fff;font-weight:700;white-space:nowrap;transform:translateX(-110%);font-size:12px}#ticker-track.run{animation:tickerSlide 2.35s cubic-bezier(.2,.7,.2,1) both}#ticker-track.pickup{color:#9af3ad}#ticker-track.break{color:#e8dfc4}#ticker-track.rare{color:#92dcff;text-shadow:0 0 10px #52bfff}#ticker-track.combat{color:#ff9d93}#ticker-track.craft{color:#f7d98c}#ticker-track.build{color:#c4e6ff}#ticker-track.warning{color:#ffbd70}@keyframes tickerSlide{0%{transform:translateX(-110%);opacity:0}14%{transform:translateX(0);opacity:1}76%{transform:translateX(0);opacity:1}100%{transform:translateX(-110%);opacity:0}}
#help{position:fixed;bottom:74px;left:50%;transform:translateX(-50%);z-index:14;padding:6px 12px;color:#ffffffc5;border-radius:999px;font-size:10px;pointer-events:none;white-space:nowrap;max-width:80vw;overflow:hidden;text-overflow:ellipsis}
.quick-actions{position:fixed;right:10px;top:62px;z-index:26;display:flex;flex-direction:column;gap:8px}.small-fab{padding:9px 12px;border-radius:12px;color:#fff;background:#13314ce6;cursor:pointer;font-weight:800}
#hotbar{position:fixed;left:50%;bottom:16px;z-index:35;transform:translateX(-50%);display:grid;grid-template-columns:repeat(10,minmax(40px,56px));gap:3px;padding:4px;border-radius:14px;direction:ltr;width:min(96vw,610px)}.hotbar-slot{position:relative;height:44px;min-width:0;padding:12px 3px 3px;border:1px solid #ffffff18;border-radius:9px;color:#fff;background:#ffffff09;cursor:pointer;overflow:hidden}.hotbar-slot.selected{border-color:#7bc8ff;box-shadow:0 0 0 2px #7bc8ff38 inset,0 0 14px #63b9ff33;background:#153147cc}.hotbar-slot.empty{opacity:.55}.slot-key{position:absolute;top:2px;left:4px;font-size:9px;color:#a6b7c4}.slot-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;direction:rtl}.hotbar-slot strong{display:block;margin-top:2px;font-size:10px;color:#93ddff}
#workbench-panel{position:fixed;inset:5vh 5vw;z-index:80;display:none;overflow:hidden;border:1px solid #ffffff22;border-radius:20px;background:#08131bf6;color:#fff;box-shadow:0 30px 90px #000b;backdrop-filter:blur(16px)}#workbench-panel.open{display:flex;flex-direction:column}.workbench-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #ffffff16}.workbench-header strong{font-size:20px}.workbench-header small{display:block;color:#9fb7c6;margin-top:3px}.workbench-header button{width:38px;height:38px;border:0;border-radius:11px;color:#fff;background:#ffffff13;cursor:pointer}.workbench-body{min-height:0;flex:1;display:grid;grid-template-columns:1.3fr .7fr}.craft-column,.inventory-column{min-height:0;overflow:auto;padding:16px}.inventory-column{border-right:1px solid #ffffff12;background:#ffffff05}.craft-column h3,.inventory-column h3{margin:0 0 12px}.inventory-help{margin:-5px 0 11px;color:#8fa5b4;font-size:11px;line-height:1.6}#recipe-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px}.recipe{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:76px;padding:10px;border-radius:13px;background:#ffffff08;border:1px solid #ffffff10}.recipe.ready{border-color:#74dc8b39}.recipe.locked{opacity:.60}.recipe strong,.recipe small,.recipe em{display:block}.recipe small{color:#9fb0c0;margin-top:4px;line-height:1.4}.recipe em{margin-top:5px;font-style:normal;font-size:10px;color:#f0c878}.recipe button{flex:0 0 auto;border:0;border-radius:10px;padding:8px 11px;color:#051018;background:#7bc8ff;cursor:pointer;font-weight:800}.recipe button:disabled{cursor:not-allowed;background:#5c6268;color:#cfd4d0}#inventory-list{display:flex;flex-direction:column;gap:7px}.inventory-item{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #ffffff14;border-radius:10px;padding:9px 11px;color:#fff;background:#ffffff08;cursor:pointer}.inventory-item strong{min-width:28px;text-align:center;padding:3px 7px;border-radius:999px;background:#7bc8ff;color:#07121a}.empty{color:#8fa095;line-height:1.8}
#mobile-controls{display:none}
@media(max-width:900px),(pointer:coarse){#hud{top:6px;left:6px;right:6px}.logo{font-size:11px;padding:6px 8px}.compact-row{gap:4px;max-width:74vw}.stats>div{padding:4px 6px;font-size:9px}#engine-info{top:46px;left:6px;font-size:8px;max-width:170px;padding:7px 8px;gap:4px 7px}#ticker{top:142px;left:6px;width:44vw}#ticker-track{font-size:10px;padding:7px 10px}.quick-actions{right:8px;top:56px;gap:6px}.small-fab{padding:7px 9px;font-size:10px}#help{display:none}#hotbar{bottom:126px;width:96vw;grid-template-columns:repeat(10,1fr);gap:2px;padding:3px}.hotbar-slot{height:36px;padding:10px 2px 2px}.slot-name{font-size:7px}.hotbar-slot strong{font-size:8px}#workbench-panel{inset:2vh 2vw}.workbench-body{grid-template-columns:1fr}.inventory-column{border-right:0;border-top:1px solid #ffffff14;max-height:35vh}.craft-column{max-height:50vh}#mobile-controls{position:fixed;inset:0;z-index:40;display:block;pointer-events:none}.dpad{position:absolute;bottom:18px;left:10px;width:130px;height:130px;pointer-events:auto}.dpad button,.actions button{position:absolute;width:42px;height:42px;border:1px solid #ffffff32;border-radius:14px;color:#fff;background:#04100bb0;backdrop-filter:blur(7px);font-weight:800;touch-action:none;font-size:12px}.dpad .up{left:44px;top:0}.dpad .left{left:0;top:44px}.dpad .down{left:44px;top:88px}.dpad .right{left:88px;top:44px}.actions{position:absolute;right:10px;bottom:16px;width:160px;height:174px;pointer-events:auto}#jump{right:0;bottom:44px}#break{right:44px;bottom:0}#place{right:0;bottom:0}#switch{right:44px;bottom:44px;width:96px;font-size:9px}#camera-cycle{right:96px;bottom:88px}#shoulder-swap{right:44px;bottom:88px}}