.cc-char-circle-wrap{flex-shrink:0;width:68px;height:68px;position:relative}.cc-char-circle{background:#0c0c16e6;border:2px solid #ffffff1f;border-radius:50%;width:68px;height:68px;transition:border-color .2s,box-shadow .2s,background .2s;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000008c,inset 0 1px #ffffff14}.cc-char-circle:before{content:"";pointer-events:none;z-index:3;background:linear-gradient(145deg,#ffffff38 0%,#ffffff0f 40%,#0000 65%);border-radius:50%;position:absolute;inset:0}.cc-char-circle img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;transform:scale(1.05)}.cc-char-name{color:var(--ag-text-muted,#94a3b8);text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;letter-spacing:.2px;width:100%;max-width:76px;font-size:.58rem;font-weight:600;transition:color .2s;overflow:hidden}.cc-char-badge{object-fit:contain;pointer-events:none;z-index:10;background:#080812e6;border:1px solid #ffffff38;border-radius:50%;width:20px;height:20px;padding:0;transition:transform .2s;position:absolute;box-shadow:0 2px 8px #000000b3}.cc-char-badge--element{top:0;left:0}.cc-char-badge--path{top:0;right:0}.cc-char-circle{border-color:var(--color-rareza,#ffffff1f);background:linear-gradient(145deg, color-mix(in srgb, var(--color-rareza,transparent) 15%, transparent) 0%, #0c0c16eb 100%);box-shadow:0 4px 14px #0000008c, 0 0 14px color-mix(in srgb, var(--color-rareza,transparent) 40%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-rareza,transparent) 18%, transparent)}.ctl-wrapper{font-family:var(--ag-font,"Outfit", sans-serif);flex-direction:column;gap:20px;width:100%;display:flex}.ctl-options{align-items:center;gap:16px;display:flex}.ctl-toggle{cursor:pointer;letter-spacing:1px;text-transform:uppercase;color:var(--ag-text-muted,#94a3b8);user-select:none;align-items:center;gap:10px;font-size:.78rem;font-weight:700;transition:color .2s;display:flex}.ctl-toggle:has(input:checked){color:var(--ag-accent-1,#00f0ff)}.ctl-toggle input{display:none}.ctl-toggle-track{background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s,border-color .2s;display:inline-block;position:relative}.ctl-toggle-track:after{content:"";background:#ffffff80;border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.ctl-toggle input:checked+.ctl-toggle-track{background:#00f0ff33;border-color:#00f0ff80}.ctl-toggle input:checked+.ctl-toggle-track:after{background:var(--ag-accent-1,#00f0ff);transform:translate(16px)}.ctl-board{background:#0a0a0ef2;border:1px solid #ffffff12;border-top-color:#ffffff1f;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 48px #0000008c}.ctl-row{border-bottom:1px solid #ffffff0d;min-height:90px;transition:background .15s;display:flex;position:relative}.ctl-row:last-child{border-bottom:none}.ctl-row.drag-over{outline-offset:-1px;background:#00f0ff0d;outline:1px solid #00f0ff4d}.ctl-label{cursor:default;border-right:2px solid #00000059;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:100px;display:flex;box-shadow:inset -4px 0 16px #0000004d}.ctl-label-text{color:#000000bf;text-shadow:0 1px 2px #fff3;letter-spacing:-1px;cursor:text;user-select:none;font-size:1.8rem;font-weight:900}.ctl-label-input{color:#fff;width:75%;font-size:1.3rem;font-weight:900;font-family:var(--ag-font,"Outfit", sans-serif);text-align:center;background:#00000059;border:1px solid #ffffff4d;border-radius:4px;outline:none;padding:2px 4px}.ctl-color-pick{cursor:pointer;opacity:.55;background:0 0;border:none;border-radius:50%;width:16px;height:16px;padding:0;transition:opacity .2s,transform .2s}.ctl-color-pick:hover{opacity:1;transform:scale(1.2)}.ctl-row-chars{flex-wrap:wrap;flex:1;align-content:flex-start;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.ctl-remove-row{color:#ff5050b3;cursor:pointer;opacity:0;background:#ff3c3c26;border:1px solid #ff3c3c40;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:1rem;line-height:1;transition:opacity .2s,background .2s;display:flex;position:absolute;top:5px;right:5px}.ctl-row:hover .ctl-remove-row{opacity:1}.ctl-remove-row:hover{color:#fff;background:#ff3c3c66}.ctl-char{cursor:grab;user-select:none;flex-direction:column;flex-shrink:0;align-items:center;gap:5px;width:76px;transition:transform .15s,filter .15s;display:flex}.ctl-char:active{cursor:grabbing}.ctl-char:hover{filter:brightness(1.1);transform:translateY(-4px)scale(1.07)}.ctl-char:hover .cc-char-name{color:#fff}.ctl-char:hover .cc-char-badge{transform:scale(1.2)}.ctl-controls{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.ctl-btn{font-family:var(--ag-font,"Outfit", sans-serif);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border-radius:8px;padding:9px 24px;font-size:.78rem;font-weight:700;transition:all .2s}.ctl-btn--add{color:var(--ag-text-muted,#94a3b8);background:#ffffff0a;border:1px solid #ffffff1a}.ctl-btn--add:hover{color:var(--ag-text-main,#e2e8f0);background:#ffffff17;border-color:#ffffff2e}.ctl-btn--download{color:var(--ag-accent-1,#00f0ff);background:#00f0ff1a;border:1px solid #00f0ff66;box-shadow:0 0 10px #00f0ff1a}.ctl-btn--download:hover{border-color:var(--ag-accent-1,#00f0ff);color:#fff;background:#00f0ff33;transform:translateY(-2px);box-shadow:0 4px 18px #00f0ff40}.ctl-pool-section{flex-direction:column;gap:8px;display:flex}.ctl-pool-label{letter-spacing:2px;text-transform:uppercase;color:var(--ag-text-muted,#94a3b8);margin:0;font-size:.7rem;font-weight:800}.ctl-pool{background:#ffffff05;border:1px dashed #ffffff1a;border-radius:12px;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:90px;padding:14px;transition:border-color .15s,background .15s;display:flex}.ctl-pool.drag-over{background:#00f0ff0a;border-color:#00f0ff59}.ctl-pool-empty{color:var(--ag-text-muted,#94a3b8);text-align:center;align-self:center;width:100%;font-size:.8rem;font-style:italic}.ctl-roles-header{background:#00000059;border-bottom:1px solid #ffffff12;display:flex}.ctl-roles-corner{border-right:2px solid #00000059;flex-shrink:0;width:100px}.ctl-roles-col-header{text-align:center;letter-spacing:2px;text-transform:uppercase;color:var(--ag-text-muted,#94a3b8);border-right:1px solid #ffffff0a;flex:1;padding:10px 8px;font-size:.7rem;font-weight:800}.ctl-roles-col-header:last-child{border-right:none}.ctl-role-cell{border-right:1px solid #ffffff0a;flex-wrap:wrap;flex:1;align-content:flex-start;align-items:flex-start;gap:8px;min-height:90px;padding:10px;transition:background .15s;display:flex}.ctl-role-cell:last-child{border-right:none}.ctl-role-cell.drag-over{outline-offset:-1px;background:#00f0ff0f;outline:1px solid #00f0ff4d}