*{box-sizing:border-box}html,body{color:#fff;-webkit-user-select:none;user-select:none;background:#000;height:100%;margin:0;padding:0;font-family:Trebuchet MS,Segoe UI,sans-serif;overflow:hidden}#app{position:fixed;inset:0}canvas.game{width:100%;height:100%;display:block}#hud{pointer-events:none;position:fixed;inset:0}#hud>*{pointer-events:none}#crosshair{width:22px;height:22px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";mix-blend-mode:difference;background:#ffffffd9;position:absolute}#crosshair:before{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}#crosshair:after{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}#break-ring{background:conic-gradient(#ffffffe6 var(--p,0%), #ffffff1f 0);opacity:0;border-radius:50%;width:44px;height:44px;transition:opacity .1s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#0000 60%,#000 62%);mask:radial-gradient(circle,#0000 60%,#000 62%)}#hotbar{background:#00000073;border-radius:8px;gap:4px;padding:4px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.slot{background:#ffffff14;border:2px solid #ffffff2e;border-radius:6px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.slot img{width:40px;height:40px;image-rendering:pixelated;pointer-events:none}.slot .count{text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;pointer-events:none;font-size:14px;font-weight:700;position:absolute;bottom:2px;right:4px}.slot .dur{pointer-events:none;background:#0009;height:3px;position:absolute;bottom:4px;left:5px;right:5px}.slot .dur>i{background:#4f4;height:100%;display:block}#hotbar .slot.selected{background:#ffffff38;border-color:#fff;box-shadow:0 0 0 2px #fff6}#held-name{text-shadow:1px 1px 2px #000;opacity:0;font-size:16px;transition:opacity .3s;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}#status{justify-content:space-between;width:480px;font-size:18px;display:flex;position:fixed;bottom:76px;left:50%;transform:translate(-50%)}.bar{gap:1px;display:flex}.bar span{clip-path:polygon(50% 100%,0 40%,0 15%,20% 0,50% 18%,80% 0,100% 15%,100% 40%);background:#444;width:18px;height:18px;display:inline-block}.bar.health span.on{background:#e33}.bar.health span.half{background:linear-gradient(90deg,#e33 50%,#444 50%)}.bar.hunger span{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.bar.hunger span.on{background:#c96}.bar.hunger span.half{background:linear-gradient(90deg,#c96 50%,#444 50%)}.bar.armor span{clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}.bar.armor span.on{background:#ccd}.bar.armor span.half{background:linear-gradient(90deg,#ccd 50%,#444 50%)}.bar.air{position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.bar.air span{clip-path:circle(45%)}.bar.air span.on{background:#6cf}#debug{text-shadow:1px 1px 1px #000;white-space:pre;background:#00000059;border-radius:4px;padding:6px 8px;font:13px/1.4 monospace;display:none;position:fixed;top:8px;left:8px}#debug.show{display:block}#toast{text-shadow:1px 1px 3px #000;opacity:0;text-align:center;font-size:20px;transition:opacity .4s;position:fixed;top:22%;left:50%;transform:translate(-50%)}#vignette{pointer-events:none;opacity:0;transition:opacity .15s;position:fixed;inset:0}#vignette.hurt{opacity:1;background:radial-gradient(circle,#f000 40%,#ff00008c 100%)}#vignette.water{opacity:1;background:#1446b459}#vignette.lava{opacity:1;background:#ff5a148c}#vignette.hurt.water{background:radial-gradient(circle,#3c3cc859 40%,#f009 100%)}#screen{background:#0000008c;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#screen.show{display:flex}.panel{color:#3a3a3a;background:#c6c6c6;border:3px solid #555;border-radius:6px;min-width:380px;padding:14px;box-shadow:0 8px 30px #0009}.panel h2{margin:0 0 8px;font-size:16px}.panel .row{align-items:flex-start;gap:18px;display:flex}.panel .slot{cursor:pointer;background:#8b8b8b;border:2px solid #fff;border-color:#373737 #fff #fff #373737;border-radius:0;width:46px;height:46px}.panel .slot img{width:34px;height:34px}.panel .slot .count{color:#fff;font-size:13px}.panel .slot:hover{background:#a9a9a9}.panel .slot.ghost img{opacity:.35}.grid{gap:2px;display:grid}.grid.cols3{grid-template-columns:repeat(3,46px)}.grid.cols2{grid-template-columns:repeat(2,46px)}.grid.cols9{grid-template-columns:repeat(9,46px)}.arrow{color:#555;align-self:center;font-size:30px}.section-title{margin:6px 0 2px;font-size:13px}.inv-main{margin-top:10px}.inv-hotbar{margin-top:6px}.armor-col{flex-direction:column;gap:2px;display:flex}.player-preview{background:#6a6a6a;border:2px solid #373737;width:90px;height:190px}#cursor-stack{pointer-events:none;z-index:10;width:40px;height:40px;display:none;position:fixed}#cursor-stack img{width:40px;height:40px;image-rendering:pixelated}#cursor-stack .count{color:#fff;text-shadow:1px 1px #000,-1px -1px #000;font-size:14px;font-weight:700;position:absolute;bottom:-4px;right:-2px}#tooltip{pointer-events:none;color:#fff;z-index:11;white-space:nowrap;background:#100010eb;border:2px solid #4a2d8a;border-radius:4px;padding:4px 8px;font-size:14px;display:none;position:fixed}#tooltip small{color:#aaa;display:block}.furnace-arrow{background:#888;align-self:center;width:40px;height:16px;position:relative}.furnace-arrow>i{background:#fff;width:0;position:absolute;top:0;bottom:0;left:0}.flame{clip-path:polygon(50% 0,80% 40%,100% 70%,70% 100%,30% 100%,0 70%,20% 40%);background:#666;width:20px;height:20px;margin:4px auto}.flame>i{background:#f80;width:100%;display:block;position:absolute;bottom:0}.flame{position:relative;overflow:hidden}.menu{text-align:center;color:#fff}.menu h1{text-shadow:3px 3px #000;letter-spacing:2px;margin:0 0 8px;font-size:44px}.menu p{margin:4px 0}.menu button{color:#fff;cursor:pointer;background:#6a6a6a;border:2px solid #000;border-bottom-color:#333;width:280px;margin:8px auto;padding:10px;font-family:inherit;font-size:18px;display:block}.menu button:hover{background:#7f8fff}.menu .help{text-align:left;background:#00000080;border-radius:6px;margin-top:10px;padding:10px 16px;font-size:14px;line-height:1.5;display:inline-block}.menu .help b{color:#ffd;width:120px;display:inline-block}.recipe-list{background:#9a9a9a;border:2px solid #373737;width:200px;max-height:260px;padding:4px;overflow-y:auto}.recipe-list .r{cursor:pointer;align-items:center;gap:6px;padding:2px;font-size:12px;display:flex}.recipe-list .r:hover{background:#bcbcbc}.recipe-list .r img{width:24px;height:24px;image-rendering:pixelated}.recipe-list .r.can{color:#163;font-weight:700}#loading{color:#fff;z-index:20;background:#1b2838;flex-direction:column;justify-content:center;align-items:center;font-size:20px;display:flex;position:fixed;inset:0}#loading .barwrap{background:#333;border:2px solid #000;width:320px;height:14px;margin-top:12px}#loading .barwrap>i{background:#6c6;width:0;height:100%;display:block}