.footer-strip[data-v-f23007b8]{content:"";position:relative;width:100%;height:4px;margin-top:20px;background:linear-gradient(90deg,var(--color-accent-blue),var(--color-accent-purple));z-index:1}footer[data-v-f23007b8]{background-color:var(--color-bg-panel);color:#fff;padding:2rem 1rem;text-align:center;opacity:.97;border-top:1px solid var(--color-border-light);box-shadow:0 8px 20px var(--shadow-standard);font-size:14px}.footer-container[data-v-f23007b8]{display:flex;justify-content:space-around;flex-wrap:wrap;gap:2rem;max-width:1200px;margin:0 auto}.footer-section[data-v-f23007b8]{flex:1 1 260px;min-width:240px;padding:10px;text-align:left}.footer-section h4[data-v-f23007b8]{font-size:15px;font-weight:600;margin-bottom:8px;color:var(--color-accent-blue);text-transform:uppercase;letter-spacing:.5px}.footer-section p[data-v-f23007b8]{font-size:14px;line-height:1.6;color:#ddd;margin:6px 0}.footer-section a[data-v-f23007b8]{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:color .2s ease,transform .2s ease}.footer-section a[data-v-f23007b8]:hover{color:var(--color-accent-purple);transform:translate(3px)}.footer-icon[data-v-f23007b8]{width:20px;height:20px;filter:brightness(.9);transition:filter .2s ease}.footer-section a:hover .footer-icon[data-v-f23007b8]{filter:brightness(1.2)}.footer-bottom[data-v-f23007b8]{margin-top:2rem;font-size:12px;color:var(--color-text-secondary, #999);text-align:center}.ankama-mention[data-v-f23007b8]{margin-top:.5rem;font-size:12px;color:var(--color-text-secondary, #999)}@media screen and (max-width: 1100px){footer[data-v-f23007b8]{padding:.5rem}.footer-container[data-v-f23007b8]{display:block;text-align:center;margin:0;padding:0}.footer-section[data-v-f23007b8]{display:block;margin:0;padding:.25rem 0}.footer-section[data-v-f23007b8]:not(:last-child){border-bottom:1px solid rgba(255,255,255,.08)}.footer-section h4[data-v-f23007b8]{color:var(--color-accent-purple);font-size:13px;margin:0;padding:0;line-height:1.2}.footer-section p[data-v-f23007b8]{margin:.1rem 0;line-height:1.3;font-size:12.5px}.footer-section a[data-v-f23007b8]{display:inline-flex;align-items:center;justify-content:center;margin:.1rem 0;gap:4px;font-size:12.5px}.footer-icon[data-v-f23007b8]{width:16px;height:16px;margin:0}.footer-bottom[data-v-f23007b8]{margin-top:.5rem;font-size:11.5px}.stuffu-link[data-v-f23007b8]{display:flex;align-items:center;gap:6px;text-decoration:none;color:inherit}.stuffu-icon[data-v-f23007b8]{width:28px;height:28px;object-fit:contain;transition:transform .2s ease-in-out}.stuffu-link:hover .stuffu-icon[data-v-f23007b8]{transform:scale(1.1)}.ankama-mention[data-v-f23007b8]{margin-top:.1rem;font-size:11px;line-height:1.2}}.language-selector[data-v-df408958]{display:flex;justify-content:center;margin-top:10px}.lang-btn[data-v-df408958]{margin:0 5px;border:none;background:none;cursor:pointer}.lang-btn img[data-v-df408958]{width:30px;height:20px}.lang-btn.active[data-v-df408958]{border:2px solid #ccc;border-radius:5px;opacity:1}.popup[data-v-f8412e78]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:9999}.popup-content[data-v-f8412e78]{position:relative;background-color:var(--color-bg-panel);opacity:.95;padding:20px;border-radius:10px;min-width:300px;max-width:400px;display:flex;flex-direction:column;border:1px solid var(--color-border-light);box-shadow:0 4px 8px var(--shadow-standard),0 1px 3px var(--shadow-light);transition:box-shadow .3s ease,transform .2s ease;box-sizing:border-box}.close-btn[data-v-f8412e78]{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:24px;color:red;cursor:pointer;z-index:1000;width:auto;padding:0;line-height:1;display:block}.close-btn[data-v-f8412e78]:hover{color:#8b0000}.popup input[data-v-f8412e78]{width:100%;padding:10px;margin:10px 0;border:1px solid var(--color-border-light);border-radius:4px;background-color:var(--color-bg-panel);color:var(--color-text-dark);box-sizing:border-box}.popup input[data-v-f8412e78]:focus{border-color:var(--color-border-dark);outline:none}.popup button[data-v-f8412e78]{width:100%;padding:10px;background-color:var(--color-primary);color:#fff;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.popup .close-btn[data-v-f8412e78]{width:auto}.popup button[data-v-f8412e78]:hover{background-color:var(--color-primary-dark)}.switch-link[data-v-f8412e78]{margin-top:8px;color:#337ab7;cursor:pointer;text-align:center;font-size:.9em;text-decoration:underline}.success[data-v-f8412e78]{color:green;font-size:.9em;margin-top:10px}.error[data-v-f8412e78]{color:var(--color-error);font-size:12px;margin-top:10px}.input-with-toggle .toggle-btn[data-v-f8412e78]{position:relative;left:40%;transform:translateY(-150%);display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 .5rem;font-size:.85rem;line-height:1;width:auto;min-width:0;flex:0 0 auto;box-sizing:border-box;white-space:nowrap;border:1px solid #ccc;border-radius:4px;cursor:pointer}.input-with-toggle>input[data-v-f8412e78]{width:100%;padding-right:70px}.popup[data-v-a58f1249]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:9999}.popup-content[data-v-a58f1249]{position:relative;background-color:var(--color-bg-panel);opacity:.95;padding:20px;border-radius:10px;min-width:300px;max-width:400px;display:flex;flex-direction:column;border:1px solid var(--color-border-light);box-shadow:0 4px 8px var(--shadow-standard),0 1px 3px var(--shadow-light);transition:box-shadow .3s ease,transform .2s ease;box-sizing:border-box}.close-btn[data-v-a58f1249]{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:24px;color:red;cursor:pointer;z-index:1000;width:auto;padding:0;line-height:1;display:block}.close-btn[data-v-a58f1249]:hover{color:#8b0000}.popup-buttons[data-v-a58f1249]{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.confirm-btn[data-v-a58f1249],.cancel-btn[data-v-a58f1249]{flex:1;padding:10px;border-radius:4px;cursor:pointer;color:#fff}.confirm-btn[data-v-a58f1249]{background-color:var(--color-primary)}.confirm-btn[data-v-a58f1249]:hover{background-color:var(--color-primary-dark)}.cancel-btn[data-v-a58f1249]{background-color:gray}.cancel-btn[data-v-a58f1249]:hover{background-color:#a9a9a9}.navbar[data-v-91c6f296]{display:flex;justify-content:space-between;align-items:center;padding:.8vh 2vw;background-color:#333;color:#fff;overflow-x:hidden}.navbar-left[data-v-91c6f296]{display:flex;align-items:center;flex:0 1 40%;justify-content:flex-start;gap:10px}.search-group[data-v-91c6f296]{display:flex;align-items:center;gap:20px}.navbar-center[data-v-91c6f296]{display:flex;align-items:center;flex:0 1 45%;justify-content:space-around;gap:1.2vw}.navbar-right[data-v-91c6f296]{display:flex;align-items:center;flex:0 1 15%;justify-content:flex-end}.navbar-right button[data-v-91c6f296]{margin-left:auto}.nav-link[data-v-91c6f296]{color:#fff;text-decoration:none;font-size:clamp(.8rem,1vw,1rem);white-space:nowrap;transition:color .15s ease}.nav-link[data-v-91c6f296]:hover{color:#ccc}.nav-link.active[data-v-91c6f296]{font-weight:700;border-bottom:2px solid white}button[data-v-91c6f296]{padding:.5em .8em;cursor:pointer;background-color:#555;border:none;color:#fff;border-radius:5px;font-size:clamp(.8rem,.9vw,1rem);white-space:nowrap;transition:background .2s}button[data-v-91c6f296]:hover{background-color:#444}.search-bar[data-v-91c6f296]{position:relative;width:clamp(100px,13vw,200px);transition:width .25s ease}.search-bar-input[data-v-91c6f296]{width:100%;height:26px;padding:4px 6px;border:1px solid var(--border, #2a3340);border-radius:6px;background:var(--bg-2, #0f141c);color:var(--fg, #e6edf3);outline:none;font-size:clamp(.75rem,.85vw,.9rem)}.search-bar-input[data-v-91c6f296]:focus{border-color:#3a9bfd;box-shadow:0 0 0 2px #3a9bfd26}.search-bar-suggestions[data-v-91c6f296]{position:absolute;top:30px;left:0;right:0;z-index:50;border:1px solid var(--border, #2a3340);border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #00000059;list-style:none;padding:4px 0;margin:6px 0 0;background:var(--bg-2, #0f141c)}.class-search .class-search-suggestions>li[data-v-91c6f296],.user-search .user-search-suggestions>li[data-v-91c6f296]{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer}.class-search .class-suggestion-item.active[data-v-91c6f296],.user-search .user-suggestion-item.active[data-v-91c6f296]{background:#ffffff0f}.class-icon[data-v-91c6f296]{width:20px;height:20px;border-radius:4px;object-fit:cover}.class-name[data-v-91c6f296]{font-size:clamp(.75rem,.9vw,.9rem);color:#dfe6f3}.language-selector[data-v-91c6f296]{display:flex;gap:.4vw}.lang-btn img[data-v-91c6f296]{width:clamp(20px,2vw,28px);height:auto}.lang-btn.active[data-v-91c6f296]{border:2px solid #fff}@media (max-width: 1100px){.navbar[data-v-91c6f296]{flex-direction:column;align-items:stretch;padding:1vh 3vw;gap:1vh}.navbar-left[data-v-91c6f296]{flex:none;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;order:1}.language-selector[data-v-91c6f296]{justify-content:center}.search-group[data-v-91c6f296]{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.search-bar[data-v-91c6f296]{width:40%;max-width:110px}.navbar-center[data-v-91c6f296],.navbar-right[data-v-91c6f296]{flex:none;width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.navbar-center[data-v-91c6f296]{order:2}.navbar-right[data-v-91c6f296]{order:3}.navbar-right button[data-v-91c6f296]{margin-left:0}.nav-link[data-v-91c6f296],button[data-v-91c6f296]{font-size:.95rem;padding:.6em 1em}.nav-link[data-v-91c6f296]{display:inline-flex;justify-content:center;align-items:center}.navbar[data-v-91c6f296],.navbar-left[data-v-91c6f296],.navbar-center[data-v-91c6f296],.navbar-right[data-v-91c6f296]{transition:all .25s ease}}.base-button[data-v-febbc259]{padding:10px 18px;font-size:1rem;font-weight:500;background-color:var(--btn-bg, #2c2c2c);color:#fff;border:1px solid var(--border-color, #444);border-radius:8px;cursor:pointer;transition:background-color .2s ease}.base-button[data-v-febbc259]:hover:not(.disabled){background-color:var(--btn-hover, #444)}.base-button.disabled[data-v-febbc259]{cursor:not-allowed;opacity:.5;background-color:var(--btn-disabled, #555)}.base-button.danger[data-v-febbc259]{background-color:#8b1e1e;border-color:#a04444}.base-button.danger[data-v-febbc259]:hover:not(.disabled){background-color:#a82d2d}.panel[data-v-8ef8be96]{background-color:var(--color-bg-panel);opacity:.95;padding:15px;border-radius:10px;min-width:200px;flex:1;display:flex;flex-direction:column;border:1px solid var(--color-border-light);box-shadow:0 4px 8px var(--shadow-standard),0 1px 3px var(--shadow-light);transition:box-shadow .3s ease,transform .2s ease}.panel[data-v-8ef8be96]:hover{box-shadow:0 6px 12px var(--shadow-dark),0 3px 6px var(--shadow-medium)}.panel h2[data-v-8ef8be96]{font-weight:700}.panel pre[data-v-8ef8be96]{background-color:#f5f5f5;padding:10px;border-radius:5px}.panel.success[data-v-8ef8be96]{background-color:#00ff00b3;color:green}.panel.error[data-v-8ef8be96]{background-color:#f003;color:red}.panel.warn[data-v-8ef8be96]{background-color:#ff03;color:orange}.admin-page[data-v-9c7c2016]{display:flex;flex-direction:column;align-items:center}.admin-header-panels[data-v-9c7c2016]{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;width:90%}.form-row-compact[data-v-9c7c2016],.rating-row[data-v-9c7c2016]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:1rem}.form-row-compact .filter-input[data-v-9c7c2016],.rating-row .filter-input[data-v-9c7c2016]{font-size:.9rem;max-width:180px;flex:1 1 auto}.rating-row .filter-input[data-v-9c7c2016]{max-width:220px}button[data-v-9c7c2016]:disabled,button[disabled][data-v-9c7c2016],.danger-btn[data-v-9c7c2016]:disabled{cursor:not-allowed;opacity:.5}.rating-row button[data-v-9c7c2016]{padding:8px 14px;font-size:.9rem;white-space:nowrap}.rating-actions[data-v-9c7c2016]{display:flex;gap:12px;margin-top:.6rem;flex-wrap:wrap}.danger-btn[data-v-9c7c2016]{background-color:#8b1e1e;border:1px solid #a04444;color:#fff}.danger-btn[data-v-9c7c2016]:hover{background-color:#a82d2d}.panel-wrapper[data-v-9c7c2016]{position:relative;width:95%;max-width:1400px;margin:2rem auto;border-radius:12px;background-color:var(--color-bg-panel);transition:box-shadow .3s ease;padding:1.5rem 2rem;box-sizing:border-box}.panel-hover[data-v-9c7c2016]:hover{box-shadow:0 8px 20px #0000004d}.panel-strip[data-v-9c7c2016]{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-accent-blue),var(--color-accent-purple));z-index:1}.admin-toggle-buttons[data-v-9c7c2016]{display:flex;gap:12px;margin-bottom:1.5rem}.admin-toggle-buttons button[data-v-9c7c2016]{padding:12px 24px;font-size:1.1rem;font-weight:600;background-color:var(--btn-bg, #2c2c2c);color:#fff;border:1px solid var(--border-color, #444);border-radius:8px;cursor:pointer;transition:background-color .2s ease}.admin-toggle-buttons button.active[data-v-9c7c2016]{background-color:var(--accent, #6666ff);color:#fff}.admin-toggle-buttons button[data-v-9c7c2016]:hover{background-color:var(--btn-hover, #444)}.table-header[data-v-9c7c2016]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:1.2rem}.table-header.centered[data-v-9c7c2016]{justify-content:center;position:relative}.table-header.centered h2[data-v-9c7c2016]{margin:0 auto;font-size:1.5rem;font-weight:600}.table-header .action-buttons[data-v-9c7c2016]{position:absolute;right:0;top:0}.table-link[data-v-9c7c2016]{color:var(--primary-color);text-decoration:underline;cursor:pointer}.filter-input[data-v-9c7c2016]{padding:10px 14px;background-color:var(--bg-input, #1c1c1c);color:#fff;border:1px solid var(--border-color, #444);border-radius:6px;font-size:1rem;margin:0 8px 8px 0}.table-container[data-v-9c7c2016]{width:100%;overflow-x:auto;min-height:400px;padding:0 1rem;box-sizing:border-box}.desc-wrapper[data-v-9c7c2016]{width:100%;display:flex;justify-content:center}.desc-wrapper[data-v-9c7c2016] .panel-wrapper{width:80vw;max-width:1400px;margin:2rem auto;position:static;left:auto;right:auto;transform:none;flex:0 0 auto;box-sizing:border-box}.gameplays-wrapper[data-v-9c7c2016]{width:100%;display:flex;justify-content:center}.gameplays-wrapper[data-v-9c7c2016] .panel-wrapper{width:95vw;max-width:2000px;margin:2rem auto;left:auto;right:auto;transform:none;flex:0 0 auto;box-sizing:border-box}.admin-table-panel[data-v-9c7c2016]{width:80%;max-width:none}.admin-table[data-v-9c7c2016]{width:100%;font-size:1rem;border-collapse:collapse;table-layout:fixed}.admin-table th[data-v-9c7c2016]{height:40px;font-weight:600;color:#fff;padding:10px 14px;vertical-align:middle;line-height:1.2;background-color:#1a1a1a;border-bottom:1px solid var(--border-color)}.admin-table td[data-v-9c7c2016]{height:55px;padding:10px 14px;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.05);background-color:#ffffff05;color:#fff;transition:background-color .2s}.admin-table tr:hover td[data-v-9c7c2016]{background-color:#ffffff0d}.admin-table tr:nth-child(2n) td[data-v-9c7c2016]{background-color:#ffffff04}.admin-table tr:nth-child(odd) td[data-v-9c7c2016]{background-color:#ffffff06}.admin-table tr[data-v-9c7c2016]:hover{background-color:var(--bg-hover, #2d2d2d)}.input-cell[data-v-9c7c2016]{width:100%;padding:10px 12px;background-color:var(--bg-input, #1c1c1c);border:1px solid var(--border-color, #444);color:#fff;border-radius:6px;box-sizing:border-box;font:inherit}.action-btn[data-v-9c7c2016],.admin-table button[data-v-9c7c2016],button[data-v-9c7c2016]{padding:10px 18px;font-size:1rem;font-weight:500;background-color:var(--btn-bg, #2c2c2c);color:#fff;border:1px solid var(--border-color, #444);border-radius:8px;cursor:pointer;transition:background-color .2s ease}.action-btn[data-v-9c7c2016]:hover,.admin-table button[data-v-9c7c2016]:hover,button[data-v-9c7c2016]:hover{background-color:var(--btn-hover, #444)}.pagination-controls[data-v-9c7c2016]{display:flex;justify-content:center;align-items:center;margin-top:1rem;gap:1rem}.pagination-btn[data-v-9c7c2016]{padding:10px 18px;font-size:1rem;border-radius:8px;background-color:var(--btn-bg, #2c2c2c);color:#fff;border:none;cursor:pointer;transition:background-color .3s ease}.pagination-btn[data-v-9c7c2016]:hover:not(:disabled){background-color:var(--btn-hover, #444)}.pagination-btn[data-v-9c7c2016]:disabled{background-color:var(--btn-disabled, #555);cursor:not-allowed;opacity:.5}.base-input[data-v-9c7c2016],.base-select[data-v-9c7c2016],.base-button[data-v-9c7c2016]{padding:8px 14px;font-size:.9rem;background-color:var(--bg-input, #1c1c1c);color:#fff;border:1px solid var(--border-color, #444);border-radius:6px;min-width:160px;max-width:220px;box-sizing:border-box;transition:border-color .2s ease,background-color .2s ease}.base-input[data-v-9c7c2016],.base-select[data-v-9c7c2016]{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit}.base-button[data-v-9c7c2016]{font-weight:500;cursor:pointer;transition:background-color .2s ease}.base-button[data-v-9c7c2016]:hover:not(:disabled){background-color:var(--btn-hover, #444)}.base-button[data-v-9c7c2016]:disabled{background-color:var(--btn-disabled, #555);cursor:not-allowed;opacity:.5}.base-button.danger[data-v-9c7c2016]{background-color:#8b1e1e;border-color:#a04444}.base-button.danger[data-v-9c7c2016]:hover:not(:disabled){background-color:#a82d2d}.base-button.small[data-v-9c7c2016]{padding:4px 8px;font-size:.75rem;max-width:32px;min-width:auto;width:auto;text-align:center}.admin-table td .base-input[data-v-9c7c2016],.admin-table td .base-button[data-v-9c7c2016]{height:38px;font-size:.95rem;padding:0 10px;width:100%;box-sizing:border-box;background-color:var(--bg-input, #1c1c1c);border:1px solid var(--border-color, #444);border-radius:6px;color:#fff}.admin-table .input-cell.base-input[data-v-9c7c2016]{padding:6px 10px;font-size:.85rem;min-width:auto;width:100%;max-width:100%;box-sizing:border-box}.admin-table.editing .base-input[data-v-9c7c2016],.admin-table.editing .base-button[data-v-9c7c2016]{font-size:.8rem;padding:4px 6px}.editor-section[data-v-9c7c2016]{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.toolbar[data-v-9c7c2016]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;align-items:center}.toolbar button[data-v-9c7c2016]{background:transparent;border:1px solid #444;border-radius:6px;padding:.4rem .5rem;cursor:pointer;transition:background-color .2s ease}.toolbar button[data-v-9c7c2016]:hover{background-color:var(--color-bg-light)}.icon[data-v-9c7c2016]:before{font-family:Lucide Icons,sans-serif;font-style:normal;font-weight:400;display:inline-block;font-size:1.1rem;content:attr(data-icon)}.color-buttons[data-v-9c7c2016]{display:flex;gap:.4rem;margin-left:1rem}.color-dot[data-v-9c7c2016]{width:20px;height:20px;border-radius:50%;cursor:pointer;border:1px solid #666}.color-dot.white[data-v-9c7c2016]{background-color:#fff}.color-dot.green[data-v-9c7c2016]{background-color:green}.color-dot.orange[data-v-9c7c2016]{background-color:orange}.color-dot.red[data-v-9c7c2016]{background-color:red}.editor-preview-wrapper[data-v-9c7c2016]{display:flex;gap:1rem}.rich-textarea[data-v-9c7c2016]{flex:1;min-height:200px;resize:vertical;padding:.75rem;font-family:monospace;font-size:1rem;background-color:#1e1e1e;color:#f1f1f1;border:1px solid #444;border-radius:6px}.preview[data-v-9c7c2016]{flex:1;min-height:200px;padding:.75rem;border:1px solid #444;border-radius:6px;background-color:#2a2a2a;color:#f1f1f1;white-space:pre-wrap;overflow:auto}.admin-table thead th[data-v-9c7c2016]{position:sticky;top:0;z-index:2;background-color:#1a1a1a;box-shadow:0 2px 4px #0000004d}.gameplays-wrapper .panel-wrapper[data-v-9c7c2016]{width:95vw;max-width:2000px}.admin-page[data-view=users] .admin-table-panel[data-v-9c7c2016],.admin-page .panel-wrapper[data-v-9c7c2016]:has(h2:contains("Utilisateurs")){max-width:1100px}.admin-page[data-view=roles] .admin-table-panel[data-v-9c7c2016],.admin-page .panel-wrapper[data-v-9c7c2016]:has(h2:contains("rôles")){max-width:1100px}.table-container[data-v-9c7c2016]::-webkit-scrollbar{height:8px}.table-container[data-v-9c7c2016]::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:6px}.table-container[data-v-9c7c2016]:hover::-webkit-scrollbar-thumb{background-color:#ffffff59}.table-container[data-v-9c7c2016]:after{display:none!important;content:none!important}@media (max-width: 1100px){.admin-page[data-v-9c7c2016]{padding-bottom:2rem}.admin-toggle-buttons[data-v-9c7c2016]{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:90%;justify-items:stretch}.admin-toggle-buttons button[data-v-9c7c2016]{font-size:1rem;padding:10px 12px}.admin-table[data-v-9c7c2016]{font-size:.9rem;min-width:900px}.admin-table th[data-v-9c7c2016],.admin-table td[data-v-9c7c2016]{padding:6px 8px}.panel-wrapper[data-v-9c7c2016]{padding:1rem;width:95%}.form-row-compact[data-v-9c7c2016],.rating-row[data-v-9c7c2016]{flex-direction:column;gap:8px}.base-input[data-v-9c7c2016],.base-select[data-v-9c7c2016],.base-button[data-v-9c7c2016]{width:100%;max-width:none}.admin-table tbody tr:last-child td[data-v-9c7c2016]{border-bottom:2px solid rgba(255,255,255,.08)}}.class-detail-page[data-v-fc4a77ca]{display:flex;flex-direction:column;align-items:center}.panel-wrapper[data-v-fc4a77ca]{position:relative;width:95%;max-width:85%;margin:2rem auto;border-radius:12px;background-color:var(--color-bg-panel);transition:box-shadow .3s ease;padding:1.5rem 2rem;box-sizing:border-box}.panel-hover[data-v-fc4a77ca]:hover{box-shadow:0 8px 20px #0000004d}.panel-strip[data-v-fc4a77ca]{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-accent-blue),var(--color-accent-purple));z-index:1}.class-title[data-v-fc4a77ca]{position:relative;top:2rem;text-align:center;margin:0}.class-title h1[data-v-fc4a77ca]{margin:0}.image-row[data-v-fc4a77ca]{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin:1.5rem 2rem}.image-trimmed[data-v-fc4a77ca]{width:300px;height:auto;object-fit:cover;border-radius:8px;clip-path:polygon(0 0,100% 0,100% 58%,95% 62%,90% 64%,80% 66%,70% 67%,60% 68%,40% 68%,30% 67%,20% 66%,10% 64%,5% 62%,0 58%)}.dual-image[data-v-fc4a77ca]{position:relative;width:300px;height:320px;border-radius:8px;overflow:visible}.dual-image img[data-v-fc4a77ca]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.dual-image[data-v-fc4a77ca]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom left,transparent 45%,rgba(0,0,0,.2) 50%,transparent 55%);mix-blend-mode:lighten;z-index:3}.top[data-v-fc4a77ca]{z-index:2;clip-path:polygon(0 0,100% 0,0 100%);-webkit-mask-image:linear-gradient(to bottom right,#000 60%,#0000);mask-image:linear-gradient(to bottom right,#000 60%,#0000);-webkit-mask-size:100% 100%;mask-size:100% 100%}.bottom[data-v-fc4a77ca]{z-index:1;transform:scaleY(-1);clip-path:polygon(0 0,100% 0,100% 100%);-webkit-mask-image:linear-gradient(to bottom left,#000 60%,#0000);mask-image:linear-gradient(to bottom left,#000 60%,#0000);-webkit-mask-size:100% 100%;mask-size:100% 100%}.class-description[data-v-fc4a77ca]{flex:1;max-width:420px;font-size:.95rem;line-height:1.4;text-align:center;color:var(--text-muted, #ccc);margin:0}.gameplay-list[data-v-fc4a77ca]{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;justify-content:center;margin-top:2rem;max-width:100%}.card-gameplay[data-v-fc4a77ca]{border-radius:10px;padding:1rem;background-color:#9ac4a438;display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 12px #0003;border:3px solid;transition:transform .2s ease,box-shadow .2s ease}.card-gameplay[data-v-fc4a77ca]:hover{transform:translateY(-3px);box-shadow:0 6px 14px #00000040}.card-header h2[data-v-fc4a77ca]{margin:0;font-size:1.2rem;text-align:center}.card-content[data-v-fc4a77ca]{display:flex;flex-direction:column;gap:1rem}.role-group[data-v-fc4a77ca]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.role-badge[data-v-fc4a77ca]{background-color:transparent;padding:.25rem .6rem;font-size:1rem;border-radius:4px;font-weight:500;white-space:nowrap;border:2px solid}@media screen and (max-width: 1100px){.image-row[data-v-fc4a77ca]{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1rem;margin:1rem 0}.image-row img.image-trimmed[data-v-fc4a77ca],.ecaflip-style .dual-image[data-v-fc4a77ca]{flex:1 1 40%;max-width:260px;height:auto;order:1}.class-description[data-v-fc4a77ca]{flex:1 1 100%;order:2;text-align:center;width:90%;max-width:600px;margin:.8rem auto 1.2rem;font-size:.95rem;line-height:1.5;color:var(--text-muted, #ccc)}.ecaflip-style .dual-image[data-v-fc4a77ca]{aspect-ratio:1 / 1.1;overflow:hidden}.ecaflip-style .dual-image[data-v-fc4a77ca]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom left,transparent 45%,rgba(0,0,0,.25) 50%,transparent 55%);mix-blend-mode:lighten;z-index:3}.image-row img.image-trimmed[data-v-fc4a77ca]{flex:0 1 45%;max-width:45%;height:auto;object-fit:cover;border-radius:8px;order:1}.gameplay-list[data-v-fc4a77ca]{display:flex;flex-direction:column;gap:1.2rem;justify-content:center;width:100%;margin-top:1.2rem}.card-gameplay.is-collapsed[data-v-fc4a77ca]{cursor:pointer;overflow:hidden;transition:all .3s ease}.card-gameplay.is-collapsed .card-content[data-v-fc4a77ca]{display:none}.card-gameplay .card-header[data-v-fc4a77ca]{display:flex;flex-direction:column;align-items:center;text-align:center}.card-gameplay[data-v-fc4a77ca]{border-width:2px;padding:1rem;background-color:#ffffff0a}.gameplay-toggle[data-v-fc4a77ca]{position:relative;cursor:pointer;padding-right:1.8rem;display:flex;flex-direction:column;align-items:center;transition:background-color .2s ease}.gameplay-toggle[data-v-fc4a77ca]:hover{background-color:#ffffff0d}.gameplay-arrow[data-v-fc4a77ca]{content:"▾";position:absolute;right:.6rem;top:50%;transform:translateY(-50%) rotate(0);transition:transform .25s ease;font-size:1.3rem;color:#ddd;opacity:.7}.gameplay-toggle.expanded .gameplay-arrow[data-v-fc4a77ca]{transform:translateY(-50%) rotate(180deg);opacity:1}}.team-card[data-v-c62eb873]{border:1.5px solid var(--color-border);border-radius:12px;padding:16px;background-color:var(--color-bg-panel-light, #202030);transition:transform .2s ease,box-shadow .2s ease;margin-bottom:16px;box-shadow:0 2px 8px #00000026}.team-card[data-v-c62eb873]:hover{transform:scale(1.01);box-shadow:0 4px 12px #0003}.team-header[data-v-c62eb873]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.team-badges[data-v-c62eb873]{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.badge[data-v-c62eb873]{padding:2px 8px;font-size:12px;border-radius:8px;font-weight:700;color:#fff}.badge.visibility[data-v-c62eb873]{background-color:#555}.badge.public[data-v-c62eb873]{background-color:#3fa34d}.badge.private[data-v-c62eb873]{background-color:#d9534f}.team-body[data-v-c62eb873]{display:flex;flex-direction:column;gap:8px}.character-preview-row[data-v-c62eb873]{display:flex;gap:1rem;flex-wrap:wrap}.character-preview[data-v-c62eb873]{display:flex;flex-direction:column;align-items:center;width:110px}.thumbnail-wrapper[data-v-c62eb873]{width:100%;height:160px;overflow:hidden;background-color:#222;border:1px solid #444;position:relative;border-radius:10px 10px 12px 12px}.role-thumbnail[data-v-c62eb873]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;filter:brightness(.95);z-index:0;transform-origin:top center;transform:scale(1.667)}.gameplay-name[data-v-c62eb873]{position:absolute;bottom:0;left:0;width:100%;padding:6px 8px;background-color:#0009;font-size:.85rem;font-weight:600;color:#f0f0f0;text-align:left;letter-spacing:.4px;text-shadow:0 1px 3px #000;z-index:1;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.team-actions-bottom[data-v-c62eb873]{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;flex-wrap:wrap}.header-compact[data-v-c62eb873]{display:flex;align-items:center;gap:.75rem;min-height:36px;font-size:.95rem;line-height:1.2}.hc-left[data-v-c62eb873]{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1 1 auto;overflow:hidden}.hc-left .team-name[data-v-c62eb873],.hc-left .owner-anchor[data-v-c62eb873]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc-mid[data-v-c62eb873]{display:flex;align-items:center;gap:4px;max-width:40%;overflow:hidden;margin:0 .5rem;flex:0 1 auto}.mini-thumb-wrap[data-v-c62eb873]{width:36px;height:36px;border-radius:6px;overflow:hidden;display:inline-block;border:1px solid rgba(255,255,255,.12);background:#222 no-repeat top center;background-size:180% auto;filter:contrast(1.02) saturate(1.03)}.more-badge[data-v-c62eb873]{padding:0 6px;height:20px;line-height:20px;font-size:12px;border-radius:999px;background:#2b2b2b;color:#ddd;border:1px solid rgba(255,255,255,.12)}.hc-right[data-v-c62eb873]{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex:0 0 auto}.header-compact .owner-anchor[data-v-c62eb873]{color:var(--link, #9ecbff);text-decoration:none}.header-compact .owner-anchor[data-v-c62eb873]:hover{text-decoration:underline}.header-compact .sep[data-v-c62eb873]{opacity:.6}.type-badge[data-v-c62eb873]{padding:2px 8px;border-radius:999px;font-size:12px;background:#555;color:#fff}.enhanced:not(.collapsed) .header-compact .chevron[data-v-c62eb873]{transform:rotate(180deg)}.header-compact .team-name[data-v-c62eb873]{font-weight:700}.header-compact .type-badge[data-v-c62eb873]{padding:2px 8px;border-radius:999px;font-size:12px;background:#555;color:#fff}.header-compact .chevron[data-v-c62eb873]{margin-left:auto;opacity:.7;transition:transform .2s ease}.team-card.enhanced[data-v-c62eb873]{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.team-card.enhanced[data-v-c62eb873]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000040}.fold-enter-active[data-v-c62eb873],.fold-leave-active[data-v-c62eb873]{transition:max-height .28s ease,opacity .2s ease,transform .2s ease}.fold-enter-from[data-v-c62eb873],.fold-leave-to[data-v-c62eb873]{max-height:0;opacity:0;transform:translateY(-4px)}.fold-enter-to[data-v-c62eb873],.fold-leave-from[data-v-c62eb873]{max-height:1200px;opacity:1;transform:translateY(0)}.collapsed .team-body[data-v-c62eb873]{max-height:0!important;opacity:0;transform:translateY(-4px);pointer-events:none;margin-top:0}.btn-action[data-v-c62eb873],.owner-anchor[data-v-c62eb873]{cursor:pointer}.enhanced:not(.collapsed) .team-header .title[data-v-c62eb873]{margin:0}.btn-action[data-v-c62eb873]{background-color:#444;color:#eee;border:none;padding:8px 14px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.btn-action[data-v-c62eb873]:hover{background-color:#666}.btn-action.success[data-v-c62eb873]{background-color:#3fa34d;color:#fff}.btn-action.danger[data-v-c62eb873]{background-color:#d9534f;color:#fff}.btn-action.toggle[data-v-c62eb873]{background-color:#555}.btn-action.open[data-v-c62eb873]{background-color:#3a3a3a}.btn-action.open[data-v-c62eb873]:hover{background-color:#555}.homepage[data-v-d0a536d9]{display:flex;flex-direction:column;align-items:center}.arrow[data-v-d0a536d9]{opacity:0;cursor:default}.panel-wrapper[data-v-d0a536d9]{position:relative;width:100%;margin:2rem auto;border-radius:12px;background-color:var(--color-bg-panel);transition:box-shadow .3s ease;padding:1.5rem 2rem;box-sizing:border-box}.panel-header[data-v-d0a536d9]{width:90%}.panel-hover[data-v-d0a536d9]:hover{box-shadow:0 8px 20px #0000004d}.panel-strip[data-v-d0a536d9]{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-accent-blue),var(--color-accent-purple));z-index:1}.panel-description[data-v-d0a536d9]{padding:24px;background-color:var(--color-bg-panel-light);border-radius:12px;box-shadow:0 2px 12px #0003}.description-text[data-v-d0a536d9]{font-size:16px;line-height:1.6;color:#ddd}.team-section-wrapper[data-v-d0a536d9]{width:100%;display:flex;justify-content:center}.team-display-grid[data-v-d0a536d9]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:90%;box-sizing:border-box}.team-panel[data-v-d0a536d9]{width:100%;padding:16px;border-radius:12px;box-sizing:border-box}.team-list[data-v-d0a536d9]{display:flex;flex-direction:column;gap:16px}@media screen and (max-width: 1100px){.team-display-grid[data-v-d0a536d9]{display:flex;flex-direction:column;gap:16px;width:100%;padding:0 1rem}.panel-wrapper[data-v-d0a536d9]{width:90%;padding:1rem}.description-text[data-v-d0a536d9]{font-size:14px}.team-list[data-v-d0a536d9]{transition:max-height .3s ease,opacity .3s ease;overflow:hidden}.team-list.collapsed[data-v-d0a536d9]{max-height:0;opacity:0;pointer-events:none}.team-list.expanded[data-v-d0a536d9]{max-height:800px;opacity:1;pointer-events:auto}h3[data-v-d0a536d9]{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1.1rem}.arrow[data-v-d0a536d9]{display:inline-block;font-size:1.1rem;transition:transform .25s ease;color:#ccc}.arrow.rotated[data-v-d0a536d9]{transform:rotate(180deg)}}.profile-page[data-v-61cfd7e2]{padding:20px}.teams-section[data-v-61cfd7e2],.favorites-section[data-v-61cfd7e2]{margin-top:30px}.panel-wrapper[data-v-61cfd7e2]{margin:0 auto 20px;width:80%;position:relative;border-radius:12px;background-color:var(--color-bg-panel);padding:20px;box-shadow:0 4px 12px #0000001a}.sub-panels[data-v-61cfd7e2]{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.search-input[data-v-61cfd7e2]{width:20%;padding:6px;margin-bottom:10px;border-radius:4px;border:1px solid rgba(255,255,255,.25);background-color:var(--color-bg-main);color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-input option[data-v-61cfd7e2]{background-color:var(--color-bg-main);color:#fff}.user-card[data-v-61cfd7e2]{background-color:var(--color-bg-dark);padding:16px;border-radius:12px;box-shadow:0 2px 8px #0000004d;width:100%;max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.user-row[data-v-61cfd7e2]{display:flex;justify-content:space-between;border-bottom:1px solid var(--color-border);padding-bottom:6px}.user-label[data-v-61cfd7e2]{font-weight:600;color:var(--color-accent-blue)}.user-value[data-v-61cfd7e2]{color:#fff;text-align:right}.button-row[data-v-61cfd7e2]{display:flex;justify-content:flex-end;margin-top:10px;gap:10px}.sub-panel[data-v-61cfd7e2]{width:35%;min-width:280px;padding:16px;background-color:var(--color-bg-panel);border-radius:12px;box-shadow:0 4px 12px #0000001a;position:relative}.profile-header[data-v-61cfd7e2]{text-align:center;margin-bottom:20px}.user-info p[data-v-61cfd7e2]{margin:10px 0}.user-info input[data-v-61cfd7e2]{margin-left:8px;padding:4px 8px;border-radius:4px;border:1px solid var(--color-border);background-color:var(--color-bg-main);color:#fff}.save-btn[data-v-61cfd7e2]{margin-top:10px;padding:6px 12px;background-color:var(--color-bg-main);color:#fff;border:none;border-radius:4px;cursor:pointer}.panel-strip[data-v-61cfd7e2]{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-accent-blue),var(--color-accent-purple));z-index:1;border-top-left-radius:12px;border-top-right-radius:12px}.action-btn[data-v-61cfd7e2]{margin-top:8px;margin-right:6px;padding:4px 8px;background-color:var(--color-accent-purple);color:#fff;border:none;border-radius:4px;cursor:pointer}.search-row[data-v-61cfd7e2]{display:flex;gap:12px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.profile-overview-row[data-v-61cfd7e2]{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}.summary-list[data-v-61cfd7e2]{display:flex;flex-direction:column;gap:6px;padding-left:0}.scrollable-list[data-v-61cfd7e2]{max-height:160px;overflow-y:auto}.summary-item[data-v-61cfd7e2]{display:flex;justify-content:space-between;background-color:var(--color-bg-main);padding:6px 12px;border-radius:8px;color:#fff;border:1px solid var(--color-border)}.summary-label[data-v-61cfd7e2]{font-weight:500}.summary-count[data-v-61cfd7e2]{opacity:.8}.team-card[data-v-61cfd7e2]{border:1.5px solid var(--color-border);border-radius:12px;padding:16px;background-color:var(--color-bg-panel-light, #202030);transition:transform .2s ease,box-shadow .2s ease;margin-bottom:16px;box-shadow:0 2px 8px #00000026}.team-card[data-v-61cfd7e2]:hover{transform:scale(1.01);box-shadow:0 4px 12px #0003}.team-header[data-v-61cfd7e2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.team-actions[data-v-61cfd7e2]{display:flex;gap:12px}.card-button[data-v-61cfd7e2]{padding:10px 20px;border-radius:6px;background-color:transparent;color:#fff;border:1px solid var(--color-accent-purple);cursor:pointer;transition:all .2s ease-in-out;font-weight:600;font-size:15px}.card-button[data-v-61cfd7e2]:hover{background-color:var(--color-accent-purple);color:#fff}.button-danger[data-v-61cfd7e2]{background-color:#a83535;border:1px solid #d24d4d;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.button-danger[data-v-61cfd7e2]:hover{background-color:#912c2c}.card-button.danger[data-v-61cfd7e2]{background-color:#a83535;color:#fff}.card-button.danger[data-v-61cfd7e2]:hover{background-color:#912c2c}.button-success[data-v-61cfd7e2]{background-color:#2e8540;border:1px solid #3ca652;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.button-success[data-v-61cfd7e2]:hover{background-color:#256c35}.visibility-toggle-btn[data-v-61cfd7e2]{padding:6px 10px;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:background .3s,color .3s}.visibility-toggle-btn.public[data-v-61cfd7e2]{background-color:#d1f7c4;color:#1e7c00}.visibility-toggle-btn.private[data-v-61cfd7e2]{background-color:#fddede;color:#c20000}.button-link[data-v-61cfd7e2]{background-color:#007bff;color:#fff;border:none;padding:.4rem .8rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.button-link[data-v-61cfd7e2]:hover{background-color:#0056b3}.team-body[data-v-61cfd7e2]{display:flex;flex-direction:column;gap:8px}.team-body .label[data-v-61cfd7e2]{font-weight:700;font-size:18px;color:#dcdcdc;letter-spacing:.5px}.chip-container[data-v-61cfd7e2]{display:flex;flex-wrap:wrap;gap:6px;max-height:96px;overflow-y:auto;padding-right:4px}.role-chip[data-v-61cfd7e2]{background-color:#2f3542;color:#f1f1f1;padding:4px 10px;border-radius:20px;font-size:13px;border:1px solid rgba(255,255,255,.2);white-space:nowrap;box-shadow:0 1px 3px #0009;transition:transform .2s ease,background-color .2s ease}.member-line[data-v-61cfd7e2]{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:6px}.member-chip[data-v-61cfd7e2]{background-color:var(--color-accent-purple);color:#fff;font-weight:500;padding:4px 10px;margin:2px 4px;border-radius:20px;box-shadow:0 2px 6px #0003}.team-badges[data-v-61cfd7e2]{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.badge[data-v-61cfd7e2]{padding:2px 8px;font-size:12px;border-radius:8px;font-weight:700;color:#fff}.badge.type[data-v-61cfd7e2]{background-color:var(--color-accent-purple)}.badge.visibility[data-v-61cfd7e2]{display:inline-block;padding:2px 8px;border-radius:12px;font-size:16px;font-weight:500;background-color:#4b5563;color:#f3f4f6;margin-left:8px}.badge-admin[data-v-61cfd7e2]{background-color:#e67e22;color:#fff;padding:3px 8px;border-radius:8px;font-size:14px;letter-spacing:1px;margin-left:8px}.input-with-toggle .toggle-btn[data-v-61cfd7e2]{position:relative;left:45%;transform:translateY(-100%);display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 .5rem;font-size:.85rem;line-height:1;width:auto;min-width:0;flex:0 0 auto;box-sizing:border-box;white-space:nowrap;border:1px solid #ccc;border-radius:4px;cursor:pointer}.input-with-toggle>input[data-v-61cfd7e2]{width:100%;box-sizing:border-box}h1[data-v-8679dc0a]{color:red}.profile-page[data-v-f7ef57db]{padding:20px}.teams-section[data-v-f7ef57db],.favorites-section[data-v-f7ef57db]{margin-top:30px}.panel-wrapper[data-v-f7ef57db]{margin:0 auto 20px;width:80%;position:relative;border-radius:12px;background-color:var(--color-bg-panel);padding:20px;box-shadow:0 4px 12px #0000001a}.sub-panels[data-v-f7ef57db]{display:flex;gap:20px;margin-left:5%;margin-right:5%;justify-content:center;flex-wrap:wrap}.summary-content[data-v-f7ef57db]{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.summary-section[data-v-f7ef57db]{flex:1 1 45%;min-width:280px}.search-input[data-v-f7ef57db]{width:10%;padding:6px;margin-bottom:10px;border-radius:4px;border:1px solid rgba(255,255,255,.25);background-color:var(--color-bg-main);color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-input option[data-v-f7ef57db]{background-color:var(--color-bg-main);color:#fff}.user-card[data-v-f7ef57db]{background-color:var(--color-bg-dark);padding:16px;border-radius:12px;box-shadow:0 2px 8px #0000004d;margin:0;display:flex;flex-direction:column;gap:12px}.user-row[data-v-f7ef57db]{display:flex;justify-content:space-between;border-bottom:1px solid var(--color-border);padding-bottom:6px}.user-label[data-v-f7ef57db]{font-weight:600;color:var(--color-accent-blue)}.user-value[data-v-f7ef57db]{color:#fff;text-align:right}.button-row[data-v-f7ef57db]{display:flex;justify-content:flex-end;margin-top:10px}.sub-panel[data-v-f7ef57db]{width:35%;min-width:280px;padding:16px;background-color:var(--color-bg-panel);border-radius:12px;box-shadow:0 4px 12px #0000001a;position:relative}.profile-header[data-v-f7ef57db]{text-align:center;margin-bottom:20px}.user-info p[data-v-f7ef57db]{margin:10px 0}.user-info input[data-v-f7ef57db]{margin-left:8px;padding:4px 8px;border-radius:4px;border:1px solid var(--color-border);background-color:var(--color-bg-main);color:#fff}.save-btn[data-v-f7ef57db]{margin-top:10px;padding:6px 12px;background-color:var(--color-bg-main);color:#fff;border:none;border-radius:4px;cursor:pointer}.panel-strip[data-v-f7ef57db]{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-accent-blue),var(--color-accent-purple));z-index:1;border-top-left-radius:12px;border-top-right-radius:12px}.action-btn[data-v-f7ef57db]{margin-top:8px;margin-right:6px;padding:4px 8px;background-color:var(--color-accent-purple);color:#fff;border:none;border-radius:4px;cursor:pointer}.search-row[data-v-f7ef57db]{display:flex;gap:12px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.profile-overview-row[data-v-f7ef57db]{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}.summary-list[data-v-f7ef57db]{display:flex;flex-direction:column;gap:6px;padding-left:0}.scrollable-list[data-v-f7ef57db]{max-height:160px;overflow-y:auto}.summary-item[data-v-f7ef57db]{display:flex;justify-content:space-between;background-color:var(--color-bg-main);padding:6px 12px;border-radius:8px;color:#fff;border:1px solid var(--color-border)}.summary-label[data-v-f7ef57db]{font-weight:500}.summary-count[data-v-f7ef57db]{opacity:.8}.team-grid[data-v-f7ef57db]{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:20px}.team-card[data-v-f7ef57db]{border:1.5px solid var(--color-border);border-radius:12px;padding:16px;background-color:var(--color-bg-panel-light, #202030);transition:transform .2s ease,box-shadow .2s ease;margin-bottom:16px;box-shadow:0 2px 8px #00000026}.team-card[data-v-f7ef57db]:hover{transform:scale(1.01);box-shadow:0 4px 12px #0003}.team-header[data-v-f7ef57db]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.team-actions[data-v-f7ef57db]{display:flex;gap:12px}.card-button[data-v-f7ef57db]{padding:10px 20px;border-radius:6px;background-color:transparent;color:#fff;border:1px solid var(--color-accent-purple);cursor:pointer;transition:all .2s ease-in-out;font-weight:600;font-size:15px}.card-button[data-v-f7ef57db]:hover{background-color:var(--color-accent-purple);color:#fff}.button-danger[data-v-f7ef57db]{background-color:#a83535;border:1px solid #d24d4d;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.button-danger[data-v-f7ef57db]:hover{background-color:#912c2c}.button-success[data-v-f7ef57db]{background-color:#2e8540;border:1px solid #3ca652;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.button-success[data-v-f7ef57db]:hover{background-color:#256c35}.visibility-toggle-btn[data-v-f7ef57db]{padding:6px 10px;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:background .3s,color .3s}.visibility-toggle-btn.public[data-v-f7ef57db]{background-color:#d1f7c4;color:#1e7c00}.visibility-toggle-btn.private[data-v-f7ef57db]{background-color:#fddede;color:#c20000}.team-body[data-v-f7ef57db]{display:flex;flex-direction:column;gap:8px}.team-body .label[data-v-f7ef57db]{font-weight:700;font-size:18px;color:#dcdcdc;letter-spacing:.5px}.chip-container[data-v-f7ef57db]{display:flex;flex-wrap:wrap;gap:6px;max-height:96px;overflow-y:auto;padding-right:4px}.role-chip[data-v-f7ef57db]{background-color:#2f3542;color:#f1f1f1;padding:4px 10px;border-radius:20px;font-size:13px;border:1px solid rgba(255,255,255,.2);white-space:nowrap;box-shadow:0 1px 3px #0009;transition:transform .2s ease,background-color .2s ease}.member-line[data-v-f7ef57db]{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:6px}.member-chip[data-v-f7ef57db]{background-color:var(--color-accent-purple);color:#fff;font-weight:500;padding:4px 10px;margin:2px 4px;border-radius:20px;box-shadow:0 2px 6px #0003}.team-badges[data-v-f7ef57db]{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.badge[data-v-f7ef57db]{padding:2px 8px;font-size:12px;border-radius:8px;font-weight:700;color:#fff}.badge.type[data-v-f7ef57db]{background-color:var(--color-accent-purple)}.badge.visibility[data-v-f7ef57db]{display:inline-block;padding:2px 8px;border-radius:12px;font-size:16px;font-weight:500;background-color:#4b5563;color:#f3f4f6;margin-left:8px}.badge-admin[data-v-f7ef57db]{background-color:#e67e22;color:#fff;padding:3px 8px;border-radius:8px;font-size:14px;letter-spacing:1px;margin-left:8px}.profile-overview-row>.user-card[data-v-f7ef57db]:first-child{flex:1 1 30%;min-width:280px}.profile-overview-row>.user-card[data-v-f7ef57db]:last-child{flex:2 1 65%;min-width:400px}.reset-password-page[data-v-8353363c]{display:flex;justify-content:center;margin-top:4rem}.panel-wrapper[data-v-8353363c]{width:100%;max-width:400px;padding:2rem;box-shadow:0 4px 20px #0003;border-radius:10px}.form-group input[data-v-8353363c]{width:100%;padding:.4rem;font-size:.9rem}button[data-v-8353363c]{padding:.5rem 1rem;font-size:.95rem}.form-group[data-v-8353363c]{margin-bottom:1.5rem}input[data-v-8353363c]{width:100%;padding:.5rem;font-size:1rem}.error[data-v-8353363c]{color:red;margin-top:1rem}.success[data-v-8353363c]{color:green;margin-top:1rem}.input-with-toggle .toggle-btn[data-v-8353363c]{position:relative;left:41%;transform:translateY(-110%);display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 .5rem;font-size:.85rem;line-height:1;width:auto;min-width:0;flex:0 0 auto;box-sizing:border-box;white-space:nowrap;border:1px solid #ccc;border-radius:4px;cursor:pointer}.input-with-toggle>input[data-v-8353363c]{width:100%;box-sizing:border-box}.class-card{width:150px;max-width:150px;position:relative;height:auto}.class-card .image-wrapper{width:100%;max-width:100%;overflow:hidden;display:flex;border-radius:5px 5px 60px 60px;clip-path:inset(0 0 20% 0 round 0 0 50px 50px)}.image-half{width:100%;height:auto;object-fit:cover;object-position:top;transition:transform .2s;cursor:pointer;display:block;z-index:1;position:relative}.class-card:hover .image-half{transform:scale(1.05)}.class-card.taken{opacity:.5;filter:grayscale(60%);pointer-events:auto}.class-name{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);background-color:#0009;color:var(--color-white);padding:5px 10px;border-radius:5px;font-size:13px;font-weight:700;text-align:center;pointer-events:none}@media (max-width: 1100px){.class-card{width:90px;max-width:90px}.class-card .image-wrapper{border-radius:4px 4px 30px 30px;clip-path:inset(0 0 25% 0 round 0 0 25px 25px)}.image-half{width:100%;height:70px;object-fit:cover;object-position:top;transform:none}.class-card:hover .image-half{transform:none}.class-name{top:55%;font-size:11px;padding:3px 6px;border-radius:3px;background-color:#0000008c}.context-menu{font-size:.8em;min-width:110px;padding:3px 0}.context-menu-item{padding:4px 8px}}#class-selection-menu[data-v-441c9eb9]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-bg-panel);padding:18px;border-radius:10px;box-shadow:0 10px 25px var(--shadow-darker),0 6px 12px var(--shadow-dark);z-index:1000;border:1px solid var(--color-border-light);min-width:700px;max-width:75vw;max-height:80vh;overflow:hidden;animation:fadeIn-441c9eb9 .25s ease}@keyframes fadeIn-441c9eb9{0%{opacity:0;transform:translate(-50%,-45%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}#class-menu-content[data-v-441c9eb9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));justify-content:center;gap:8px;overflow-y:auto;overflow-x:hidden;max-height:calc(80vh - 60px);padding-top:10px}#close-top-btn[data-v-441c9eb9]{position:absolute;top:8px;right:8px;border-radius:50%;width:26px;height:26px;font-size:1.1rem;line-height:1;cursor:pointer;color:#fff;border:1px solid #a04444;background-color:#8b1e1e;transition:background-color .2s,transform .1s;z-index:10}#close-top-btn[data-v-441c9eb9]:hover{background-color:#a82d2d;transform:scale(1.1)}#close-menu-btn[data-v-441c9eb9]{margin-top:1rem;padding:8px 14px;background:#444;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:background .2s;display:block;margin-left:auto;margin-right:auto}#close-menu-btn[data-v-441c9eb9]:hover{background:#666}#class-selection-overlay[data-v-441c9eb9]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:500}@media (max-width: 1100px){#class-selection-menu[data-v-441c9eb9]{padding:10px;border-radius:8px;min-width:300px;width:auto;height:auto;max-width:90vw;max-height:85vh;overflow:auto}#class-menu-content[data-v-441c9eb9]{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px}#close-top-btn[data-v-441c9eb9]{top:6px;right:6px;width:24px;height:24px;font-size:1rem}#close-menu-btn[data-v-441c9eb9]{width:60%;font-size:13px;padding:8px 12px}}.role-selection[data-v-435d3c1e]{display:flex;align-items:center;gap:10px;margin-bottom:10px;background-color:var(--color-bg-role-selection);padding:10px;border-radius:5px;box-shadow:0 2px 4px var(--shadow-light);border:1px solid var(--color-border-medium);transition:transform .2s,box-shadow .3s;overflow:hidden}.role-selection[data-v-435d3c1e]:hover{transform:translateY(-2px);box-shadow:0 3px 6px var(--shadow-medium)}.thumbnail-wrapper[data-v-435d3c1e]{width:60px;height:40px;overflow:hidden;border-radius:6px 6px 20px 20px}.role-thumbnail[data-v-435d3c1e]{width:100%;height:auto;object-fit:cover;object-position:top}.voie-select[data-v-435d3c1e]{flex:1;padding:8px;background-color:var(--color-bg-voie-select);color:var(--color-text-main);border:1px solid var(--color-border-dark);border-radius:3px;cursor:pointer}.voie-select[data-v-435d3c1e]:hover{background-color:var(--color-bg-voie-select-hover)}.voie-select option[data-v-435d3c1e]{background-color:var(--color-bg-voie-select-option)}.teamslot[data-v-2b65c2db]{width:126px;height:126px;background-color:var(--color-bg-button);border:2px solid var(--color-border-medium);border-radius:8px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px var(--shadow-medium);transition:transform .2s,border-color .2s,box-shadow .3s;cursor:pointer}.teamslot[data-v-2b65c2db]:hover{transform:scale(1.05);border-color:#888;box-shadow:0 4px 8px var(--shadow-dark)}.teamslot img[data-v-2b65c2db]{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.teamslot img.class-image[data-v-2b65c2db]{width:100%;height:200%;object-fit:cover;transform:translateY(15%);object-position:top}.slot-hovered[data-v-2b65c2db]{transform:scale(1.05);border:3px solid #3fc56b;box-shadow:0 0 15px #3fc56b99;transition:all .2s ease-in-out;z-index:20}.delete-button-teamslot[data-v-2b65c2db]{position:absolute;top:5px;right:5px;background-color:#f00c;color:#fff;font-size:14px;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;cursor:pointer;font-weight:700;transition:background-color .2s}.delete-button-teamslot[data-v-2b65c2db]:hover{background-color:#8b0000}.page-teambuild-wrapper[data-v-00376c10]{width:100%;padding-top:15px;display:flex;justify-content:center}.create-team-bar[data-v-00376c10]{display:flex;align-items:center;gap:1rem;padding:1rem 2rem}.team-name-input[data-v-00376c10]{flex:1;padding:.5rem 1rem;border-radius:8px;border:1px solid #ccc;max-width:20%}.create-team-button[data-v-00376c10]{padding:.5rem 1rem;background-color:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer}.create-team-button[data-v-00376c10]:disabled{background-color:#888;cursor:not-allowed}.page-teambuild-grid[data-v-00376c10]{display:grid;grid-template-columns:20% 60% 20%;grid-template-rows:auto auto;gap:1rem;width:90%;margin-bottom:4rem}.panel-left[data-v-00376c10],.panel-right[data-v-00376c10],.panel-center[data-v-00376c10],.panel-role-coverage[data-v-00376c10]{padding:1rem;background-color:var(--color-bg-panel);border-radius:10px;position:relative;z-index:1}.panel-left[data-v-00376c10]{grid-row:1 / span 2;grid-column:1;display:flex;flex-direction:column;align-items:stretch;height:100%;max-height:none;flex-shrink:0}.panel-center[data-v-00376c10]{min-height:400px;max-height:700px;overflow-y:auto}.panel-role-coverage[data-v-00376c10]{grid-column:2 / span 1;grid-row:2}.panel-right[data-v-00376c10]{grid-row:1 / span 2;grid-column:3;display:flex;flex-direction:column;align-items:stretch;height:100%;max-height:none;flex-shrink:0}.panel-strip[data-v-00376c10]{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-accent-blue),var(--color-accent-purple));z-index:10;border-top-left-radius:12px;border-top-right-radius:12px}.tab-bar[data-v-00376c10]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.tab-select select[data-v-00376c10]{padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#dfe6f3}.tab-bar button[data-v-00376c10]{padding:.5rem 1rem;background-color:#2c2c2c;border:none;border-radius:6px;cursor:pointer;color:#fff;transition:background-color .3s ease}.tab-bar button.active[data-v-00376c10],.tab-bar button[data-v-00376c10]:hover{background-color:#3f3f3f}.tab-actions[data-v-00376c10]{display:flex;align-items:center;gap:1rem}.help-badge[data-v-00376c10]{background-color:#555;border-radius:50%;width:20px;height:20px;text-align:center;line-height:20px;cursor:help;color:#fff;font-weight:700}.fill-button[data-v-00376c10]{background-color:#4a90e2;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;transition:background-color .3s ease}.fill-button[data-v-00376c10]:hover{background-color:#357ab8}.team-select[data-v-00376c10]{background-color:#2b2b2b;color:#f0f0f0;border:1px solid #555;border-radius:6px;padding:6px 10px;font-size:1rem;margin-top:.5rem;margin-bottom:1rem;width:30%;max-width:300px;transition:border-color .3s ease}.team-select[data-v-00376c10]:hover{border-color:#777}.team-select[data-v-00376c10]:focus{outline:none;border-color:#aaa;box-shadow:0 0 4px #8884}.team-select option[data-v-00376c10]{background-color:#2b2b2b;color:#f0f0f0}.slot-container[data-v-00376c10]{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.comparison-divider[data-v-00376c10]{border-top:2px dashed var(--color-text);margin:2rem 0}.comparison-slots[data-v-00376c10]{margin-top:1rem;margin-bottom:1rem}.comparison-summary[data-v-00376c10]{margin-top:1.5rem;padding:1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-panel-bg)}.comparison-title[data-v-00376c10]{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.team-actions[data-v-00376c10]{display:flex;align-items:center;gap:.75rem}.completion-hint[data-v-00376c10]{opacity:.8}.info-icon[data-v-00376c10]{background-color:#555;border-radius:50%;width:20px;height:20px;text-align:center;line-height:20px;cursor:help;color:#fff;font-weight:700}.role-diff-list[data-v-00376c10]{list-style:none;padding-left:0;display:flex;flex-wrap:wrap;gap:1rem}.role-green[data-v-00376c10]{color:var(--color-success);font-weight:600}.role-red[data-v-00376c10]{color:var(--color-error);font-weight:600}.panel-role-coverage .category-title[data-v-00376c10]{margin-top:1rem;font-weight:700}.panel-role-coverage .roles-wrapper[data-v-00376c10]{display:flex;flex-wrap:wrap;gap:8px}.role-badge[data-v-00376c10]{background-color:#fff3;border:2px solid;border-radius:10px;align-content:center;padding:5px 10px;font-weight:500;-webkit-user-select:none;user-select:none;cursor:default;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.filled-role[data-v-00376c10]{border-color:#4caf50;color:#4caf50}.unfilled-role[data-v-00376c10]{border-color:#e57373;color:#e57373}.role-badge.subonly-role[data-v-00376c10]{border-color:#f59e0b;color:#f59e0b}#roles-summary div[data-v-00376c10]{margin:10px 0;padding:8px 12px;border-radius:6px;font-weight:600;display:flex;align-items:center;position:relative;transition:all .3s ease;color:#fff;background-color:transparent;box-shadow:none}.warn-message[data-v-00376c10]{width:100%;box-sizing:border-box}.warn-red[data-v-00376c10]{background-color:var(--color-error-bg)!important;border-left:4px solid var(--color-error);color:var(--color-error)!important}.warn-yellow[data-v-00376c10]{background-color:var(--color-warning-bg)!important;border-left:4px solid var(--color-warning);color:var(--color-warning)!important}.warn-green[data-v-00376c10]{background-color:var(--color-success-bg)!important;border-left:4px solid var(--color-success);color:var(--color-success)!important}.collapse-toggle[data-v-00376c10]{display:none}@media (max-width: 1100px){.page-teambuild-grid[data-v-00376c10]{display:flex;flex-direction:column;width:95%}.panel-left[data-v-00376c10],.panel-right[data-v-00376c10]{order:1}.panel-center[data-v-00376c10]{order:2}.panel-role-coverage[data-v-00376c10]{order:3}.panel-left[data-v-00376c10],.panel-right[data-v-00376c10],.panel-role-coverage[data-v-00376c10],.panel-center[data-v-00376c10]{grid-column:auto;grid-row:auto;width:90%;max-height:none;padding:1rem}.slot-container[data-v-00376c10]{gap:.5rem}.create-team-bar[data-v-00376c10]{flex-direction:column;gap:.5rem;padding:.5rem 1rem}.team-name-input[data-v-00376c10]{max-width:100%;width:100%}.tab-bar[data-v-00376c10]{flex-wrap:wrap;gap:.5rem}.tab-actions[data-v-00376c10]{flex-wrap:wrap}.collapse-toggle[data-v-00376c10]{background:none;border:none;width:100%;text-align:left;font-weight:600;font-size:1.1rem;color:#dfe6f3;cursor:pointer;padding:.75rem 0;display:flex;justify-content:space-between;align-items:center;z-index:2;position:relative}.collapse-toggle span[data-v-00376c10]{font-size:1rem;opacity:.7}.fade-slide-enter-active[data-v-00376c10],.fade-slide-leave-active[data-v-00376c10]{transition:all .3s ease}.fade-slide-enter-from[data-v-00376c10],.fade-slide-leave-to[data-v-00376c10]{opacity:0;transform:translateY(-6px)}.panel-left.collapsed[data-v-00376c10],.panel-right.collapsed[data-v-00376c10]{max-height:52px;overflow:hidden;transition:max-height .3s ease}.panel-left[data-v-00376c10]:not(.collapsed),.panel-right[data-v-00376c10]:not(.collapsed){max-height:1000px;transition:max-height .4s ease}.panel-left.collapsed .panel-content[data-v-00376c10],.panel-right.collapsed .panel-content[data-v-00376c10]{opacity:0;pointer-events:none;transition:opacity .25s ease}.panel-left:not(.collapsed) .panel-content[data-v-00376c10],.panel-right:not(.collapsed) .panel-content[data-v-00376c10]{opacity:1;transition:opacity .25s ease}.hover-preview-global[data-v-00376c10]{position:absolute;transform:translateY(-50%);background:none;z-index:999;display:flex;align-items:flex-start;pointer-events:none;height:auto;min-height:unset;gap:4px;isolation:isolate;overflow:visible;transform-origin:left center;will-change:transform}.hover-char[data-v-00376c10]{display:flex;flex-direction:column;align-items:flex-start;width:44px;height:38px;gap:1px;position:relative}.hover-char-img[data-v-00376c10]{width:44px;height:44px;border-radius:5px;object-fit:cover;object-position:center top;transform:scale(1.1);clip-path:inset(0 0 35% 0);border:none}.hover-char-name[data-v-00376c10]{font-size:.55rem;text-align:left;color:var(--text-color, #ccc);white-space:nowrap;max-width:44px;overflow:hidden;text-overflow:ellipsis;line-height:1;position:relative;top:-26px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-black: #000;--color-white: #fff;--color-bg-main: #222;--color-bg-panel: #333333;--color-bg-panel-alt: #2a2a2a;--color-bg-panel-gradient-1: #383838;--color-bg-panel-gradient-2: #2d2d2d;--color-bg-input: rgba(255, 255, 255, .08);--color-bg-input-focus: rgba(255, 255, 255, .12);--color-bg-button: #444;--color-bg-button-hover: #555;--color-bg-button-export: linear-gradient(135deg, #4b6cb7, #182848);--color-bg-button-export-hover: linear-gradient(135deg, #5d7ec9, #1f3358);--color-bg-button-import: linear-gradient(135deg, #485563, #29323c);--color-bg-button-import-hover: linear-gradient(135deg, #5d6d79, #343e49);--color-bg-sub-gauge: #333;--color-bg-role-selection: #444;--color-bg-voie-select: #555;--color-bg-voie-select-hover: #666;--color-bg-voie-select-option: #444;--color-bg-language-switcher: rgba(51, 51, 51, .7);--color-bg-gauge-bar: #555;--color-border-light: #444;--color-border-medium: #555;--color-border-dark: #666;--color-border-input: #555;--color-border-input-focus: #5e72e4;--color-border-role-present: #4CAF50;--color-border-role-missing: #ff6666;--color-text-main: #fff;--color-text-secondary: #aaa;--color-text-placeholder: rgba(255, 255, 255, .4);--color-accent-blue: #5e72e4;--color-accent-purple: #825ee4;--color-accent-glow-blue: rgba(94, 114, 228, .3);--color-success: #34C759;--color-success-bg: rgba(52, 199, 89, .15);--color-success-hover: rgba(52, 199, 89, .2);--color-warning: #FFCC00;--color-warning-bg: rgba(255, 204, 0, .15);--color-warning-hover: rgba(255, 204, 0, .2);--color-error: #FF3B30;--color-error-bg: rgba(255, 59, 48, .15);--color-error-hover: rgba(255, 59, 48, .2);--color-role-present: green;--color-role-missing: red;--color-role-present-glow: rgba(76, 175, 80, .4);--color-role-present-glow-hover: rgba(76, 175, 80, .6);--color-role-missing-glow: rgba(255, 0, 0, .3);--color-role-missing-glow-hover: rgba(255, 0, 0, .5);--color-gauge-red: #a25;--color-gauge-green: #2a5;--color-legend-green: green;--color-legend-red: red;--color-legend-yellow: yellow;--shadow-standard: rgba(0, 0, 0, .3);--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .2);--shadow-dark: rgba(0, 0, 0, .4);--shadow-darker: rgba(0, 0, 0, .5)}.app-container{font-family:Arial,sans-serif;text-align:center;background-color:var(--color-bg-main);background-attachment:fixed;background-size:cover;background-position:center 20%;color:var(--color-text-main);min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start}