*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-user-select:none;user-select:none;background:#000;width:100%;height:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}canvas.game{image-rendering:auto;display:block}#ui-root{pointer-events:none;z-index:10;position:fixed;inset:0}#ui-root>*{pointer-events:none}.modal,#title,#loading{pointer-events:auto}.hidden{display:none!important}#crosshair{width:22px;height:22px;position:absolute;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%)}#crosshair.hit:before,#crosshair.hit:after{background:#78ff8ce6}#hotbar{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0a0e8c;border-radius:8px;gap:4px;padding:5px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.slot{cursor:pointer;border:2px solid #ffffff2e;border-radius:5px;justify-content:center;align-items:center;width:54px;height:54px;transition:border-color 80ms,transform 80ms;display:flex;position:relative}.slot.active{border-color:#fff;transform:translateY(-3px);box-shadow:0 0 10px #ffffff59}.slot canvas{width:46px;height:46px;image-rendering:pixelated}.slot.small{width:46px;height:46px}.slot.small canvas{width:38px;height:38px}#block-name{color:#fff;text-shadow:0 2px 6px #000000e6;opacity:0;font-size:17px;font-weight:600;transition:opacity .5s;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}#version{color:#ffffff73;text-shadow:0 1px 3px #000;font-size:12px;position:absolute;bottom:8px;left:10px}#water-overlay{opacity:0;background:radial-gradient(#143c9647,#0a236e8c);transition:opacity .25s;position:absolute;inset:0}#debug{color:#e8e8e8;white-space:pre;background:#0000008c;border-radius:6px;padding:8px 10px;font-family:ui-monospace,Consolas,monospace;font-size:12px;line-height:1.5;position:absolute;top:8px;left:8px}#toast{color:#fff;opacity:0;background:#0f0f14d9;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:500;transition:all .25s;position:absolute;top:24px;left:50%;transform:translate(-50%)translateY(-8px)}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}.modal{background:#080a109e;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.panel{color:#eee;background:linear-gradient(#2c2f38,#22242c);border:2px solid #14161c;border-radius:12px;min-width:340px;max-width:min(92vw,720px);max-height:88vh;padding:26px 30px;overflow-y:auto;box-shadow:0 20px 60px #0009}.panel h2{letter-spacing:.5px;margin-bottom:14px;font-size:22px}.panel .hint{color:#99a;margin-bottom:12px;font-size:13px}.btn{pointer-events:auto;cursor:pointer;letter-spacing:.3px;color:#fff;border:none;border-radius:8px;width:100%;margin:7px 0;padding:11px 18px;font-size:15px;font-weight:600;transition:filter .1s,transform 50ms;display:block}.btn:hover{filter:brightness(1.15)}.btn:active{transform:scale(.985)}.btn.primary{background:linear-gradient(#57b34a,#3d8f36);box-shadow:inset 0 1px #ffffff40,0 2px 6px #0006}.btn.danger{background:linear-gradient(#b35048,#8f3630)}.btn.big{padding:13px 18px;font-size:17px}.settings{margin:14px 0}.settings label{color:#ccd;margin:10px 0;font-size:14px;display:block}.settings label span{float:right;color:#8f8;font-variant-numeric:tabular-nums}.settings input[type=range]{accent-color:#57b34a;width:100%;margin-top:4px}.settings .chk input{accent-color:#57b34a;margin-right:8px}#inv-grid{grid-template-columns:repeat(8,52px);gap:5px;margin-bottom:16px;display:grid}.inv-item{cursor:pointer;background:#00000047;border:2px solid #ffffff24;border-radius:5px;justify-content:center;align-items:center;width:52px;height:52px;transition:border-color 80ms,transform 60ms;display:flex}.inv-item:hover{border-color:#fff;transform:scale(1.07)}.inv-item canvas{width:44px;height:44px;image-rendering:pixelated}#inv-hotbar{border-top:1px solid #3a3d47;justify-content:center;gap:4px;padding-top:12px;display:flex}#title{background:radial-gradient(at 50% -20%,#78b4ff40,#0000 60%),linear-gradient(#0b1020 0%,#16233f 55%,#274a2b 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.title-inner{text-align:center;animation:.8s ease-out fadein}@keyframes fadein{0%{opacity:0;transform:translateY(14px)}to{opacity:1}}.title-inner h1{letter-spacing:4px;color:#fff;text-shadow:0 4px #3d8f36,0 8px #14301a,0 14px 30px #000c;font-size:clamp(52px,9vw,96px);font-weight:900;font-stretch:75%}.tagline{color:#b9c6dd;letter-spacing:1px;margin:10px 0 30px;font-size:16px}.menu{width:300px;margin:0 auto 26px}#seed-input{color:#fff;text-align:center;background:#0006;border:1px solid #3a4a63;border-radius:8px;outline:none;width:100%;margin-top:8px;padding:10px 14px;font-size:14px}#seed-input:focus{border-color:#57b34a}.controls-help{color:#8fa0bd;background:#0000004d;border-radius:10px;padding:12px 22px;font-size:13px;line-height:1.9;display:inline-block}.controls-help b{color:#dfe8ff}#loading{color:#fff;background:linear-gradient(#10141f,#1a2333);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#loading h2{text-align:center;letter-spacing:1px;margin-bottom:18px;font-weight:500}#load-bar-wrap{background:#ffffff1f;border-radius:7px;width:320px;height:14px;overflow:hidden}#load-bar{background:linear-gradient(90deg,#57b34a,#7ed36f);border-radius:7px;width:0%;height:100%;transition:width .2s}