:root{--font:"VT323", ui-monospace, monospace;--title:"Press Start 2P", ui-monospace, monospace;--dirt:none;--stone:none;--slot:44px}*{box-sizing:border-box}html,body{color:#fff;height:100%;font-family:var(--font);-webkit-user-select:none;user-select:none;background:#000;margin:0;overflow:hidden}#game{image-rendering:auto;width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.hidden{display:none!important}.fatal{text-align:center;background:#200;place-items:center;font-size:28px;display:grid;position:absolute;inset:0}.screen{text-shadow:2px 2px #3f3f3f;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}body.menu-bg .screen{background:linear-gradient(#0000008c, #0000008c), var(--dirt);image-rendering:pixelated;background-size:auto,64px 64px}body.menu-bg .screen.title{background:radial-gradient(#0000 30%,#00000073 100%)}.screen h1,.screen h2{font-family:var(--title);margin:0 0 18px;font-weight:400}.screen h2{font-size:18px}.screen.pause,.screen.death,.screen.clicktoplay{background:#00000073}.screen.inv-screen{background:#00000080}.logo-wrap{margin-bottom:48px;position:relative}.logo{font-family:var(--title);letter-spacing:4px;color:#d8d8d8;text-shadow:0 2px #9a9a9a,0 4px #7b7b7b,0 6px #5c5c5c,0 8px #3d3d3d,0 12px 18px #0009;background:linear-gradient(#f4f4f4,#b7b7b7 60%,#8f8f8f);-webkit-text-fill-color:transparent;filter:drop-shadow(0 6px #2a2a2a);-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,7vw,84px)}.splash{font-family:var(--title);color:#ffff3c;text-shadow:2px 2px #3f3f00;white-space:nowrap;font-size:14px;animation:.5s ease-in-out infinite alternate splash;position:absolute;bottom:-18px;right:-40px;transform:rotate(-18deg)}@keyframes splash{0%{transform:rotate(-18deg)scale(1)}to{transform:rotate(-18deg)scale(1.09)}}.menu-col{flex-direction:column;gap:8px;width:min(400px,90vw);display:flex}.row{gap:8px;width:min(620px,94vw);display:flex}.row>*{flex:1}.col{flex-direction:column;gap:8px;width:min(400px,90vw);display:flex}.footer{color:#ddd;justify-content:space-between;font-size:18px;display:flex;position:absolute;bottom:6px;left:8px;right:8px}.mc-btn{font-family:var(--font);color:#e0e0e0;cursor:pointer;background:linear-gradient(#0000000d, #00000040), var(--stone);height:42px;image-rendering:pixelated;text-shadow:2px 2px #383838;background-size:auto,48px 48px;border:2px solid #000;padding:0 12px;font-size:24px;box-shadow:inset 2px 2px #ffffff59,inset -2px -3px #00000073}.mc-btn:hover{color:#ffffa0;background:linear-gradient(#5a6ec859, #3c46a073), var(--stone);background-size:auto,48px 48px;border-color:#fff}.mc-btn.small{font-size:20px}.world-list{background:#0000008c;border:2px solid #000;flex-direction:column;gap:4px;width:min(620px,94vw);height:min(46vh,380px);padding:6px;display:flex;overflow-y:auto}.world{cursor:pointer;border:2px solid #0000;padding:6px 10px}.world:hover{background:#ffffff0f}.world.sel{background:#ffffff14;border-color:#bbb}.wname{font-size:26px}.wmeta{color:#999;font-size:18px}.empty{color:#aaa;text-align:center;padding:20px;font-size:22px}label{color:#a0a0a0;flex-direction:column;gap:4px;width:min(400px,90vw);font-size:20px;display:flex}input:not([type]),input[type=text]{font-family:var(--font);color:#fff;background:#000;border:2px solid #a0a0a0;outline:none;padding:6px 8px;font-size:24px}input:not([type]):focus{border-color:#fff}.loading .bar{background:#333;border:2px solid #000;width:min(400px,80vw);height:10px}.loading .bar>div{background:#80ff20;width:0;height:100%;transition:width .15s}.loading .sub{color:#bbb;font-size:20px}.death{background:#78000073!important}.death h1{color:#fff;font-size:40px}.death .cause{margin-bottom:20px;font-size:26px}.clicktoplay{cursor:pointer}.clicktoplay .box{font-family:var(--title);background:#0009;border:2px solid #fff;padding:18px 26px;font-size:18px;animation:1.2s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.7}to{opacity:1}}.settings .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(820px,94vw);margin-bottom:14px;display:grid}.slider{background:#1c1c1c;border:2px solid #000;height:42px;position:relative}.slider input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.slider span{pointer-events:none;place-items:center;font-size:24px;display:grid;position:absolute;inset:0}.slider:before{content:"";pointer-events:none;background:linear-gradient(90deg,#78787840,#78787840);position:absolute;inset:0}.controls .ctable{background:#00000080;border:2px solid #000;width:min(640px,94vw);max-height:60vh;margin-bottom:12px;padding:10px 16px;overflow:auto}.crow{gap:16px;padding:2px 0;font-size:21px;display:flex}.crow .key{color:#ffff80;min-width:190px}#hud{pointer-events:none;position:absolute;inset:0}#crosshair{mix-blend-mode:difference;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";background:#fff;position:absolute}#crosshair:before{width:2px;height:22px;top:0;left:10px}#crosshair:after{width:22px;height:2px;top:10px;left:0}#bottom{flex-direction:column;align-items:stretch;gap:3px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}#stats{justify-content:space-between;padding:0 2px;display:flex}#hearts,#food,#bubbles{gap:0;display:flex}#rightstats{flex-direction:column;align-items:flex-end;gap:2px;display:flex}#hearts img,#food img,#bubbles img{width:20px;height:18px;image-rendering:pixelated}#bubbles img{width:16px;height:16px;margin:0 2px}#hearts img.shake{transform:translateY(-2px)}#hotbar{background:#00000059;border:2px solid #111;padding:2px;display:flex;box-shadow:inset 0 0 0 2px #6b6b6b}.slot{width:var(--slot);height:var(--slot);place-items:center;display:grid;position:relative}.slot img{width:36px;height:36px;image-rendering:pixelated;pointer-events:none}.slot .count{text-shadow:2px 2px #3f3f3f;pointer-events:none;font-size:24px;position:absolute;bottom:-3px;right:2px}.slot .dur{background:#000;height:3px;display:none;position:absolute;bottom:4px;left:5px;right:5px}.slot .dur>div{height:100%}.slot.hb{border:2px solid #0000}.slot.hb.sel{border:3px solid #fff;box-shadow:0 0 0 2px #000,inset 0 0 0 1px #000}#itemname{text-shadow:2px 2px #3f3f3f;opacity:0;font-size:26px;position:absolute;bottom:112px;left:50%;transform:translate(-50%)}#itemname.show{animation:2.2s ease-out forwards fadename}@keyframes fadename{0%,70%{opacity:1}to{opacity:0}}#debug{white-space:pre;text-shadow:1px 1px #000;background:#00000059;padding:4px 8px;font-size:20px;line-height:1.1;position:absolute;top:6px;left:6px}#modeTag{color:#ddd;text-shadow:2px 2px #333;font-size:20px;position:absolute;top:8px;right:10px}#chat{flex-direction:column;gap:4px;width:min(560px,60vw);display:flex;position:absolute;bottom:120px;left:6px}#chatlog{flex-direction:column;justify-content:flex-end;gap:1px;max-height:40vh;display:flex;overflow:hidden}#chatlog .line{text-shadow:2px 2px #222;background:#0006;padding:1px 6px;font-size:21px;transition:opacity 1s}#chatlog .line.old{opacity:0}#hud.chatting #chatlog .line.old{opacity:1}#chatinput{pointer-events:auto;font-family:var(--font);color:#fff;background:#0009;border:none;outline:none;padding:4px 8px;font-size:22px}.panel{color:#3f3f3f;text-shadow:none;background:#c6c6c6;border:3px solid #000;flex-direction:column;gap:4px;padding:12px 14px;display:flex;box-shadow:inset 3px 3px #fff,inset -3px -3px #555}.ptitle{color:#404040;justify-content:space-between;align-items:center;gap:12px;margin:2px 2px 4px;font-size:22px;display:flex}.ptitle.small{margin-top:8px}.panel .slot{cursor:pointer;background:#8b8b8b;border:2px solid #fff;border-color:#373737 #fff #fff #373737}.panel .slot:hover{background:#a8a8a8}.panel .slot .count{color:#fff}.inv-grid{grid-template-columns:repeat(9, var(--slot));gap:0;display:grid}.inv-grid.hotrow{margin-top:8px}.craft-area{justify-content:space-between;align-items:center;gap:24px;display:flex}.craft-area .ptitle{display:none}.craft{align-items:center;gap:14px;display:flex}.cgrid{gap:0;display:grid}.cgrid.g2{grid-template-columns:repeat(2, var(--slot))}.cgrid.g3{grid-template-columns:repeat(3, var(--slot))}.arrow{color:#8b8b8b;font-size:36px}.out .slot{width:56px;height:56px}.player-preview{background:#000;border:2px solid #fff;border-color:#373737 #fff #fff #373737;place-items:center;width:110px;height:150px;display:grid}.steve{width:48px;height:128px;animation:3s ease-in-out infinite alternate idle;position:relative}@keyframes idle{0%{transform:rotateY(-8deg)}to{transform:rotateY(8deg)}}.steve>div{position:absolute}.steve .head{background:#b8845e;width:32px;height:32px;top:0;left:8px;box-shadow:inset 0 8px #4a2f1b}.steve .head:before,.steve .head:after{content:"";background:#fff;width:8px;height:4px;position:absolute;top:14px;box-shadow:inset 4px 0 #3a2a80}.steve .head:before{left:4px}.steve .head:after{right:4px}.steve .body{background:#32aabe;width:32px;height:48px;top:32px;left:8px}.steve .arm{background:#b8845e;width:12px;height:48px;top:32px;box-shadow:inset 0 16px #32aabe}.steve .arm.l{left:-4px}.steve .arm.r{right:-4px}.steve .leg{background:#34348c;width:16px;height:48px;top:80px}.steve .leg.l{left:8px}.steve .leg.r{left:24px}.creative-grid{grid-template-columns:repeat(9, var(--slot));max-height:calc(var(--slot) * 5 + 4px);background:#8b8b8b;display:grid;overflow-y:auto}.search{font-family:var(--font);color:#fff;background:#000;width:180px;font-size:20px;border:2px solid #555!important;padding:2px 6px!important}.hint{color:#555;margin-top:6px;font-size:17px}#cursor{pointer-events:none;z-index:10;width:48px;height:48px;display:none;position:fixed}#cursor img{width:40px;height:40px;image-rendering:pixelated;margin:4px}#cursor .count{color:#fff;text-shadow:2px 2px #3f3f3f;font-size:24px;position:absolute;bottom:-4px;right:0}#tooltip{color:#fff;text-shadow:2px 2px #3f3f3f;pointer-events:none;z-index:11;white-space:nowrap;background:#100010f0;border:2px solid #2d0a63;outline:1px solid #100010;padding:3px 8px;font-size:22px;display:none;position:fixed}.tt-sub{color:#aaa;font-size:18px}