: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}.inline-eff{color:#fcd34d;font-weight:700}.inline-stab{color:#86efac;font-weight:700}.inline-range{color:#34d399;font-weight:700}.app-icon{display:inline-block;width:1em;height:1em;flex:0 0 auto;background-color:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:-.15em}.i-token-drag{-webkit-mask-image:url(/icons/token_drag_tool.svg);mask-image:url(/icons/token_drag_tool.svg)}.i-visibility-on{-webkit-mask-image:url(/icons/visibility_on.svg);mask-image:url(/icons/visibility_on.svg)}.i-visibility-off{-webkit-mask-image:url(/icons/visibility_off.svg);mask-image:url(/icons/visibility_off.svg)}.i-lobby{-webkit-mask-image:url(/icons/lobby.svg);mask-image:url(/icons/lobby.svg)}.i-equipment{-webkit-mask-image:url(/icons/equipment.svg);mask-image:url(/icons/equipment.svg)}.i-mana{-webkit-mask-image:url(/icons/mana.svg);mask-image:url(/icons/mana.svg)}.i-map{-webkit-mask-image:url(/icons/map.svg);mask-image:url(/icons/map.svg)}.i-draw{-webkit-mask-image:url(/icons/draw_tool.svg);mask-image:url(/icons/draw_tool.svg)}.i-wall{-webkit-mask-image:url(/icons/wall_tool.svg);mask-image:url(/icons/wall_tool.svg)}.i-lasso{-webkit-mask-image:url(/icons/lasso_select_tool.svg);mask-image:url(/icons/lasso_select_tool.svg)}.i-effektivity{-webkit-mask-image:url(/icons/effektivity.svg);mask-image:url(/icons/effektivity.svg)}.i-dice{-webkit-mask-image:url(/icons/dice.svg);mask-image:url(/icons/dice.svg)}.i-restore-trash{-webkit-mask-image:url(/icons/restore_from_trash.svg);mask-image:url(/icons/restore_from_trash.svg)}.i-stat{-webkit-mask-image:url(/icons/stat_icon.svg);mask-image:url(/icons/stat_icon.svg)}.i-status-effect{-webkit-mask-image:url(/icons/status_effect.svg);mask-image:url(/icons/status_effect.svg)}.i-ability{-webkit-mask-image:url(/icons/ability.svg);mask-image:url(/icons/ability.svg)}.i-brewing{-webkit-mask-image:url(/icons/brewing.svg);mask-image:url(/icons/brewing.svg)}.i-image{-webkit-mask-image:url(/icons/image_tool.svg);mask-image:url(/icons/image_tool.svg)}.i-ruler{-webkit-mask-image:url(/icons/ruler_tool.svg);mask-image:url(/icons/ruler_tool.svg)}.i-character{-webkit-mask-image:url(/icons/character_icon.svg);mask-image:url(/icons/character_icon.svg)}.i-fog{-webkit-mask-image:url(/icons/fog_tool.svg);mask-image:url(/icons/fog_tool.svg)}.i-active{-webkit-mask-image:url(/icons/active_icon.svg);mask-image:url(/icons/active_icon.svg)}.i-texture{-webkit-mask-image:url(/icons/texture_tool.svg);mask-image:url(/icons/texture_tool.svg)}.i-life{-webkit-mask-image:url(/icons/life.svg);mask-image:url(/icons/life.svg)}.i-spell{-webkit-mask-image:url(/icons/spell.svg);mask-image:url(/icons/spell.svg)}.i-folder{-webkit-mask-image:url(/icons/folder.svg);mask-image:url(/icons/folder.svg)}.i-energy{-webkit-mask-image:url(/icons/energy.svg);mask-image:url(/icons/energy.svg)}.i-layers{-webkit-mask-image:url(/icons/layers.svg);mask-image:url(/icons/layers.svg)}.i-passive{-webkit-mask-image:url(/icons/passive_icon.svg);mask-image:url(/icons/passive_icon.svg)}.i-appearance{-webkit-mask-image:url(/icons/apperance.svg);mask-image:url(/icons/apperance.svg)}.i-item{-webkit-mask-image:url(/icons/item_generic.svg);mask-image:url(/icons/item_generic.svg)}.i-tokenlink{-webkit-mask-image:url(/icons/tokenlink.svg);mask-image:url(/icons/tokenlink.svg)}.i-stability{-webkit-mask-image:url(/icons/stability.svg);mask-image:url(/icons/stability.svg)}.i-grundbonus{-webkit-mask-image:url(/icons/grundbonus.svg);mask-image:url(/icons/grundbonus.svg)}.i-movement{-webkit-mask-image:url(/icons/movement.svg);mask-image:url(/icons/movement.svg)}.i-reaction{-webkit-mask-image:url(/icons/reaction.svg);mask-image:url(/icons/reaction.svg)}