*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-user-select:none;user-select:none;background:#0b1026;width:100%;height:100%;font-family:Trebuchet MS,Segoe UI,sans-serif;overflow:hidden}#app canvas{display:block}.hidden{display:none!important}#hud{pointer-events:none;position:fixed;inset:0}#crosshair{color:#ffffffd9;text-shadow:0 0 3px #000000b3;font-size:22px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#break-progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#break-ring{opacity:.85;transition:stroke-dashoffset 50ms linear}#hotbar{background:#141828a6;border:2px solid #ffffff2e;border-radius:10px;gap:4px;padding:5px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.slot{background:#00000059;border:2px solid #ffffff24;border-radius:7px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.slot img{width:44px;height:44px;image-rendering:pixelated;pointer-events:none}.slot .count{color:#fff;text-shadow:1px 1px #000;font-size:15px;font-weight:700;position:absolute;bottom:1px;right:3px}.slot .dur{background:#0009;border-radius:2px;height:4px;position:absolute;bottom:3px;left:4px;right:4px}.slot .dur div{border-radius:2px;height:100%}.slot.selected{border-color:#ffd86a;box-shadow:0 0 8px #ffd86ab3}#status-bars{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.icon-bar{letter-spacing:2px;text-shadow:1px 1px 1px #000;height:24px;font-size:19px}.heart.full{color:#e83a3a}.heart.half{color:#b06a6a}.heart.empty{color:#282828b3}.shield.full{color:#cfd4e8}.shield.half{color:#8a8fa4}.shield.empty{color:#282828b3}.bubble.full{color:#6ab8f2}.bubble.empty{color:#283c5a8c}#held-name{color:#fff;text-shadow:1px 1px 2px #000;opacity:0;font-size:18px;font-weight:700;position:absolute;bottom:130px;left:50%;transform:translate(-50%)}#held-name.show{animation:1.8s forwards fadeName}@keyframes fadeName{0%{opacity:1}70%{opacity:1}to{opacity:0}}#debug{color:#cfe;background:#00000080;border-radius:5px;padding:4px 8px;font:13px monospace;display:none;position:absolute;top:8px;left:8px}#debug.show{display:block}#water-overlay{opacity:0;background:#2a5ce8;transition:opacity .2s;position:absolute;inset:0}#damage-overlay{opacity:0;background:radial-gradient(#0000 40%,#c01818 100%);transition:opacity .3s;position:absolute;inset:0}.modal{z-index:10;background:#080a168c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.inv-panel{background:linear-gradient(160deg,#2c3252,#1d2238);border:3px solid #ffffff38;border-radius:14px;padding:18px 22px;box-shadow:0 14px 50px #0009}#inv-title{color:#ffd86a;text-shadow:1px 1px #000;margin-bottom:12px;font-size:20px;font-weight:700}.inv-top{align-items:flex-start;gap:30px;margin-bottom:14px;display:flex}.slot-col{flex-direction:column;gap:4px;display:flex}.armor-slot:after{content:attr(data-kind);color:#ffffff40;text-transform:uppercase;pointer-events:none;font-size:10px;position:absolute}.armor-slot img+*{content:none}.armor-slot:has(img):after{content:none}#craft-area{align-items:center;gap:14px;margin-top:14px;display:flex}#craft-grid{gap:4px;display:grid}.craft-arrow{color:#ffd86a;font-size:30px;font-weight:700}#craft-result .slot{border-color:#ffd86a80}.slot-grid{gap:4px;display:grid}#inv-main{grid-template-columns:repeat(9,1fr);margin-bottom:12px}#inv-hotbar{grid-template-columns:repeat(9,1fr)}#inventory-screen .slot{cursor:pointer}#inventory-screen .slot:hover{background:#ffffff1f}#cursor-stack{z-index:50;pointer-events:none;width:44px;height:44px;position:fixed}#cursor-stack img{width:44px;height:44px;image-rendering:pixelated}#cursor-stack .count{color:#fff;text-shadow:1px 1px #000;font-size:15px;font-weight:700;position:absolute;bottom:0;right:0}#tooltip{z-index:60;pointer-events:none;color:#fff;background:#0a0c18eb;border:1px solid #ffd86a80;border-radius:6px;padding:4px 10px;font-size:14px;position:fixed}.menu-panel{text-align:center;color:#fff;background:linear-gradient(160deg,#2c3252,#1d2238);border:3px solid #ffffff38;border-radius:16px;padding:40px 60px;box-shadow:0 14px 50px #0009}.menu-panel h1{color:#ffd86a;text-shadow:2px 3px #7a4a10,0 0 24px #ffd86a59;letter-spacing:1px;margin-bottom:6px;font-size:44px}.subtitle{color:#aab4d4;margin-bottom:24px;font-style:italic}#play-btn,#respawn-btn{color:#fff;text-shadow:1px 1px #0006;cursor:pointer;background:linear-gradient(#6fce58,#4da13a);border:none;border-radius:10px;margin-bottom:26px;padding:12px 44px;font-size:22px;font-weight:700;box-shadow:0 4px #35702a,0 8px 18px #0006}#play-btn:hover,#respawn-btn:hover{filter:brightness(1.1)}#play-btn:active,#respawn-btn:active{transform:translateY(3px);box-shadow:0 1px #35702a}.controls-list{color:#c8d0e8;font-size:14px;line-height:1.9}.controls-list b{color:#ffd86a}#death-screen{background:#780a0a73}