:root{color:#f5f3e8;font-synthesis:none;background:#171a22;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #ffe187}#app{background:#547dac;position:relative}#world,canvas{width:100%;height:100%;display:block;position:absolute;inset:0}canvas{image-rendering:auto}#vignette{pointer-events:none;background:radial-gradient(circle at 50% 42%,#0000 37%,#00000030 100%);position:absolute;inset:0}#damage{pointer-events:none;opacity:0;transition:opacity .12s;position:absolute;inset:0;box-shadow:inset 0 0 150px 35px #d2191fc7}#damage.on{opacity:1}.hidden{display:none!important}.screen{z-index:20;background:linear-gradient(120deg,#0d13149e,#070d124f 55%,#0d141c8c);justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.screen:before{content:"";pointer-events:none;background:linear-gradient(#0000 56%,#050a0c8a);position:absolute;inset:0}.panel{background:#1c211ef2;border:4px solid #11170e;width:min(560px,100%);max-height:min(90vh,850px);padding:27px 30px 30px;position:relative;overflow:auto;box-shadow:inset 0 0 0 3px #6b7562,0 25px 60px #00000080}.panel:before{content:"";pointer-events:none;background:#ffffff2b;height:2px;display:block;position:absolute;inset:6px 6px auto}.panel h2{letter-spacing:1px;text-shadow:2px 3px #151b15;margin:0 0 20px;font-size:25px;font-weight:900}.panel p{color:#d1d1c2;line-height:1.5}.menu-panel{text-align:center;width:min(510px,100%);padding-top:31px}.eyebrow{letter-spacing:.24em;color:#d3e3af;text-transform:uppercase;font-size:11px;font-weight:900}.logo{letter-spacing:-.075em;color:#e8e2c9;text-shadow:0 4px #505645,0 8px #252c20,4px 11px #0e140d,-2px -2px #fff;margin:16px 0 24px;font-size:clamp(44px,8vw,76px);font-weight:1000;line-height:.9;transform:rotate(-2deg)}.logo span{color:#a7d274}.tagline{letter-spacing:.08em;color:#d5d9cf;margin:0 0 25px;font-size:14px}.menu-actions{gap:10px;display:grid}.pixel-button{color:#fff;letter-spacing:.04em;text-shadow:1px 2px #394136;background:#768174;border:3px solid #10150e;width:100%;min-height:46px;padding:9px 16px;font-weight:900;display:block;position:relative;box-shadow:inset 2px 2px #ffffff4d,inset -2px -2px #00000057,0 4px #10150e}.pixel-button:hover{background:#879384;transform:translateY(-1px)}.pixel-button:active{transform:translateY(3px);box-shadow:inset 2px 2px #fff3,inset -2px -2px #00000057,0 1px #10150e}.pixel-button.primary{background:#608d40}.pixel-button.primary:hover{background:#76a650}.pixel-button.dark{background:#4d5853}.pixel-button.danger{background:#9c5046}.pixel-button.small{width:auto;min-height:35px;padding:6px 12px;font-size:12px}.menu-meta{color:#a8b2a5;justify-content:space-between;gap:8px;margin-top:22px;font-size:11px;display:flex}.menu-meta strong{color:#dbe3d2}.separator{background:#596156;height:1px;margin:20px 0}.field{text-align:left;color:#dfebd5;margin:15px 0;font-size:13px;font-weight:800;display:block}.field input,.field select{color:#f3f5ef;background:#111915;border:2px solid #727b6b;outline:none;width:100%;margin-top:7px;padding:12px 13px;display:block;box-shadow:inset 2px 2px #090e0b}.field input:focus,.field select:focus{border-color:#b9d88d}.form-row{justify-content:space-between;align-items:center;gap:9px;display:flex}.micro{color:#aeb9ab;font-size:12px}.controls-grid{text-align:left;color:#cad3c3;grid-template-columns:1fr 1fr;gap:9px 20px;font-size:12px;display:grid}.controls-grid b{color:#fff;background:#151a15;border:1px solid #697368;margin-right:5px;padding:2px 5px;font-family:monospace}.footer-note{color:#a9b3a3;margin:17px 0 0;font-size:11px;line-height:1.5}#hud{z-index:5;pointer-events:none;position:absolute;inset:0}.hud-top{flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:absolute;top:18px;left:18px}.hud-brand{letter-spacing:-.05em;text-shadow:2px 2px #16221a,0 0 8px #16221a;color:#f5f2df;font-size:16px;font-weight:1000}.hud-brand span{color:#9bce6b}.coords{text-shadow:1px 1px #111;background:#00000054;border-radius:2px;padding:5px 8px;font:12px/1.5 monospace}.hud-help{color:#e6e8dc;text-align:right;background:#0000006b;max-width:260px;padding:8px 11px;font-size:11px;line-height:1.7;position:absolute;top:18px;right:18px}.hud-help b{color:#ffe9a1}.crosshair{filter:drop-shadow(1px 1px 1px #000);width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#fff;position:absolute;box-shadow:0 0 0 1px #000000a6}.crosshair:before{width:2px;height:20px;top:1px;left:10px}.crosshair:after{width:20px;height:2px;top:10px;left:1px}.target-label{white-space:nowrap;background:#00000073;padding:3px 8px;font-size:12px;font-weight:700;position:absolute;top:calc(50% + 32px);left:50%;transform:translate(-50%)}.mine-progress{background:#172017;border:1px solid #e0e2cf;width:90px;height:5px;position:absolute;top:calc(50% + 56px);left:50%;transform:translate(-50%)}.mine-progress>span{background:#e7d385;width:0;height:100%;display:block}.hud-bottom{flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 12px);display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.vitals{text-shadow:1px 2px 1px #000,0 0 4px #000;justify-content:space-between;gap:35px;width:100%;padding:0 2px;display:flex}.hearts,.hunger{gap:1px;font-size:20px;line-height:1;display:flex}.hearts{color:#fa6261}.hunger{color:#e6ae60}.vitals .empty{opacity:.38}.hotbar{pointer-events:auto;background:#181818d1;border:3px solid #141a14;gap:2px;padding:4px;display:flex;box-shadow:0 4px #00000080,inset 1px 1px #b0b3a4}.slot{color:#fff;background:linear-gradient(135deg,#777e75,#555e56);border:2px solid #252a23;justify-content:center;align-items:center;width:50px;height:50px;padding:0;display:flex;position:relative;box-shadow:inset 1px 1px #a9aca0}.slot.active{outline-offset:1px;z-index:1;outline:3px solid #f7f0d1}.slot:hover{background:#84907d}.slot img{width:32px;height:32px;image-rendering:pixelated;filter:drop-shadow(2px 2px 1px #0000008c)}.slot .emoji{filter:drop-shadow(2px 2px 1px #333);font-size:26px}.slot .num{color:#f4f3df;text-shadow:1px 1px #111;font:10px monospace;position:absolute;top:1px;left:3px}.slot .count{text-shadow:1px 2px #000;font:700 12px monospace;position:absolute;bottom:1px;right:3px}.item-label{text-shadow:1px 2px #000,0 0 5px #000;min-height:16px;font-size:13px;font-weight:700}.toast{color:#fff;text-align:center;pointer-events:none;opacity:0;background:#181d17db;border:2px solid #9fb28f;max-width:90vw;padding:10px 16px;font-size:13px;font-weight:700;transition:opacity .25s;position:absolute;top:14%;left:50%;transform:translate(-50%)}.toast.visible{opacity:1}.debug{color:#edf3ec;white-space:pre;background:#000000a6;max-width:90vw;padding:10px 12px;font:12px/1.45 monospace;position:absolute;top:80px;left:18px}#inventory-screen{z-index:22;background:#0000009e;justify-content:center;align-items:center}.inventory-panel{grid-template-columns:1fr 1fr;gap:24px;width:min(900px,100%);display:grid}.inventory-panel .inventory-heading{grid-column:1/-1;justify-content:space-between;align-items:center;margin-bottom:-6px;display:flex}.inventory-panel h2{margin:0}.inventory-section h3{color:#dce8cb;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:13px}.item-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;max-height:295px;padding:3px;display:grid;overflow:auto}.inventory-item{color:#fff;background:#626b60;border:2px solid #222b21;min-width:0;height:56px;position:relative;box-shadow:inset 1px 1px #a9b3a4}.inventory-item:hover{background:#889b7e}.inventory-item img{width:35px;height:35px;image-rendering:pixelated}.inventory-item .emoji{font-size:27px}.inventory-item .count{text-shadow:1px 1px #000;font:11px monospace;position:absolute;bottom:1px;right:2px}.inventory-help{color:#b9c5b5;margin-top:9px;font-size:11px}.recipes{gap:7px;max-height:320px;padding:2px;display:grid;overflow:auto}.recipe{text-align:left;color:#eff2e8;background:#4b554b;border:2px solid #202b20;align-items:center;gap:9px;min-height:58px;padding:6px 8px;display:flex}.recipe:hover:not(:disabled){background:#668358}.recipe:disabled{opacity:.48;cursor:not-allowed}.recipe img{width:34px;height:34px;image-rendering:pixelated;flex:none}.recipe .emoji{text-align:center;width:34px;font-size:25px}.recipe strong{font-size:12px}.recipe small{color:#d6dfcf;margin-top:3px;font-size:10px;line-height:1.4;display:block}.inventory-bottom{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.close-x{color:#fff;background:0 0;border:0;width:32px;height:32px;font-size:28px;line-height:1}.close-x:hover{color:#ffdc90}#mobile{z-index:8;pointer-events:none;display:none;position:absolute;inset:0}.touch-zone{pointer-events:auto;touch-action:none;background:#141c174d;border:2px solid #fff9;border-radius:50%;width:130px;height:130px;position:absolute;bottom:108px;left:16px}.touch-stick{background:#ffffff85;border:2px solid #fff;border-radius:50%;width:50px;height:50px;position:absolute;top:38px;left:38px}.touch-look{pointer-events:auto;touch-action:none;width:48%;height:80%;position:absolute;top:0;right:0}.touch-actions{pointer-events:auto;grid-template-columns:55px 55px;gap:9px;display:grid;position:absolute;bottom:113px;right:16px}.touch-actions button{color:#fff;touch-action:none;background:#1f2a229e;border:2px solid #e9e9e0;border-radius:9px;height:55px;font-size:21px}.touch-actions button:active{background:#69954ccc}.touch-menu{pointer-events:auto;color:#fff;background:#1c261da6;border:1px solid #fff;padding:7px 11px;position:absolute;top:18px;right:15px}.worlds-list{text-align:left;gap:8px;max-height:220px;display:grid;overflow:auto}.world-row{color:#eee;text-align:left;background:#4e584d;border:2px solid #1c251b;justify-content:space-between;align-items:center;padding:10px;display:flex}.world-row:hover{background:#647460}.world-row strong{display:block}.world-row small{color:#c3d1bd;margin-top:2px;display:block}@media (pointer:coarse){#mobile.playing{display:block}.hud-help{display:none}.hotbar .slot{width:min(10vw,45px);height:min(10vw,45px)}.hotbar .slot img{width:28px;height:28px}.hud-bottom{bottom:10px}.vitals{font-size:15px}.hearts,.hunger{font-size:17px}.touch-zone{bottom:94px}.touch-actions{bottom:98px}.hud-top{top:10px;left:10px}.coords{display:none}}@media (width<=680px){.panel{padding:20px}.inventory-panel{grid-template-columns:1fr;gap:16px;max-height:94vh}.inventory-panel .inventory-heading,.inventory-bottom{grid-column:auto}.item-grid{max-height:170px}.recipes{max-height:200px}.controls-grid{grid-template-columns:1fr 1fr}.hud-help{display:none}.hotbar .slot{width:min(10.3vw,45px);height:min(10.3vw,45px)}.hotbar .slot img{width:27px;height:27px}.hotbar{gap:0;padding:3px}.hud-bottom{bottom:7px}.logo{font-size:46px}.menu-meta{font-size:10px}}.menu-panel .logo{letter-spacing:-.075em;white-space:nowrap;font-size:clamp(36px,5.8vw,55px)}