:root{--ink:#f4f1ea;--dim:#b9b3a6;--panel:#0e1014c7;--btn:#6d6d6d;--btn-hi:#9a9a9a;--btn-lo:#3c3c3c;--accent:#e2b04a;--brick:#8c3b2a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:#0d1016;margin:0;font-family:VT323,ui-monospace,monospace;font-size:20px;overflow:hidden}canvas#c{width:100%;height:100%;display:block;position:fixed;inset:0}[hidden]{display:none!important}.screen{z-index:10;background:#080a0e8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}#menu{background:linear-gradient(#0a0c108c,#0a0c10d9),repeating-linear-gradient(0deg,#3a2b26 0 12px,#5a4a42 12px 14px),#3a2b26}#menu.ingame{background:#080a0e99}.panel{background:var(--panel);text-align:center;border:2px solid #000;width:min(620px,100%);padding:28px;box-shadow:inset 0 0 0 2px #3d4046}.panel.wide{width:min(860px,100%)}h1{letter-spacing:1px;text-shadow:4px 4px #000;margin:0 0 6px;font-family:Pixelify Sans,sans-serif;font-size:clamp(40px,8vw,64px);font-weight:600;line-height:1}h1 span{color:var(--accent);letter-spacing:6px;margin-top:8px;font-size:.5em;display:block}h2{text-shadow:3px 3px #000;margin:0 0 16px;font-family:Pixelify Sans,sans-serif;font-size:34px;font-weight:600}.sub{color:var(--dim);margin:0 0 20px}.credits{color:#7f7a70;margin:18px 0 0;font-size:16px}#loading{color:var(--accent);min-height:24px;margin:10px 0 18px}.btn{width:100%;font:inherit;color:var(--ink);cursor:pointer;background:var(--btn);box-shadow:inset 2px 2px 0 var(--btn-hi), inset -2px -3px 0 var(--btn-lo);text-shadow:2px 2px #333;border:2px solid #000;margin:0 auto 10px;padding:10px 16px;font-size:24px;display:block}.btn:hover{background:#7c86a8;box-shadow:inset 2px 2px #b3bde0,inset -2px -3px #3f4766}.btn.small{padding:7px 12px;font-size:20px}.btn.danger:hover{background:#9c4a3a;box-shadow:inset 2px 2px #d27a66,inset -2px -3px #5a2a20}.row{gap:10px;display:flex}.row .btn{flex:1}.controls{text-align:left;color:var(--dim);grid-template-columns:1fr 1fr;gap:4px 16px;margin-top:14px;font-size:18px;display:grid}.controls b{color:var(--ink);font-weight:400}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-bottom:14px;display:grid}.grid .btn{margin:0;font-size:19px}label{text-align:left;align-items:center;gap:10px;margin:0 0 14px;display:flex}label input[type=range]{accent-color:var(--accent);flex:1}label.check{justify-content:flex-start}label.check input{width:20px;height:20px;accent-color:var(--accent)}#hud{pointer-events:none;z-index:5;position:fixed;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}#where{text-shadow:2px 2px #000;white-space:nowrap;font-family:Pixelify Sans,sans-serif;font-size:22px;position:absolute;top:14px;left:50%;transform:translate(-50%)}#where small{text-align:center;color:var(--dim);font-family:VT323,monospace;font-size:16px;display:block}#minimap{width:160px;height:160px;image-rendering:pixelated;background:#000;border:2px solid #000;position:absolute;top:14px;right:14px;box-shadow:0 0 0 2px #3d4046}#debug{white-space:pre;background:#00000073;padding:6px 10px;font-size:18px;line-height:1.15;position:absolute;top:10px;left:10px}#hotbar{background:#0000008c;border:2px solid #000;padding:2px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #555}.slot{border:2px solid #0000;place-items:center;width:48px;height:48px;display:grid;position:relative}.slot canvas{width:34px;height:34px;image-rendering:pixelated}.slot.sel{border-color:#fff;box-shadow:0 0 0 2px #000}.slot i{color:var(--dim);font-size:14px;font-style:normal;position:absolute;top:0;left:3px}#blockname{text-shadow:2px 2px #000;font-size:22px;transition:opacity .6s;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}#toast{text-shadow:2px 2px #000;opacity:0;font-size:24px;transition:opacity .5s;position:absolute;top:30%;left:50%;transform:translate(-50%)}#inv-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;display:grid}#inv-grid button{cursor:pointer;color:var(--dim);font:inherit;background:#ffffff0f;border:2px solid #000;padding:6px 2px 4px;font-size:13px;line-height:1;box-shadow:inset 0 0 0 2px #444}#inv-grid button:hover{box-shadow:inset 0 0 0 2px var(--accent);color:var(--ink)}#inv-grid canvas{width:40px;height:40px;image-rendering:pixelated;margin:0 auto 4px;display:block}@media (width<=640px){.controls{grid-template-columns:1fr}#minimap{width:110px;height:110px}.slot{width:36px;height:36px}.slot canvas{width:26px;height:26px}}#online{text-shadow:2px 2px #000;color:var(--dim);font-size:18px;position:absolute;top:184px;right:14px}#chat{pointer-events:none;width:min(520px,100% - 20px);position:absolute;bottom:76px;left:10px}#chat-log{flex-direction:column;gap:2px;margin-bottom:6px;display:flex}#chat-log div{overflow-wrap:anywhere;background:#00000073;padding:2px 8px;font-size:20px;line-height:1.15;transition:opacity 1s}#chat-log div b{font-weight:400}#chat-log div.system{color:var(--accent)}#chat-log div.old{opacity:0}#chat.open #chat-log div{opacity:1}#chat-input{width:100%;font:inherit;color:var(--ink);pointer-events:auto;background:#000000b3;border:2px solid #555;outline:none;padding:6px 8px;font-size:20px}label.name{justify-content:center;margin:0 0 14px}label.name input{font:inherit;color:var(--ink);background:#0006;border:2px solid #000;width:220px;padding:4px 10px;font-size:22px;box-shadow:inset 0 0 0 2px #3d4046}