:root{--accent: #8b5cf6;--accentdark: #7c3aed;--muted: #9ca3af;--card: #1f2937;--bg: #111827;--border: #374151;--text: #e5e7eb;--text-muted: #9ca3af;--health-color: #ef4444;--energy-color: #22c55e;--mana-color: #3b82f6}html,body{margin:0;padding:0}html{overflow-y:auto;overflow-x:hidden}body{overflow:hidden;background-color:var(--bg);color:var(--text)}*{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}input[type=text],input[type=number],select,textarea{width:100%;padding:8px;border:1px solid var(--border);border-radius:6px;font-size:14px;background:#0f172a;color:var(--text)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1;cursor:pointer;filter:invert(.8)}input{padding:4px;border:1px solid var(--border);border-radius:6px;background:#0f172a;color:var(--text)}label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:6px}.row{display:flex;gap:10px}.col{flex:1}.big{font-size:20px;font-weight:700}h2{margin:0 0 8px;font-size:20px;color:var(--accent)}.cdk-drag-preview{z-index:999999!important;position:fixed!important;pointer-events:none!important;display:block!important;visibility:visible!important;overflow:visible!important;opacity:.97!important;box-shadow:0 10px 30px #00000080!important}.cdk-drag-dragging{cursor:grabbing!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.cdk-drop-list-dragging,.cdk-drop-list-dragging *{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)!important}.cdk-drag-placeholder{display:block!important;opacity:.4!important}.drag-chip{display:flex;align-items:center;gap:.5rem;background:var(--card, #1f2937);border:2px solid var(--accent, #8b5cf6);border-radius:8px;padding:.5rem .85rem;font-size:.9rem;font-weight:600;color:var(--text, #e5e7eb);box-shadow:0 4px 20px #0009;white-space:nowrap;max-width:240px;pointer-events:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.drag-chip-icon{font-size:1rem}.drag-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.rune-drag-chip{display:flex;align-items:center;gap:.5rem;background:var(--card, #1f2937);border:2px solid var(--accent, #8b5cf6);border-radius:8px;padding:.5rem .85rem;font-size:.9rem;font-weight:600;color:var(--text, #e5e7eb);box-shadow:0 4px 20px #0009;white-space:nowrap;max-width:200px;pointer-events:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.rdc-glyph{font-size:1.1rem}.rdc-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}