*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#87c7eb;font-family:Trebuchet MS,Segoe UI,Verdana,sans-serif;color:#22303c}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 140px #14283c47;z-index:2}#underwater{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#235ac847;opacity:0;transition:opacity .2s;z-index:2}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-54%);font-size:26px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7);z-index:5;pointer-events:none;display:none}body.playing #crosshair{display:block}#hud{position:fixed;left:50%;bottom:12px;transform:translate(-50%);z-index:6;display:none;flex-direction:column;align-items:center;gap:4px;pointer-events:none}body.playing #hud{display:flex}#hearts,#hunger{font-size:17px;letter-spacing:2px;text-shadow:0 1px 3px rgba(0,0,0,.6);line-height:1}#hunger{font-size:13px}#armorbar{font-size:12px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7);font-weight:700}#hotbar{display:flex;gap:4px;background:#141e2873;padding:5px;border-radius:10px;border:2px solid rgba(255,255,255,.25)}#heldname{color:#fff;font-weight:700;font-size:14px;text-shadow:0 1px 4px rgba(0,0,0,.8);min-height:18px}.slot{width:44px;height:44px;border-radius:8px;background:#ffffff29;border:2px solid rgba(255,255,255,.35);position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;flex:none}.slot.big{width:52px;height:52px}.slot.selected{border-color:#ffd94d;background:#ffd94d4d;box-shadow:0 0 0 2px #ffd94d80}.slot .cube{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.45);border:2px solid rgba(0,0,0,.18);box-shadow:inset -5px -6px #00000024,inset 4px 5px #ffffff38}.slot .count{position:absolute;right:3px;bottom:1px;font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 3px #000}.slot .key{position:absolute;left:4px;top:2px;font-size:10px;font-weight:800;color:#ffffffd9;text-shadow:0 1px 2px #000}.slot.empty-armor{opacity:.75;font-size:18px;color:#ffffff8c}#debug{position:fixed;left:10px;top:10px;z-index:6;background:#0c16209e;color:#dff2ff;font-family:Consolas,monospace;font-size:12px;padding:8px 10px;border-radius:8px;white-space:pre;display:none;pointer-events:none}#toast{position:fixed;left:50%;top:18%;transform:translate(-50%);z-index:7;background:#142230d9;color:#ffe9a8;font-weight:700;padding:9px 18px;border-radius:99px;opacity:0;transition:opacity .25s;pointer-events:none;font-size:15px}#biomeTag{position:fixed;right:12px;top:10px;z-index:6;background:#ffffffbf;color:#2c4a3e;font-weight:800;font-size:13px;padding:6px 12px;border-radius:99px;display:none}body.playing #biomeTag{display:block}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#6eb9ebe0,#46965ae0);padding:16px}.screen[hidden]{display:none}.menu-card{background:#fdfdf7;border-radius:18px;padding:28px 30px;width:min(560px,94vw);max-height:94vh;overflow-y:auto;box-shadow:0 18px 50px #14321e59,inset 0 0 0 3px #fff;text-align:center;border-bottom:8px solid #57b84a}.menu-card.small{width:min(420px,94vw)}.menu-card h1{font-size:42px;letter-spacing:2px;color:#2e7d32;text-shadow:0 3px 0 #cdeac0;margin:6px 0 4px;font-weight:900}.menu-card h2{color:#2e7d32;margin-bottom:12px;font-size:26px}.tagline{color:#55606a;font-size:14px;line-height:1.45;margin-bottom:14px}.logo-cube{display:flex;gap:5px;justify-content:center}.logo-cube span{width:22px;height:22px;border-radius:5px;display:block}.logo-cube span:nth-child(1){background:#5ec94a}.logo-cube span:nth-child(2){background:#ffb84d;margin-top:-7px}.logo-cube span:nth-child(3){background:#3d7be0}.field{display:block;text-align:left;font-size:12px;font-weight:800;color:#6a7680;text-transform:uppercase;letter-spacing:.6px;margin:10px 0}.seed-row,.mode-row{display:flex;gap:8px;margin-top:5px}.seed-row input{flex:1;padding:10px 12px;border:2px solid #cfd8dc;border-radius:10px;font-size:15px;font-weight:700;color:#22303c}.seed-row button{padding:8px 13px;border-radius:10px;border:2px solid #cfd8dc;background:#fff;cursor:pointer;font-size:16px}.mode-btn{flex:1;padding:10px;border-radius:10px;border:2px solid #cfd8dc;background:#fff;font-weight:800;cursor:pointer;color:#55606a;font-size:14px}.mode-btn.active{border-color:#57b84a;background:#e8f7e2;color:#2e7d32}.big-btn{display:block;width:100%;margin-top:14px;padding:14px;border:none;border-radius:12px;background:#57b84a;color:#fff;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 5px #3d8c33}.big-btn:hover{background:#63c855}.big-btn:active{transform:translateY(3px);box-shadow:0 2px #3d8c33}.ghost-btn{display:block;width:100%;margin-top:9px;padding:10px;border-radius:11px;border:2px solid #cfd8dc;background:#fff;font-weight:800;cursor:pointer;color:#45525e}.ghost-btn.danger{color:#b03a2e;border-color:#efc4c0}.controls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px 10px;margin-top:16px;font-size:11.5px;color:#6a7680;text-align:left}.controls-grid b{background:#eef3f5;border:1px solid #cfd8dc;border-bottom-width:2px;border-radius:5px;padding:1px 5px;color:#22303c;font-family:Consolas,monospace;font-size:11px}.fineprint{font-size:11.5px;color:#8a959e;margin-top:12px}#panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;display:flex;align-items:center;justify-content:center;background:#0f1e2d73;padding:12px}#panel[hidden]{display:none}.panel-card{background:#2e3d4d;color:#eaf4ff;border-radius:16px;padding:16px 18px;width:min(720px,96vw);max-height:94vh;overflow-y:auto;box-shadow:0 18px 50px #00000080;border:2px solid rgba(255,255,255,.18)}.panel-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.panel-head h2{font-size:19px;flex:none}.tabs{display:flex;gap:6px;flex:1}.tab{padding:7px 12px;border-radius:99px;border:2px solid rgba(255,255,255,.25);background:transparent;color:#cfe4f7;font-weight:800;cursor:pointer;font-size:12.5px}.tab.active{background:#ffd94d;border-color:#ffd94d;color:#4a3a00}#panelClose{background:#ffffff1f;border:none;color:#fff;width:32px;height:32px;border-radius:9px;cursor:pointer;font-size:15px}.inv-layout{display:flex;gap:18px;flex-wrap:wrap}.left-col{display:flex;gap:10px}.char-preview{background:#ffffff12;border-radius:12px;padding:8px;text-align:center}#charPreview{width:74px;height:104px;margin:0 auto;position:relative}#charPreview div{position:absolute;border-radius:5px;border:2px solid rgba(0,0,0,.2)}#armorStats{font-size:11.5px;font-weight:800;color:#ffd94d;margin-top:5px}.armor-col{display:flex;flex-direction:column;gap:5px}.craft-col{flex:1;min-width:250px}.craft-label,.inv-label{font-size:11px;font-weight:900;letter-spacing:.7px;text-transform:uppercase;color:#9fc3e8;margin:8px 0 6px}.craft-row,.furnace-row{display:flex;align-items:center;gap:10px}.craft-arrow{font-size:21px;color:#ffd94d}#craftGrid{display:grid;gap:4px}#craftGrid.g2{grid-template-columns:repeat(2,44px)}#craftGrid.g3{grid-template-columns:repeat(3,44px)}#invGrid,#hotGrid,#creativeGrid{display:grid;grid-template-columns:repeat(9,44px);gap:4px}#creativeGrid{grid-template-columns:repeat(auto-fill,44px)}.hint{font-size:11.5px;color:#9fb4c9;line-height:1.45;margin-top:8px}.furn-mid{text-align:center}#furnFlame{font-size:19px;opacity:.35}.furn-bar{width:70px;height:9px;background:#ffffff26;border-radius:99px;overflow:hidden}#furnProg{height:100%;width:0%;background:#ffb84d}#recipeList{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:7px}.recipe{background:#ffffff12;border-radius:10px;padding:8px 10px;font-size:12px;display:flex;gap:8px;align-items:center}.recipe .rcube{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex:none;border:2px solid rgba(0,0,0,.18);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.recipe b{display:block;font-size:12.5px}.recipe span{color:#9fb4c9}#cursorItem{position:fixed;z-index:30;pointer-events:none;display:none}#cursorItem .cube{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);border:2px solid rgba(255,255,255,.7)}#cursorItem .count{position:absolute;right:-6px;bottom:-7px;font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 3px #000}#tooltip{position:fixed;z-index:31;pointer-events:none;background:#14202e;color:#fff;font-size:12.5px;font-weight:700;padding:6px 10px;border-radius:8px;border:1.5px solid #6a8fc9;display:none;max-width:240px}#tooltip small{display:block;color:#9fc3e8;font-weight:600}@media(max-width:640px){.controls-grid{grid-template-columns:repeat(2,1fr)}#invGrid,#hotGrid{grid-template-columns:repeat(9,36px)}.slot{width:36px;height:36px}}
