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}.hotkey-grid-row{display:flex;gap:1px;padding:2px}.hotkey-grid-row.is-hidden{display:none}.hotkey-targeting-hint{position:fixed;top:15%;left:50%;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;transition:opacity .15s ease;z-index:999}.hotkey-targeting-hint.is-visible{opacity:1}.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;justify-content:center}.hotkey-slot-icon{position:absolute;top:0;right:0;bottom:0;left:0;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:transparent}.hotkey-slot.is-selected{background:#e0ecff;border-color:#4ad491;border-width:6px}.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{position:absolute;z-index:1;font:700 11px system-ui;color:#1e293b;bottom:4px;right:4px;text-align:center;width:auto;height:auto;padding:0;background:none;border-radius:0;min-width:auto;box-shadow:none}.hotkey-slot-tooltip{position:fixed;background:#000c;color:#fff;padding:6px 8px;border-radius:4px;font-size:11px;white-space:nowrap;pointer-events:none;z-index:1000;box-shadow:0 2px 8px #0000004d;display:none}.hotkey-slot-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,.8)}