html,body{color:#fff;-webkit-user-select:none;user-select:none;background:#000;height:100%;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}#app canvas{display:block}#crosshair{pointer-events:none;mix-blend-mode:difference;width:18px;height:18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";background:#fff;position:absolute}#crosshair:before{width:2px;height:18px;top:0;left:8px}#crosshair:after{width:18px;height:2px;top:8px;left:0}#hotbar{pointer-events:none;background:#00000073;border-radius:6px;gap:4px;padding:4px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.slot{border:2px solid #ffffff26;border-radius:4px;place-items:center;width:44px;height:44px;display:grid;position:relative}.slot.active{border-color:#fff}.swatch{border-radius:2px;width:28px;height:28px;box-shadow:inset 0 0 0 1px #00000059}.num{opacity:.7;font-size:10px;position:absolute;top:1px;left:3px}#debug{white-space:pre;pointer-events:none;background:#0006;border-radius:4px;padding:6px 8px;font-size:12px;line-height:1.45;position:fixed;top:8px;left:8px}#water-tint{pointer-events:none;background:#143c8c59;display:none;position:fixed;inset:0}body.underwater #water-tint{display:block}#hud{display:none}body.in-game #hud{display:block}#menu{-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 30%,#2b4a6b,#0d1520 70%);place-items:center;display:grid;position:fixed;inset:0}body.in-game #menu{background:#00000080}#menu[hidden]{display:none}#menu .panel{background:#14181eeb;border-radius:8px;flex-direction:column;gap:8px;min-width:280px;max-width:min(92vw,420px);max-height:86vh;padding:22px 26px;display:none;overflow-y:auto;box-shadow:0 10px 40px #0006}#menu .panel.wide{width:560px;max-width:min(92vw,560px)}#menu .panel.active{display:flex}#menu .panel.clickable{cursor:pointer;text-align:center}#menu h1{letter-spacing:.08em;text-align:center;margin:0 0 10px;font-size:34px}#menu h2{margin:0 0 6px;font-size:20px}#menu p{margin:0}#menu button{font:inherit;color:#fff;cursor:pointer;background:#3a4c63;border:1px solid #5a7090;border-radius:4px;padding:8px 14px;font-size:14px}#menu button:hover,#menu button:focus-visible{background:#4a6180;border-color:#9fd0ff;outline:none}#menu button.danger{background:#6a3030;border-color:#9a4a4a}#menu button.danger:hover{background:#843a3a}#menu .row{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}#menu .row>button{flex:1}#menu form{flex-direction:column;gap:10px;display:flex}#menu label{color:#c9d6e5;flex-direction:column;gap:4px;font-size:13px;display:flex}#menu label.slider{grid-template-columns:1fr auto;column-gap:8px;display:grid}#menu label.slider output{color:#fff}#menu label.slider input{grid-column:1/-1}#menu input[type=text],#menu input:not([type]){font:inherit;color:#fff;background:#10151c;border:1px solid #4a5a70;border-radius:4px;padding:7px 8px}#menu input[type=range]{width:100%}#menu .muted{color:#8a98a8;font-size:13px}#menu .note{color:#f0c070;max-width:280px;margin-top:8px;font-size:12px}#menu .error{color:#ff9a8a;font-size:13px}#menu .status{color:#9fd0ff;min-height:1.2em;font-size:13px}#menu table{border-collapse:collapse;margin-bottom:6px;font-size:13px}#menu td{padding:2px 12px 2px 0}#menu td:first-child{color:#9fd0ff;white-space:nowrap}#world-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}#world-list li{background:#ffffff0d;border-radius:4px;align-items:center;gap:8px;padding:8px 10px;display:flex}#world-list .info{flex:1;min-width:0}#world-list .name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}#world-list .details{color:#8a98a8;font-size:11px}#toast{opacity:0;pointer-events:none;background:#0009;border-radius:4px;padding:6px 10px;font-size:12px;transition:opacity .3s;position:fixed;bottom:12px;right:12px}#toast.show{opacity:1}#toast.error{background:#781e1ed9}#minimap{pointer-events:none;background:#00000073;border-radius:6px;padding:4px;position:fixed;top:8px;right:8px}#minimap canvas,#bigmap canvas{border-radius:3px;display:block}#bigmap{pointer-events:none;background:#0009;border-radius:8px;padding:6px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#minimap[hidden],#bigmap[hidden]{display:none}.map-label{text-align:center;color:#dfe8f2;margin-top:4px;font-size:11px}#hearts{pointer-events:none;text-shadow:0 1px 2px #000c;gap:2px;font-size:18px;line-height:1;display:flex;position:fixed;bottom:70px;left:50%;transform:translate(-50%)}.heart:before{content:"♥"}.heart.full{color:#e8323c}.heart.empty{color:#282828b3}.heart.half{background:linear-gradient(90deg,#e8323c 50%,#282828b3 50%);color:#0000;-webkit-background-clip:text;background-clip:text}#hurt{pointer-events:none;opacity:0;background:radial-gradient(#0000 45%,#c800008c 100%);position:fixed;inset:0}#hurt.flash{animation:.5s ease-out hurt-flash}@keyframes hurt-flash{0%{opacity:1}to{opacity:0}}#menu label.check{cursor:pointer;flex-direction:row;align-items:center;gap:8px}