html,body{-webkit-user-select:none;user-select:none;background:#1d2228;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}input,textarea{-webkit-user-select:text;user-select:text}canvas{display:block}#hud{color:#eee;pointer-events:none;background:#0000008c;border-radius:8px;padding:8px 12px;font-size:14px;position:fixed;top:12px;left:12px}#status{color:#9fd3ff;margin-top:4px}#bubble{color:#222;text-align:center;pointer-events:none;background:#fff;border-radius:12px;width:max-content;max-width:260px;padding:6px 12px;font-size:15px;position:fixed;transform:translate(-50%,-100%)}.healthbar{pointer-events:none;text-align:center;width:90px;position:fixed;transform:translate(-50%,-100%)}.hb-name{color:#fff;text-shadow:0 1px 2px #000c;margin-bottom:2px;font-size:12px;font-weight:600}.hb-track{background:#0009;border:1px solid #ffffff80;border-radius:4px;height:8px;position:relative;overflow:hidden}.hb-fill,.hb-lag{width:100%;position:absolute;inset:0 auto 0 0}.hb-fill{background:#4cd964;transition:width .1s,background .2s}.hb-lag{background:#fff;transition:width .6s ease-out .3s}.healthbar.controlled .hb-name{color:#fc0}.healthbar.controlled .hb-name:before{content:"▶ "}.healthbar.dead .hb-name:after{content:" — defeated";color:#ff8a80}.hb-popup{color:#ffeb3b;text-shadow:0 1px 3px #000000e6;font-size:18px;font-weight:800;animation:.9s ease-out forwards hb-pop;position:absolute;top:-6px;left:50%}@keyframes hb-pop{0%{opacity:1;transform:translate(-50%)scale(1.3)}to{opacity:0;transform:translate(-50%,-40px)scale(1)}}#fps{color:#4cd964;pointer-events:none;background:#0000008c;border-radius:6px;padding:4px 8px;font:600 13px ui-monospace,Consolas,monospace;position:fixed;top:12px;right:12px}#fps[data-level=ok]{color:#fc0}#fps[data-level=bad]{color:#ff3b30}#radial{z-index:20;pointer-events:none;-webkit-user-select:none;user-select:none;width:0;height:0;position:fixed}#radial[hidden]{display:none}.rm-ring{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle,#0003 0 34%,#0000008c 35% 100%);border-radius:50%;width:300px;height:300px;animation:.12s ease-out rm-pop;position:absolute;top:-150px;left:-150px}@keyframes rm-pop{0%{opacity:0;transform:scale(.6)}}.rm-item{color:#fff;background:#ffffff1a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:62px;height:62px;margin:-31px 0 0 -31px;font-size:10px;font-weight:600;transition:transform .1s,background .1s;display:flex;position:absolute}.rm-icon{font-size:22px;line-height:1}.rm-item.active{color:#222;background:#fc0;transform:scale(1.15)}.rm-item.disabled{opacity:.3}.rm-hub{text-align:center;color:#fff;justify-content:center;align-items:center;width:76px;height:76px;font-size:12px;font-weight:600;display:flex;position:absolute;top:-38px;left:-38px}.rm-pointer{clip-path:polygon(50% 0,100% 100%,0 100%);transform-origin:7px 54px;background:#fc0;width:14px;height:10px;position:absolute;top:-54px;left:-7px}.rm-pointer[hidden]{display:none}#links{gap:6px;display:flex;position:fixed;bottom:12px;left:12px}#links a{color:#eee;background:#0000008c;border-radius:8px;padding:6px 12px;font-size:13px;text-decoration:none}#links a:hover{background:#000000bf}#scene-bar{background:#0000008c;border-radius:10px;gap:4px;padding:4px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}#scene-bar a{color:#eee;border-radius:7px;padding:6px 16px;font-size:14px;font-weight:600;text-decoration:none}#scene-bar a:hover{background:#ffffff1f}#scene-bar a.active{color:#222;background:#fc0}#inventory{color:#eee;background:#000000a6;border-radius:10px;padding:10px;font-size:13px;position:fixed;bottom:12px;right:12px}#inventory[hidden]{display:none}.inv-head,.inv-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.inv-head{margin-bottom:8px;font-weight:600}.inv-count,.inv-weight{color:#bbb;font-variant-numeric:tabular-nums;font-size:12px}.inv-grid{grid-template-columns:repeat(5,58px);grid-auto-rows:58px;gap:5px;display:grid}.inv-slot{cursor:pointer;background:#ffffff14;border:2px solid #0000;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:transform .1s,background .1s;display:flex;overflow:hidden}.inv-slot.empty{cursor:default;background:#ffffff08;border:1px dashed #ffffff2e}.inv-slot:not(.empty){cursor:grab}.inv-slot:not(.empty):hover{background:#ffffff29;transform:scale(1.06)}.inv-equipment{justify-content:center;gap:8px;display:flex}.inv-equip{flex-direction:column;align-items:center;gap:2px;display:flex}.inv-equip .inv-slot{box-sizing:border-box;background:#ffcc0014;width:58px;height:58px}.inv-equip .inv-slot.empty:before{content:attr(data-icon);opacity:.35;font-size:22px}.inv-equip-label{color:#bbb;font-size:10px}.inv-stats{text-align:center;color:#fc0;border-bottom:1px solid #ffffff1f;margin:6px 0 8px;padding-bottom:8px;font-size:12px}.inv-slot.dragging{opacity:.3}.inv-slot.drop-target{background:#fc03;border:2px solid #fc0;transform:scale(1.06)}.inv-gem{border-radius:2px;width:14px;height:14px;transform:rotate(45deg)}.inv-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:54px;font-size:10px;font-weight:600;line-height:1.1;overflow:hidden}.inv-kg{color:#bbb;font-size:9px}.inv-foot{margin-top:8px}.inv-bar{background:#ffffff26;border-radius:3px;flex:1;height:5px;overflow:hidden}.inv-bar-fill{background:#4cd964;height:100%;transition:width .2s}.inv-bar-fill.full{background:#ff9500}#item-label{color:#fff;white-space:nowrap;pointer-events:none;background:#000000a6;border-radius:6px;padding:3px 8px;font-size:12px;position:fixed;transform:translate(-50%,-100%)}#item-label[hidden]{display:none}.il-name{font-weight:600}#item-label kbd{color:#222;background:#fc0;border-radius:3px;margin-left:4px;padding:0 4px;font:600 11px system-ui,sans-serif}#screen-flash{opacity:0;pointer-events:none;mix-blend-mode:screen;z-index:5;position:fixed;inset:0}#dev-menu{color:#eee;background:#000000bf;border-radius:10px;flex-direction:column;gap:8px;width:340px;max-height:calc(100vh - 140px);padding:10px;font-size:13px;display:flex;position:fixed;top:96px;left:12px}#dev-menu[hidden],#dev-menu [hidden]{display:none}.dev-head,.dev-foot{justify-content:space-between;align-items:center;gap:8px;font-weight:600;display:flex}#dev-menu button{color:#eee;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:6px;padding:4px 10px;font-weight:500}#dev-menu button:hover{background:#ffffff2e}.dev-search{color:#eee;font:inherit;background:#ffffff14;border:1px solid #fff3;border-radius:6px;padding:6px 8px}.dev-list{min-height:0;overflow-y:auto}.dev-list h4{color:#bbb;margin:6px 0 4px;font-size:12px;font-weight:600}.dev-grid{grid-template-columns:repeat(5,58px);grid-auto-rows:58px;gap:5px;display:grid}.dev-item{cursor:grab}.dev-hint{color:#999;font-size:11px;font-weight:400}.dev-drop-target{outline-offset:-3px;outline:2px dashed #fff}#weather-menu{color:#eee;background:#000000bf;border-radius:10px;flex-direction:column;gap:8px;width:230px;padding:10px;font-size:13px;display:flex;position:fixed;top:48px;right:12px}#weather-menu[hidden]{display:none}.wm-head{justify-content:space-between;align-items:center;font-weight:600;display:flex}#weather-menu button{color:#eee;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:6px}#weather-menu button:hover{background:#ffffff2e}.wm-close{padding:2px 8px}.wm-kinds{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.wm-kind{flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.wm-kind.active{background:#64b5f640!important;border-color:#64b5f6!important}.wm-icon{font-size:22px}.wm-row{align-items:center;gap:8px;display:flex}.wm-intensity{flex:1}#map-editor{color:#eee;background:#000000bf;border-radius:10px;flex-direction:column;gap:6px;width:300px;max-height:calc(100vh - 160px);padding:10px;font-size:13px;display:flex;position:fixed;top:96px;left:12px;overflow-y:auto}#map-editor[hidden],#map-editor [hidden],#map-edit-button[hidden]{display:none}#map-editor h4{color:#bbb;margin:6px 0 0;font-size:12px;font-weight:600}.me-head{justify-content:space-between;align-items:center;font-weight:600;display:flex}.me-row{align-items:center;gap:6px;display:flex}.me-files,.me-tools{flex-wrap:wrap}#map-editor button,#map-edit-button{color:#eee;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:6px;padding:4px 8px}#map-editor button:hover:not(:disabled),#map-edit-button:hover{background:#ffffff2e}#map-editor button:disabled{opacity:.4;cursor:default}#map-editor button.active{background:#ffd54f40;border-color:#ffd54f}#map-editor .me-play{background:#66bb6a4d;border-color:#66bb6a}#map-editor .me-save.unsaved{border-color:#ffb74d}.me-name,.me-item,#map-editor input[type=range]{flex:1;min-width:0}.me-name,.me-item{color:#eee;font:inherit;background:#ffffff14;border:1px solid #fff3;border-radius:6px;padding:4px 6px}.me-item option{background:#222}.me-palette{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}#map-editor .me-prop{flex-direction:column;align-items:center;gap:1px;padding:5px 2px;font-size:10px;display:flex}.me-icon{font-size:20px}.me-list{background:#ffffff0d;border-radius:6px;flex-direction:column;gap:4px;max-height:180px;padding:6px;display:flex;overflow-y:auto}.me-list-row{align-items:center;gap:6px;display:flex}#map-editor .me-open{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.me-meta,.me-count,.me-radius-value{color:#999;white-space:nowrap;font-size:11px}.me-selection{background:#ffd54f14;border-radius:6px;padding:6px}#map-edit-button{background:#000000b3;padding:8px 14px;font-size:14px;position:fixed;top:96px;left:12px}#links a[hidden]{display:none}#scene-bar a.disabled{opacity:.45;cursor:default}#login{color:#eee;background:#0000008c;border-radius:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:260px;padding:6px 8px 6px 12px;font-size:13px;display:flex;position:fixed;top:48px;right:12px}#login.admin .lg-role{color:#ffd54f}#login button{color:#eee;font:inherit;cursor:pointer;background:#ffffff26;border:0;border-radius:6px;padding:4px 10px}#login button:hover{background:#ffffff40}#login .lg-twitch{color:#fff;background:#9146ff}#login .lg-twitch:hover{background:#a970ff}#login .lg-twitch[hidden]{display:none}.lg-form{flex-wrap:wrap;gap:6px;width:100%;display:flex}.lg-form[hidden]{display:none}.lg-password{color:#fff;min-width:0;font:inherit;background:#0006;border:1px solid #ffffff40;border-radius:6px;flex:1;padding:4px 8px}.lg-error{color:#ff8a80;width:100%}.lg-error:empty{display:none}body.spectator #hud,body.spectator #bubble,body.spectator #links,body.spectator #scene-bar,body.spectator #inventory,body.spectator #item-label,body.spectator #dev-menu,body.spectator #weather-menu,body.spectator #map-editor,body.spectator #map-edit-button,body.spectator #radial,body.spectator #fps,body.spectator .hb-track,body.spectator .hb-popup{display:none!important}body.spectator #login{opacity:.5;background:#00000040;padding:4px;font-size:12px;top:8px;right:8px}body.spectator #login:hover,body.spectator #login:focus-within{opacity:1}body.spectator #login .lg-role{display:none}#respawn{color:#eee;font:inherit;cursor:pointer;background:#00000073;border:0;border-radius:8px;padding:8px 14px;font-size:14px;position:fixed;bottom:12px;right:12px}#respawn:hover{background:#000000a6}.volume{cursor:pointer;align-items:center;gap:6px;display:flex}.volume .vol-range{flex:1;min-width:0}#guest-volume{color:#eee;background:#00000073;border-radius:8px;width:150px;padding:6px 10px;font-size:14px;position:fixed;bottom:56px;right:12px}canvas{touch-action:none}