*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc;background:#071014}button{font:inherit}#world{display:block;width:100%;height:100%;cursor:crosshair}#stars{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 18% 22%,rgba(255,255,255,.45) 0 1px,transparent 2px),radial-gradient(circle at 62% 18%,rgba(255,255,255,.36) 0 1px,transparent 2px),radial-gradient(circle at 74% 68%,rgba(255,255,255,.3) 0 1px,transparent 2px);opacity:0;transition:opacity .3s ease}#app.menu-open #stars{opacity:1}#crosshair{position:fixed;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);pointer-events:none;opacity:0}#crosshair.active{opacity:1}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#ffffffe6;box-shadow:0 0 0 1px #0000004d}#crosshair:before{left:9px;top:0;width:2px;height:20px}#crosshair:after{left:0;top:9px;width:20px;height:2px}.menu{position:fixed;inset:0;display:grid;grid-template-columns:minmax(320px,1fr) minmax(270px,380px);gap:28px;align-items:end;padding:min(8vh,72px) clamp(18px,5vw,72px);background:linear-gradient(115deg,#060f12eb,#060f1257 58%,#060f12c7),linear-gradient(#287a7640,#0e23259e)}.menu[hidden],.hud[hidden],.loading[hidden],.inventory[hidden],.generator[hidden],.server-panel[hidden],.touch-controls[hidden]{display:none}.menu__hero{max-width:760px;padding-bottom:4vh}.brand{display:flex;gap:18px;align-items:center}.brand__mark{width:70px;height:70px;border:4px solid rgba(255,255,255,.88);border-radius:8px;background:linear-gradient(135deg,#57a84d 0 35%,#7a5939 36% 66%,#5b6670 67% 100%);box-shadow:0 16px 50px #00000052}h1{margin:0;font-size:clamp(48px,9vw,112px);line-height:.88;letter-spacing:0;text-shadow:0 8px 34px rgba(0,0,0,.35)}.brand p{margin:10px 0 0;color:#c9f3ee;font-size:clamp(16px,2vw,22px)}.menu__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.primary,.secondary{min-height:50px;border:1px solid rgba(255,255,255,.28);border-radius:8px;padding:0 18px;color:#fff;cursor:pointer}.primary{background:linear-gradient(#3a9e58,#1e7238);font-weight:800}.secondary{background:#ffffff1f}.menu__side{align-self:center;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:22px;background:#040c0f94;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu__side h2{margin:0 0 12px;font-size:20px}.menu__side ul{display:grid;gap:10px;margin:0;padding-left:20px;color:#d8eee8}.generator{width:min(520px,100%);margin-top:24px}.generator__bar{height:14px;overflow:hidden;border:1px solid rgba(255,255,255,.26);border-radius:8px;background:#00000052}.generator__bar span{display:block;width:0%;height:100%;background:linear-gradient(90deg,#41d980,#f4d35e,#73d2de);transition:width .18s ease}.generator p{margin:8px 0 0;color:#d8eee8}.server-panel{display:grid;width:min(560px,100%);gap:10px;margin-top:18px;padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#030a0c94}.server-panel label{display:grid;gap:5px;color:#d8eee8;font-size:13px;font-weight:700}.server-panel input,.chat-form input{width:100%;min-height:38px;border:1px solid rgba(255,255,255,.22);border-radius:6px;padding:0 10px;color:#fff;background:#ffffff1a;outline:none}.server-panel input:focus,.chat-form input:focus{border-color:#6ee7d8;box-shadow:0 0 0 2px #6ee7d82e}.server-panel__actions{display:flex;flex-wrap:wrap;gap:10px}#serverHint{margin:0;color:#b9d9d4;font-size:12px}#serverHint code{color:#fff}.server-info{margin:12px 0;padding:10px 12px;background:#0000004d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.server-info p{margin:0 0 8px;font-size:12px;color:#b9d9d4}.server-info code{display:block;font-size:11px;word-break:break-all;background:#0006;padding:8px 10px;border-radius:4px;color:#55b7e8;margin-bottom:8px;line-height:1.4}.server-info button{font-size:12px;padding:4px 12px;border:1px solid rgba(85,183,232,.4);background:#55b7e81a;color:#55b7e8;border-radius:4px;cursor:pointer}.server-info button:hover{background:#55b7e840}.loading{position:fixed;inset:0;display:grid;place-items:center;gap:20px;background:#040a0cb8}.loading__cube{width:74px;height:74px;border-radius:8px;background:linear-gradient(135deg,#5dd071 0 34%,#8b6139 35% 68%,#6c7480 69% 100%);animation:spinCube 1.1s infinite ease-in-out}.loading__copy{display:grid;gap:4px;text-align:center}.loading__copy strong{font-size:22px}.loading__copy span{color:#c9f3ee}.hud{position:fixed;inset:0;pointer-events:none}.topbar{position:fixed;left:16px;right:16px;top:14px;display:flex;justify-content:space-between;gap:10px}#realmBadge,#stats,#help,#status{border-radius:6px;padding:7px 10px;background:#03090c94;color:#e8f6f5;font-size:13px}#healthBar{display:flex;align-items:center;gap:4px;border-radius:6px;padding:6px 10px;background:#03090c94;min-width:100px}#healthBar:before{content:"❤";color:#f44;font-size:14px}#healthFill{height:6px;border-radius:3px;background:linear-gradient(90deg,#f44,#5f5);transition:width .15s;display:block}#help{position:fixed;left:50%;top:54px;max-width:min(880px,calc(100vw - 28px));transform:translate(-50%);text-align:center}#status{position:fixed;left:50%;bottom:92px;min-width:230px;transform:translate(-50%);text-align:center}.mining-bar{position:fixed;left:50%;bottom:130px;transform:translate(-50%);width:140px;height:6px;border-radius:3px;background:#0009;border:1px solid rgba(255,255,255,.15)}#miningFill{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#888,#fff);width:0%;transition:width .05s}.chat-panel{position:fixed;left:16px;bottom:16px;display:grid;width:min(360px,calc(100vw - 32px));gap:6px;pointer-events:auto}.chat-log{display:grid;align-content:end;gap:4px;height:146px;overflow:hidden;border-radius:8px;padding:8px;background:#03090c6b;font-size:12px}.chat-log p{margin:0;overflow-wrap:anywhere;color:#e8f6f5;text-shadow:0 1px 2px rgba(0,0,0,.45)}.chat-log .system{color:#a7f3d0}.chat-form{display:grid;grid-template-columns:1fr 64px;gap:6px;opacity:.55}.chat-form:focus-within{opacity:1}.chat-form button,.touch-actions button{border:1px solid rgba(255,255,255,.22);border-radius:6px;color:#fff;background:#ffffff1f}.touch-controls{position:fixed;inset:auto 16px 96px;display:flex;align-items:end;justify-content:space-between;pointer-events:none}.touch-pad{position:relative;width:118px;height:118px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#03090c61;pointer-events:auto;touch-action:none}.touch-pad span{position:absolute;left:50%;top:50%;width:42px;height:42px;border-radius:50%;background:#ffffff57;transform:translate(-50%,-50%)}.touch-actions{display:grid;grid-template-columns:repeat(3,64px);gap:8px;pointer-events:auto}.touch-actions button{height:52px}#hotbar{position:fixed;left:50%;bottom:18px;display:grid;grid-template-columns:repeat(10,52px);gap:6px;padding:8px;border-radius:8px;background:#03090c99;transform:translate(-50%)}.slot{position:relative;display:grid;place-items:center;width:52px;height:52px;border:2px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff14}.slot.active{border-color:#fff;box-shadow:0 0 0 2px #0a1114,0 0 0 4px #f5dc64}.swatch{width:30px;height:30px;border-radius:4px;border:1px solid rgba(0,0,0,.38);background-size:cover}.slot kbd{position:absolute;left:5px;top:4px;font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#ffffffd1}.inventory{position:fixed;left:50%;top:50%;display:grid;grid-template-columns:repeat(6,74px);gap:8px;padding:14px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#040b0ec7;transform:translate(-50%,-50%);pointer-events:auto}.inventory button{display:grid;place-items:center;gap:5px;min-height:72px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:#ffffff14;color:#fff;cursor:pointer;font-size:11px}@keyframes spinCube{0%,to{transform:rotateX(0) rotateY(0) scale(1)}50%{transform:rotateX(28deg) rotateY(45deg) scale(1.08)}}@media(max-width:820px){.menu{grid-template-columns:1fr;align-items:center}.menu__side{display:none}#hotbar{grid-template-columns:repeat(10,40px);bottom:12px;gap:4px;padding:6px}#help{display:none}#stats{max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel{bottom:176px;width:min(320px,calc(100vw - 32px))}.chat-log{height:96px}.slot{width:40px;height:40px}.swatch{width:23px;height:23px}.inventory{grid-template-columns:repeat(3,74px)}}@media(max-width:480px){#hotbar{grid-template-columns:repeat(5,44px)}.slot{width:44px;height:44px}#status{bottom:120px}}