:root{color:#202020;background:#f8f8f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{display:grid;place-items:center;touch-action:none}#app{display:grid;place-items:center}canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.mobile-controller{display:none}.chat-bar{position:fixed;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));z-index:18;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;max-width:720px;margin:0 auto;padding:8px;border:3px solid #202020;background:#f8f8f8;box-shadow:0 3px #888;touch-action:manipulation}.chat-input,.chat-send{border:2px solid #202020;background:#f8f8f8;color:#202020;font:700 12px/1 monospace;letter-spacing:0}.chat-input{min-width:0;height:30px;padding:0 8px;outline:none;touch-action:manipulation;user-select:text;-webkit-user-select:text}.chat-input:focus{background:#fff}.chat-send{height:30px;padding:0 10px;cursor:pointer}.server-reset-panel{position:fixed;top:8px;right:8px;z-index:20;display:grid;justify-items:end;gap:3px}.server-reset-button{border:2px solid #202020;background:#f8f8f8;color:#202020;padding:6px 8px;font:700 10px/1 monospace;letter-spacing:0;box-shadow:2px 2px #888;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.game-version-label{color:#202020;font:700 8px/1 monospace;letter-spacing:0;opacity:.75;text-shadow:1px 1px 0 #f8f8f8}.game-fps-label{min-width:42px;color:#202020;font:700 8px/1 monospace;letter-spacing:0;opacity:.75;text-align:right;text-shadow:1px 1px 0 #f8f8f8}.inventory-side-panel{min-width:104px;max-width:144px;margin-top:5px;padding:5px 6px;border:2px solid #202020;background:#f8f8f8f0;color:#202020;font:700 8px/1.25 monospace;letter-spacing:0;text-align:right;box-shadow:2px 2px #888;pointer-events:none}.inventory-side-panel[hidden]{display:none}.inventory-side-title{margin-bottom:3px;color:#202020;opacity:.82}.inventory-side-title-spaced{margin-top:7px}.inventory-side-row{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.9}.server-reset-button:disabled{opacity:.65;cursor:wait}.gamepad-toggle{display:none}@media(pointer:coarse),(hover:none){body.mobile-device{grid-template-rows:calc(var(--blue-vh, 100dvh) * .7) calc(var(--blue-vh, 100dvh) * .3);align-items:stretch;justify-items:center;background:#e8e8e8}body.mobile-device #app{width:100%;height:calc(var(--blue-vh, 100dvh) * .7);align-content:start;align-items:start;justify-content:center;overflow:hidden;background:#f8f8f8;border-bottom:4px solid #202020}body.mobile-device #app canvas{align-self:start;margin:0 auto!important}body.mobile-device .mobile-controller{display:grid;grid-template-columns:minmax(156px,1fr) minmax(208px,1.12fr);align-items:center;justify-items:center;column-gap:clamp(18px,7vw,44px);width:100%;height:calc(var(--blue-vh, 100dvh) * .3);min-height:150px;padding:36px clamp(14px,4vw,28px) calc(8px + env(safe-area-inset-bottom));background:linear-gradient(#d8d8d8,#c8c8c8);border-top:2px solid #f8f8f8;touch-action:none;-webkit-user-select:none;user-select:none;transition:opacity .12s ease,transform .12s ease}body.mobile-device .gamepad-toggle{position:fixed;right:max(8px,env(safe-area-inset-right));top:calc((var(--blue-vh, 100dvh) * .7) - 94px);bottom:auto;z-index:21;display:block;width:54px;height:30px;border:2px solid #202020;background:#f8f8f8;color:#202020;font:700 9px/1 monospace;box-shadow:2px 2px #888;touch-action:manipulation}body.mobile-device .gamepad-toggle:after{content:"";position:absolute;inset:-14px -18px}body.mobile-device .chat-bar{top:calc((var(--blue-vh, 100dvh) * .7) - 38px);bottom:auto;left:0;right:0;width:auto;max-width:none;grid-template-columns:minmax(0,1fr) clamp(66px,22vw,84px);padding:6px 10px;border-width:0 0 3px;box-shadow:none;background:#e8e8e8}body.mobile-device .chat-input,body.mobile-device .chat-send{height:34px;font-size:11px}body.mobile-device .chat-input{width:100%}body.mobile-device .chat-send{width:100%;min-width:0;padding:0 6px;overflow:hidden}body.mobile-device.ios-device{--ios-browser-bottom-bar: 58px;grid-template-rows:calc((var(--blue-vh, 100dvh) - var(--ios-browser-bottom-bar)) * .7) calc((var(--blue-vh, 100dvh) - var(--ios-browser-bottom-bar)) * .3)}body.mobile-device.ios-device #app{height:calc((var(--blue-vh, 100dvh) - var(--ios-browser-bottom-bar)) * .7)}body.mobile-device.ios-device .mobile-controller{height:calc((var(--blue-vh, 100dvh) - var(--ios-browser-bottom-bar)) * .3);padding-bottom:calc(14px + env(safe-area-inset-bottom))}body.mobile-device.ios-device .chat-bar{top:calc(((var(--blue-vh, 100dvh) - var(--ios-browser-bottom-bar)) * .7) - 38px)}body.mobile-device.ios-device .gamepad-toggle{top:calc(((var(--blue-vh, 100dvh) - var(--ios-browser-bottom-bar)) * .7) - 94px)}@media(orientation:portrait){body.mobile-device{grid-template-columns:1fr;grid-template-rows:calc(var(--blue-vh, 100dvh) * .62) calc(var(--blue-vh, 100dvh) * .38);overflow:hidden}body.mobile-device #app{grid-column:1;grid-row:1;height:calc(var(--blue-vh, 100dvh) * .62);border-right:0;border-bottom:4px solid #202020}body.mobile-device .mobile-controller{grid-column:1;grid-row:2;grid-template-columns:minmax(150px,1fr) minmax(188px,1.05fr);grid-template-rows:1fr;width:100%;height:calc(var(--blue-vh, 100dvh) * .38);min-height:0;padding:24px clamp(12px,3vw,22px) calc(10px + env(safe-area-inset-bottom));box-sizing:border-box;align-content:center;align-items:center;justify-content:center;justify-items:center}body.mobile-device .chat-bar{top:calc((var(--blue-vh, 100dvh) * .62) - 38px)}body.mobile-device .gamepad-toggle{top:calc((var(--blue-vh, 100dvh) * .62) - 94px)}body.mobile-device.ios-device{grid-template-rows:calc((var(--blue-vh, 100dvh) - var(--ios-browser-bottom-bar)) * .62) calc((var(--blue-vh, 100dvh) - var(--ios-browser-bottom-bar)) * .38)}body.mobile-device.ios-device #app{height:calc((var(--blue-vh, 100dvh) - var(--ios-browser-bottom-bar)) * .62)}body.mobile-device.ios-device .mobile-controller{height:calc((var(--blue-vh, 100dvh) - var(--ios-browser-bottom-bar)) * .38);padding-bottom:calc(12px + env(safe-area-inset-bottom))}body.mobile-device.ios-device .chat-bar{top:calc(((var(--blue-vh, 100dvh) - var(--ios-browser-bottom-bar)) * .62) - 38px)}body.mobile-device.ios-device .gamepad-toggle{top:calc(((var(--blue-vh, 100dvh) - var(--ios-browser-bottom-bar)) * .62) - 94px)}@media(max-height:720px){body.mobile-device .mobile-controller{padding-top:16px;column-gap:clamp(10px,4vw,24px)}body.mobile-device .dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px)}body.mobile-device .pad-button,body.mobile-device .pad-center{width:44px;height:44px}body.mobile-device .face-buttons{grid-template-columns:repeat(2,58px);grid-template-rows:repeat(2,58px);column-gap:18px;row-gap:14px;width:min(100%,156px)}body.mobile-device .face-button{width:58px;height:58px}}}@media(orientation:landscape)and (max-height:520px){body.mobile-device{grid-template-columns:minmax(0,1fr) clamp(220px,38vw,360px);grid-template-rows:minmax(0,1fr);justify-items:stretch;align-items:stretch;overflow:hidden}body.mobile-device #app{grid-column:1;grid-row:1;width:100%;height:var(--blue-vh, 100dvh);border-bottom:0;border-right:4px solid #202020}body.mobile-device #app canvas{margin:auto!important;align-self:center}body.mobile-device .mobile-controller{grid-column:2;grid-row:1;grid-template-columns:1fr;grid-template-rows:min-content min-content;row-gap:clamp(10px,3vh,18px);column-gap:0;width:100%;height:var(--blue-vh, 100dvh);min-height:0;padding:calc(10px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) 12px;box-sizing:border-box;align-content:center;align-items:center;justify-content:center;justify-items:center}body.mobile-device .dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px)}body.mobile-device .pad-button,body.mobile-device .pad-center{width:44px;height:44px}body.mobile-device .face-buttons{grid-template-columns:repeat(2,58px);grid-template-rows:repeat(2,58px);column-gap:18px;row-gap:14px;width:min(100%,150px)}body.mobile-device .face-button{width:58px;height:58px}body.mobile-device .chat-bar{left:0;right:clamp(220px,38vw,360px);top:auto;bottom:0;grid-template-columns:minmax(0,1fr) clamp(72px,16vw,92px);border-width:3px 4px 0 0;padding:6px 10px calc(6px + env(safe-area-inset-bottom))}body.mobile-device .gamepad-toggle{top:max(8px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:62px;height:34px;z-index:31}body.mobile-device.gamepad-collapsed{grid-template-columns:minmax(0,1fr)}body.mobile-device.gamepad-collapsed #app{height:var(--blue-vh, 100dvh);border-right:0}body.mobile-device.gamepad-collapsed .chat-bar{right:0}@media(max-height:390px){body.mobile-device{grid-template-columns:minmax(0,1fr) clamp(170px,32vw,240px)}body.mobile-device .mobile-controller{row-gap:4px;padding:calc(6px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) 8px}body.mobile-device .dpad{grid-template-columns:repeat(3,32px);grid-template-rows:repeat(3,32px)}body.mobile-device .pad-button,body.mobile-device .pad-center{width:32px;height:32px}body.mobile-device .pad-up:before,body.mobile-device .pad-down:before,body.mobile-device .pad-left:before,body.mobile-device .pad-right:before{border-width:6px}body.mobile-device .face-buttons{grid-template-columns:repeat(2,48px);grid-template-rows:repeat(2,48px);column-gap:12px;row-gap:8px;width:min(100%,116px)}body.mobile-device .face-button{width:48px;height:48px;font-size:9px}body.mobile-device .chat-bar{right:clamp(170px,32vw,240px)}body.mobile-device .gamepad-toggle{width:58px;height:30px}}}body.mobile-device .server-reset-panel{top:66px;right:6px}body.mobile-device .server-reset-button{padding:5px 6px;font-size:9px}body.mobile-device .game-version-label,body.mobile-device .game-fps-label{font-size:7px}body.mobile-device .dpad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);filter:drop-shadow(0 3px 0 #888888)}body.mobile-device .pad-button,body.mobile-device .pad-center,body.mobile-device .face-button{appearance:none;border:2px solid #202020;background:#303030;color:#f8f8f8;font:700 11px/1 monospace;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body.mobile-device .pad-button,body.mobile-device .pad-center{width:52px;height:52px}.pad-up{grid-column:2;grid-row:1;border-bottom-width:0}.pad-left{grid-column:1;grid-row:2;border-right-width:0}.pad-center{grid-column:2;grid-row:2;pointer-events:none}.pad-right{grid-column:3;grid-row:2;border-left-width:0}.pad-down{grid-column:2;grid-row:3;border-top-width:0}.pad-up:before,.pad-down:before,.pad-left:before,.pad-right:before{content:"";display:block;width:0;height:0;margin:auto;border:9px solid transparent}.pad-up:before{border-bottom-color:#f8f8f8;transform:translateY(-4px)}.pad-down:before{border-top-color:#f8f8f8;transform:translateY(4px)}.pad-left:before{border-right-color:#f8f8f8;transform:translate(-4px)}.pad-right:before{border-left-color:#f8f8f8;transform:translate(4px)}.face-buttons{display:grid;grid-template-columns:repeat(2,68px);grid-template-rows:repeat(2,68px);column-gap:24px;row-gap:18px;justify-content:center;align-content:center;width:min(100%,208px)}.face-button{width:68px;height:68px;border-radius:6px;background:#202020;box-shadow:0 4px #888}.face-button:nth-child(1){transform:translateY(4px)}.face-button:nth-child(2){transform:translateY(-4px)}.face-button:nth-child(3){transform:translateY(4px)}.face-button:nth-child(4){transform:translateY(-4px)}.pad-button.is-pressed,.face-button.is-pressed{transform:translateY(3px);box-shadow:none;background:#505050}.face-button.is-pressed{transform:translateY(3px)}body.mobile-device.chat-focused{overflow:hidden}body.mobile-device.gamepad-collapsed{grid-template-rows:1fr}body.mobile-device.gamepad-collapsed #app{height:calc(100dvh - 48px)}body.mobile-device.chat-focused .mobile-controller,body.mobile-device.gamepad-collapsed .mobile-controller{display:none}body.mobile-device.chat-focused .gamepad-toggle,body.mobile-device.gamepad-collapsed .gamepad-toggle{top:auto;bottom:max(110px,calc(var(--keyboard-inset, 0px) + env(safe-area-inset-bottom) + 70px))}body.mobile-device.chat-focused .gamepad-toggle{display:none}body.mobile-device.chat-focused .mobile-controller{opacity:0;pointer-events:none;transform:translateY(24px)}body.mobile-device.chat-focused .chat-bar,body.mobile-device.gamepad-collapsed .chat-bar{top:auto;bottom:max(8px,calc(var(--keyboard-inset, 0px) + env(safe-area-inset-bottom) + 4px))}body.mobile-device.ios-device.chat-focused .chat-bar{top:max(96px,calc(var(--blue-vh, 100dvh) - var(--keyboard-inset, 360px) - var(--ios-browser-bottom-bar) - 58px));bottom:auto;z-index:30}@media(orientation:portrait){body.mobile-device.ios-device.chat-focused{grid-template-rows:1fr}body.mobile-device.ios-device.chat-focused #app{height:min(calc(var(--blue-vh, 100dvh) * .62),calc(var(--blue-vh, 100dvh) - var(--keyboard-inset, 360px) - 74px));min-height:190px;border-bottom:4px solid #202020}body.mobile-device.ios-device.chat-focused .chat-bar{top:min(calc(var(--blue-vh, 100dvh) * .58),calc(var(--blue-vh, 100dvh) - var(--keyboard-inset, 360px) - 58px));bottom:auto;z-index:30}}body.mobile-device.chat-focused .chat-bar{z-index:20}}