html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#111;color:#f5f5f5;font-family:Inter,system-ui,-apple-system,sans-serif}#game-canvas{width:100vw;height:100vh;display:block}#debug-overlay{position:fixed;top:12px;left:12px;padding:8px 10px;background:#00000080;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:12px;line-height:1.4;white-space:pre;pointer-events:none}#hotkey-overlay{position:fixed;left:50%;bottom:20px;transform:translate(-50%);pointer-events:none}.hotkey-drag-handle{width:16px;min-height:40px;border-radius:8px;background:#f7fbff;display:flex;align-items:center;justify-content:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;padding:8px 0}.hotkey-drag-handle:before{content:"";width:3px;height:40px;border-radius:2px;background:repeating-linear-gradient(to bottom,#8fb5eb 0,#8fb5eb 2px,transparent 2px,transparent 4px)}.hotkey-drag-handle.is-dragging{cursor:grabbing}.hotkey-panel{position:relative;display:flex;align-items:flex-start;gap:8px;pointer-events:auto;padding:1px 4px 4px 1px;border-radius:10px;background:#fff;border:2px solid #d9e9ff}.hotkey-panel-content{display:flex;flex-direction:column;align-items:center;gap:1px;overflow:hidden}.hotkey-row-toggle-handle{position:absolute;right:2px;bottom:2px;width:10px;height:10px;border-right:4px solid rgba(143,181,235,.9);border-bottom:4px solid rgba(143,181,235,.9);border-bottom-right-radius:8px;cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none;opacity:.6}.hotkey-row-toggle-handle.is-dragging,.hotkey-row-toggle-handle:hover{opacity:1}.hotkey-targeting-hint{position:fixed;left:50%;top:15%;transform:translate(-50%);display:inline-block;white-space:nowrap;padding:3px 10px;border-radius:6px;background:#0000008c;color:#22c55e;font:600 12px system-ui;text-align:center;letter-spacing:.2px;opacity:0;pointer-events:none}.hotkey-targeting-hint.is-visible{opacity:1}.hotkey-grid-row{display:grid;grid-template-columns:repeat(9,56px);gap:1px}.hotkey-grid-row.is-hidden{display:none}.hotkey-slot{position:relative;width:56px;height:56px;box-sizing:border-box;overflow:hidden;background:#f8fbff;border:2px solid #b6d4ff;border-radius:8px;display:flex;flex-direction:column;align-items:center}.hotkey-slot.is-selected{background:#e0ecff;border-color:#6fa5ec}.hotkey-slot.is-on-cooldown{border-color:#97bce9}.hotkey-slot-cooldown-fill{position:absolute;left:0;bottom:0;width:100%;height:0;background:#94a3b859}.hotkey-slot.is-on-cooldown:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#7d91ab4d}.hotkey-slot-key,.hotkey-slot-label{position:relative;z-index:1;width:100%;text-align:center;color:#1e293b}.hotkey-slot-key{margin-top:7px;font:700 11px system-ui}.hotkey-slot-label{margin-top:7px;font:10px system-ui}.hotkey-slot.is-on-cooldown .hotkey-slot-key,.hotkey-slot.is-on-cooldown .hotkey-slot-label{color:#1e293bd9}