*{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;background:#9cc8ef;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}canvas{display:block}#crosshair{color:#fff;mix-blend-mode:difference;pointer-events:none;z-index:5;font-size:28px;line-height:1;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#hotbar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;background:#14182073;border-radius:10px;gap:4px;padding:4px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.slot{background:#0003;border:2px solid #ffffff26;border-radius:7px;place-items:center;width:48px;height:48px;display:grid;position:relative}.slot img{image-rendering:auto;border-radius:4px;width:34px;height:34px}.slot .num{color:#ffffffbf;font-size:10px;position:absolute;top:1px;left:4px}.slot.selected{background:#ffffff2e;border-color:#fff}#hotbar-label{color:#fff;text-shadow:0 1px 3px #0009;pointer-events:none;z-index:5;font-size:14px;transition:opacity .4s;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}#debug{color:#fff;pointer-events:none;z-index:5;background:#00000073;border-radius:6px;margin:0;padding:8px 10px;font:12px/1.45 ui-monospace,Menlo,Consolas,monospace;position:fixed;top:8px;left:8px}.hidden{display:none!important}#overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;z-index:10;background:#1016228c;place-items:center;display:grid;position:fixed;inset:0}#overlay .panel{color:#fff;text-align:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;max-width:92vw;padding:28px 36px}#overlay h1{letter-spacing:.04em;background:linear-gradient(#e9f6ff,#8fd0a0);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:44px}#overlay .click{opacity:.9;margin:0 0 18px;font-size:18px;animation:1.8s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}.controls{text-align:left;grid-template-columns:repeat(2,auto);gap:6px 26px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}kbd,.controls span{text-align:center;background:#ffffff29;border-radius:4px;min-width:20px;margin-right:3px;padding:1px 6px;font:12px ui-monospace,Menlo,monospace;display:inline-block}@media (max-width:560px){.controls{grid-template-columns:1fr}}