body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-slate-950:#020617;--color-slate-900:#0f172a;--color-slate-800:#1e293b;--color-slate-700:#334155;--color-white:#fff;--color-text-100:#f1f5f9;--color-text-200:#e2e8f0;--color-text-300:#cbd5e1;--color-text-400:#94a3b8;--color-text-500:#64748b;--color-brand-300:#c4b5fd;--color-brand-400:#a78bfa;--color-brand-500:#8b5cf6;--color-brand-600:#7c3aed;--color-brand-700:#6d28d9;--color-brand-glow:#8b5cf666;--color-danger:#ef4444;--color-danger-dark:#dc2626;--color-success:#10b981;--color-success-dark:#059669;--color-warning:#f59e0b;--color-info:#38bdf8;--color-info-darker:#0ea5e9;--color-gold:#fbbf24;--color-gold-light:#fde047;--color-gold-dark:#d97706;--color-gold-glow:#fbbf2480;--color-guide-text:var(--color-info);--color-guide-text-glow:#38bdf866;--color-danger-glow:rgba(var(--rgb-danger),0.3);--color-gold-glow:rgba(var(--rgb-gold),0.3);--shadow-base:#00000080;--shadow-heavy:#000000b3;--shadow-light:#0003;--rgb-primary:139,92,246;--rgb-accent:167,139,250;--rgb-surface:15,23,42;--rgb-card:30,41,59;--rgb-danger:239,68,68;--rgb-success:16,185,129;--rgb-info:56,189,248;--rgb-gold:251,191,36;--bg-app:var(--color-slate-950);--bg-surface:var(--color-slate-900);--bg-card:var(--color-slate-800);--bg-card-hover:#2d3748;--bg-overlay:#000000bf;--bg-glass:#0f172ad9;--bg-input:#0f172a99;--font-main:"Inter",sans-serif;--font-header:"Montserrat",sans-serif;--font-mono:"Roboto Mono",monospace;--text-main:var(--color-text-100);--text-secondary:var(--color-text-300);--text-muted:var(--color-text-400);--text-accent:var(--color-brand-400);--border-subtle:#ffffff0d;--border-light:#ffffff1a;--border-strong:#fff3;--border-accent:var(--color-brand-500);--primary-base:var(--color-brand-500);--primary-hover:var(--color-brand-400);--primary-gradient:linear-gradient(135deg,var(--color-brand-500) 0%,var(--color-brand-700) 100%);--grad-rainbow-gems:linear-gradient(90deg,#f472b6,#c084fc 25%,#38bdf8 50%,#4ade80 75%,#facc15);--grad-aurora:linear-gradient(90deg,#fbcfe8,#c4b5fd 35%,#3b82f6 70%,#2dd4bf);--grad-medals:linear-gradient(90deg,#ef4444,#f97316 20%,#eab308 40%,#22c55e 60%,#3b82f6 80%,#a855f7);--grad-red-light:linear-gradient(90deg,#fecaca,#fca5a5 25%,#f87171 50%,#ef4444 75%,#dc2626);--grad-red-dark:linear-gradient(90deg,#fca5a5,#ef4444 33%,#dc2626 66%,#991b1b);--grad-red-extreme:linear-gradient(90deg,#ef4444,#dc2626 33%,#991b1b 66%,#7f1d1d);--grad-gold:linear-gradient(90deg,#fef08a,#fde047 25%,#eab308 50%,#ca8a04 75%,#a16207);--grad-yellow-orange:linear-gradient(90deg,#fef08a,#fde047 25%,#f97316 50%,#ea580c 75%,#c2410c);--grad-white-orange:linear-gradient(90deg,#fff,#ffedd5 33%,#fb923c 66%,#ea580c);--grad-white-red:linear-gradient(90deg,#fff,#fee2e2 33%,#f87171 66%,#dc2626);--grad-type-str:linear-gradient(90deg,#fca5a5,#f87171 25%,#ef4444 50%,#dc2626 75%,#991b1b);--grad-type-dex:linear-gradient(90deg,#bbf7d0,#86efac 25%,#22c55e 50%,#16a34a 75%,#14532d);--grad-type-qck:linear-gradient(90deg,#bfdbfe,#93c5fd 25%,#3b82f6 50%,#2563eb 75%,#1e3a8a);--grad-type-psy:linear-gradient(90deg,#fef08a,#fde047 25%,#eab308 50%,#ca8a04 75%,#713f12);--grad-type-int:linear-gradient(90deg,#e9d5ff,#d8b4fe 25%,#a855f7 50%,#7e22ce 75%,#4c1d95);--grad-type-rainbow:linear-gradient(90deg,#ef4444,#f97316 20%,#eab308 40%,#22c55e 60%,#3b82f6 80%,#a855f7);--z-negative:-1;--z-base:1;--z-card-hover:10;--z-toolbar:40;--z-header:50;--z-sidebar:60;--z-dropdown:200;--z-modal-backdrop:1000;--z-modal-content:1001;--z-tooltip:2000;--z-toast:3000;--z-max:99999}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}body{-webkit-font-smoothing:antialiased;color:var(--text-main);font-family:Inter,sans-serif;margin:0;overflow:hidden}.app-container,body{background-color:var(--bg-app)}.app-container{display:flex;flex-direction:column;height:100dvh}.content-wrapper{min-height:0}.content-wrapper,.main-content{display:flex;flex:1 1;overflow:hidden}.main-content{background:radial-gradient(circle at top center,var(--bg-card) 0,var(--bg-app) 60%);box-sizing:border-box;flex-direction:column;position:relative}.main-content.view-mode-characters{padding:0}.main-content.modal-open{overflow:hidden}.header-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(var(--rgb-surface),.8);border-bottom:1px solid var(--border-subtle);padding:20px 40px;z-index:50}.header-bar,.header-bar h1{align-items:center;display:flex}.header-bar h1{color:var(--text-main);font-size:32px;font-weight:900;letter-spacing:-.5px;margin:0}.header-bar .logo-accent{background:rgba(var(--rgb-primary),.2);border-radius:6px;color:var(--text-accent);font-size:28px;margin-right:4px;padding:2px 8px}.header-bar .highlight-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--primary-base) 0,var(--color-info) 100%);-webkit-background-clip:text;margin-left:2px}.footer{background-color:initial;border-top:none;flex-shrink:0;justify-content:center;padding:10px 0 15px;z-index:10}.footer,.pagination-controls{align-items:center;display:flex}.pagination-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(.6);background:rgba(var(--rgb-card,.6));border:1px solid #ffffff14;border-radius:30px;box-shadow:0 10px 25px #0000004d;gap:16px;padding:8px 12px}.pagination-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.pagination-btn:hover{background-color:rgba(var(--rgb-primary),.2);color:var(--text-main);transform:scale(1.1)}.pagination-btn:disabled{cursor:not-allowed;opacity:.3}.pagination-btn:active{transform:scale(.95)}.page-indicator{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;display:flex;gap:8px;height:40px;padding:0 16px}.page-label{color:var(--text-500);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.page-number{color:var(--text-accent);font-size:16px;font-weight:700}.page-indicator.inactive{background-color:#4a4a4a;color:#888}.missing{filter:grayscale(100%) brightness(70%);opacity:.85;transition:all .2s ease-in-out}.missing:hover{cursor:context-menu;filter:grayscale(80%) brightness(100%);opacity:1}.character-card.missing img{opacity:.8}.hamburger-btn{background:#0000;border:none;border-radius:8px;color:var(--text-main);cursor:pointer;display:none;margin-right:16px;padding:8px;transition:background .2s}.hamburger-btn:hover{background:var(--border-light)}@media (max-width:1024px){.hamburger-btn{display:flex}.header-bar{padding:16px 20px}.content-wrapper{overflow:visible}}.landscape-warning{display:none}@media only screen and (orientation:landscape) and (hover:none) and (pointer:coarse) and (max-height:600px){.app-container{display:none!important}.landscape-warning{background:radial-gradient(circle at center,var(--bg-card) 0,var(--bg-app) 90%);display:flex!important;height:100dvh;left:0;overflow:hidden;padding:0;position:fixed;top:0;width:100vw;z-index:99999}.landscape-warning,.warning-content{align-items:center;justify-content:center}.warning-content{animation:popIn .5s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--rgb-surface),.75);border:1px solid #ef44444d;border-radius:20px;box-shadow:0 0 40px #ef444433;display:flex;flex-direction:row;gap:20px;max-height:90dvh;max-width:90%;padding:15px 30px}.text-container{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;text-align:left}.usopp-img{animation:pulsePanic 2s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(239,68,68,.6));flex-shrink:0;height:60vh;margin-bottom:0;width:auto}.landscape-warning h1{-webkit-text-fill-color:#0000;background:linear-gradient(to right,var(--color-danger),#f97316);-webkit-background-clip:text;background-clip:text;color:var(--color-danger);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-family:Inter,sans-serif;font-size:clamp(18px,5vh,26px);font-weight:900;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.landscape-warning p{color:var(--text-muted);font-size:clamp(13px,3.5vh,15px);font-weight:500;line-height:1.5;margin:0 0 12px;text-align:left}.landscape-warning small{background:#ffffff14;border-left:2px solid var(--text-danger);border-radius:6px;color:var(--text-muted);display:inline-block;font-size:clamp(10px,3vh,12px);font-style:italic;padding:6px 12px}}.toast-notification{align-items:center;background-color:var(--bg-card)!important;border:1px solid var(--border-light)!important;border-radius:8px!important;box-shadow:0 4px 12px #00000080!important;color:var(--text-main)!important;display:flex;font-size:14px!important;gap:8px;padding:12px 16px!important}.toast-notification.success{border-left:4px solid var(--color-success)!important}.toast-notification.error{border-left:4px solid var(--color-danger)!important}.toast-custom-popup{background-color:var(--bg-card)!important;border:1px solid var(--border-light)!important;border-radius:8px!important;box-shadow:0 10px 30px #00000080!important;color:var(--text-main)!important;overflow:hidden;padding:0!important}.toast-confirm-container{align-items:center;display:flex;gap:16px;padding:12px 16px}.toast-message{display:flex;gap:8px}.toast-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s}.toast-btn.confirm{background-color:var(--color-danger);color:#fff}.toast-btn.confirm:hover{background-color:var(--color-danger-dark)}.toast-btn.cancel{background-color:var(--border-subtle);border:1px solid var(--border-light);color:var(--text-muted)}.toast-btn.cancel:hover{background-color:var(--border-light);color:var(--text-main)}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulsePanic{0%,to{filter:drop-shadow(0 0 15px rgba(239,68,68,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 25px rgba(239,68,68,68,.9));transform:scale(1.05)}}.sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-subtle);box-sizing:border-box;flex-shrink:0;font-family:Inter,sans-serif;height:100%;justify-content:space-between;padding:24px 16px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:var(--z-sidebar)}.sidebar,.sidebar-nav{display:flex;flex-direction:column}.sidebar-nav{flex:1 1;gap:12px;min-height:0;overflow-y:auto;padding-right:4px;scrollbar-color:var(--color-slate-700) #0000;scrollbar-width:thin}.sidebar-button{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:800;gap:16px;letter-spacing:1.5px;min-height:60px;overflow:hidden;padding:0 20px;position:relative;text-align:left;text-transform:uppercase;transition:all .3s cubic-bezier(.25,.8,.25,1);width:100%;z-index:1}.sidebar-button:before{background-image:var(--bg-image);background-position:50%;background-size:cover;bottom:0;content:"";filter:grayscale(100%);left:0;opacity:.15;position:absolute;right:0;top:0;transition:all .4s ease;z-index:-1}.characters-button{--bg-image:url(https://optc-crews-assets.github.io/optc-crews-assets/buttons_bg/characters-bg.png)}.banners-button{--bg-image:url(https://optc-crews-assets.github.io/optc-crews-assets/buttons_bg/banners-bg.png)}.grand-voyage-button{--bg-image:url(https://optc-crews-assets.github.io/optc-crews-assets/buttons_bg/grand-voyage-bg.png)}.garps-challenge-button{--bg-image:url(https://optc-crews-assets.github.io/optc-crews-assets/buttons_bg/garps-challenge-bg.png)}.forest-of-training-button{--bg-image:url(https://optc-crews-assets.github.io/optc-crews-assets/buttons_bg/forest-of-training-bg.png)}.clash-button{--bg-image:url(https://optc-crews-assets.github.io/optc-crews-assets/buttons_bg/clash-bg.png)}.coliseum-button{--bg-image:url(https://optc-crews-assets.github.io/optc-crews-assets/buttons_bg/coliseum-bg.png)}.pka-button{--bg-image:url(https://optc-crews-assets.github.io/optc-crews-assets/buttons_bg/pka-bg.png)}.treasure-map-button{--bg-image:url(https://optc-crews-assets.github.io/optc-crews-assets/buttons_bg/treasure-map-bg.png)}.kizuna-clash-button{--bg-image:url(https://optc-crews-assets.github.io/optc-crews-assets/buttons_bg/kizuna-clash-bg.png)}.sidebar-accent{background-color:var(--text-500);border-radius:50%;box-shadow:0 0 5px #00000080;height:4px;transition:all .3s cubic-bezier(.4,0,.2,1);width:4px}.sidebar-button:not(.active):hover{background-color:#fff3;color:var(--text-main);transform:translateX(4px)}.sidebar-button:not(.active):hover:before{filter:grayscale(80%);opacity:.4}.sidebar-button:not(.active):hover .sidebar-accent{background-color:var(--text-main);box-shadow:0 0 8px #ffffff80}.sidebar-button.active{border-color:var(--primary-base);box-shadow:0 0 20px rgba(var(--rgb-primary),.3);color:var(--color-white);cursor:default;pointer-events:none;text-shadow:0 2px 4px 4gba(0,0,0,.8)}.sidebar-button.active:before{filter:grayscale(0);opacity:.85;transform:scale(1.05)}.sidebar-button.active:after{background:linear-gradient(90deg,#6d28d9e6 0,rgba(var(--rgb-primary),.4),#0000 100%);border-radius:6px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.sidebar-button.active .sidebar-accent{background-color:var(--text-main);border-radius:2px;box-shadow:0 0 10px var(--primary-base),0 0 20px var(--primary-base);height:24px;width:4px}.sidebar-footer{display:flex;flex-direction:column;flex-shrink:0;gap:15px;margin-top:20px;padding-bottom:env(safe-area-inset-bottom)}.footer-separator{background:linear-gradient(90deg,#0000,var(--border-light),#0000);height:1px;width:100%}.footer-links{display:flex;gap:10px;justify-content:space-between}.footer-btn{align-items:center;background:rgba(.4);background:rgba(var(--rgb-card,.4));border:1px solid #ffffff14;border-radius:12px;color:var(--text-muted);cursor:pointer;display:flex;height:44px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,.2,1);width:100%}.footer-btn svg{pointer-events:none;transition:transform .3s ease}.footer-btn:hover{box-shadow:0 4px 12px #0000004d;color:var(--text-main);transform:translateY(-2px)}.footer-btn.youtube:hover{background:linear-gradient(135deg,#dc262633,rgba(var(--rgb-card),.4));border-color:#dc262680;box-shadow:0 0 15px #dc262633;color:var(--color-danger)}.footer-btn.discord:hover{background:linear-gradient(135deg,#5865f233,rgba(var(--rgb-card),.4));border-color:#5865f280;box-shadow:0 0 15px #5865f233;color:#818cf8}.footer-btn.database:hover{background:linear-gradient(135deg,#10b98133,rgba(var(--rgb-card),.4));border-color:#10b98180;box-shadow:0 0 15px #10b98133;color:#34d399}.tooltip{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:6px;bottom:120%;box-shadow:0 4px 6px -1px #00000080;color:var(--text-main);font-size:11px;font-weight:600;left:50%;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%) scale(.8);transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:var(--z-tooltip)}.footer-btn:hover .tooltip{bottom:130%;opacity:1;transform:translateX(-50%) scale(1);visibility:visible}.sidebar-mobile-header{align-items:center;border-bottom:1px solid var(--border-light);display:none;flex-shrink:0;justify-content:space-between;margin-bottom:10px;padding-bottom:20px}.sidebar-logo{color:var(--text-main);font-size:20px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.sidebar-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.sidebr-close-btn:hover{background:var(--border-light);color:var(--text-main)}@media (max-width:1024px){.hamburger-btn,.sidebar-mobile-header{display:flex}.sidebar{box-shadow:4px 0 24px #00000080;height:100dvh;left:0;position:fixed;top:0;transform:translateX(-100%);width:280px;z-index:2005!important}.sidebar.open{transform:translateX(0)}.sidebar-backdrop{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0009;display:block;height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease,visibility .3s;visibility:hidden;width:100vw;z-index:var(--z-sidebar)}.sidebar-backdrop.open{opacity:1;pointer-events:auto;visibility:visible}}.footer-btn.transfer:hover{background:linear-gradient(135deg,#06b6d433,rgba(var(--rgb-card),.4));border-color:#06b6d480;box-shadow:0 0 15px #06b6d433;color:#22d3ee}.dt-content{display:flex;flex-direction:column;gap:20px;padding:24px}.keys-container{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:16px}.key-row{align-items:center;display:flex;gap:12px;margin-bottom:12px}.key-row:last-child{margin-bottom:0}.key-label{color:var(--text-muted);flex-shrink:0;font-size:.85rem;font-weight:600;width:80px}.key-value{background:var(--border-subtle);border-radius:6px;color:var(--text-accent);flex:1 1;font-family:monospace;font-size:.9rem;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.key-value.secret{color:#f472b6}.copy-btn{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;display:block;height:32px;justify-content:center;transition:all .2s;width:32px}.copy-btn:hover:not(:disabled){background:var(--border-light);color:var(--text-main)}.copy-btn:disabled{cursor:not-allowed;opacity:.3}.dt-divider{background:var(--border-light);border:0;height:1px;margin:0}.action-card{margin-bottom:20px}.action-card:last-child{margin-bottom:0}.action-card h4{color:var(--text-main);font-size:1rem;margin:0 0 6px}.action-card p{color:var(--text-500);font-size:.9rem;line-height:1.4;margin:0 0 12px}.primary-btn{background:linear-gradient(135deg,var(--primary-base) 0,var(--color-brand-700) 100%);border:none;border-radius:8px;color:var(--text-main);cursor:pointer;font-weight:600;padding:12px;transition:transform .2s;width:100%}.primary-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.input-group{gap:12px}.input-group input{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px;color:var(--text-main);font-size:.9rem;padding:10px;width:100%}.secondary-btn{align-items:center;background:var(--border-light);border:none;border-radius:8px;color:var(--text-main);cursor:pointer;display:flex;font-weight:600;justify-content:center;padding:12px;white-space:nowrap;width:100%}.secondary-btn:hover:not(:disabled){background:#fff3}.secondary-btn:disabled{cursor:not-allowed;opacity:.5}.warning{color:var(--color-danger);font-weight:600}.button-row{gap:12px}.tool-btn{border:1px solid #0000;border-radius:8px;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:10px}.select-all{background:#10b9811a;border-color:#10b98133;color:#34d399}.select-all:hover{background:#10b98133}.unselect-all{background:#f43f5e1a;border-color:#f43f5e33;color:#f471b5}.unselect-all:hover{background:#f43f5e33}.change-box-btn{align-items:center;background:linear-gradient(135deg,#38bdf81a,#2563eb1a);border:1px solid #60a5fa4d;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;color:var(--color-info);cursor:pointer;display:flex;font-weight:600;justify-content:center;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:100%}.change-box-btn:hover:not(:disabled){background:linear-gradient(135deg,#38bdf833,#2563eb33);border-color:#60a5facc;box-shadow:0 0 15px #38bdf84d;color:#bfdbfe;transform:translateY(-1px)}.change-box-btn:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.5}.base-modal-overlay{align-items:center;animation:baseFadeIn .2s ease-out forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--bg-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:var(--z-modal-backdrop)}.base-modal-content{animation:baseSlideUp .3s cubic-bezier(.16,1,.3,1) forwards;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 25px 50px -12px #0009;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;position:relative;z-index:var(--z-modal-content)}.base-modal-content.size-small{max-width:450px;width:100%}.base-modal-content.size-medium{max-width:600px;width:100%}.base-modal-content.size-large{max-width:900px;width:100%}.base-modal-content.size-full{height:90vh;max-width:1200px;width:95%}.base-modal-header{align-items:center;background:rgba(var(--rgb-surface));border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.base-modal-title{font-family:var(--font-header);font-size:1.25rem;font-weight:700;gap:10px;margin:0}.base-close-btn,.base-modal-title{align-items:center;color:var(--text-main);display:flex}.base-close-btn{background:#0000;border:1px solid #0000;border-radius:8px;cursor:pointer;height:32px;justify-content:center;transition:all .2s;width:32px}.base-close-btn:hover{background-color:var(--border-light);border-color:var(--border-light);color:var(--color-white)}.base-modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:24px;scrollbar-color:var(--color-slate-700) #0000;scrollbar-width:thin}.base-modal-body::-webkit-scroollbar{width:6px}.base-modal-body::-webkit-scrollbar-track{background:#0000}.base-modal-body::-webkit-scrollbar-thumb{background-color:var(--color-slate-700);border-radius:10px}.base-modal-footer{align-items:center;background:var(--bg-glass);border-top:1px solid var(--border-light);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px}.base-btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;min-width:80px;padding:10px 24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.base-btn-primary{background:var(--primary-gradient);border:none;box-shadow:0 4px 6px -1px #0003;color:#fff}.base-btn-primary:hover:not(:disabled){box-shadow:0 6px 15px -2px rgba(var(--rgb-primary),.4);filter:brightness(1.1);transform:translateY(-1px)}.base-btn-primary:disabled{box-shadow:none;cursor:not-allowed;filter:grayscale(.8);opacity:.6;transform:none}.base-btn-secondary{background:#0000;border:1px solid var(--border-strong);color:var(--text-muted)}.base-btn-secondary:hover{background-color:var(--border-light);border-color:var(--text-muted);color:var(--text-main)}.base-btn-danger{background:rgba(var(--rgb-danger),.1);border:1px solid rgba(var(--rgb-danger),.3);color:var(--color-danger)}.base-btn-danger:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff}@keyframes baseFadeIn{0%{opacity:0}to{opacity:1}}@keyframes baseSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:600px){.base-modal-content{border-radius:16px 16px 0 0;max-height:100dvh}.base-modal-content.size-full,.base-modal-content.size-large{border-radius:0;height:100dvh}.base-modal-header{padding:12px 16px}.base-modal-body{padding:16px}.base-modal-footer{padding:12px 16px}}.home-container{background-color:var(--bg-surface);display:flex;flex-direction:column;height:100vh;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.home-loader{color:var(--text-accent);font-size:1.2rem;font-weight:600;height:100%}.hero-section,.home-loader{align-items:center;display:flex;justify-content:center}.hero-section{background-color:var(--bg-surface);background-position:center 46%;background-repeat:no-repeat;background-size:cover;border:none;box-shadow:inset 0 -20px 40px var(--bg-surface);margin-bottom:40px;min-height:450px;overflow:hidden;position:relative}.hero-section:before{background:linear-gradient(90deg,var(--bg-surface) 0,var(--bg-glass) 40%,var(--bg-glass) 100%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-content-wrapper{max-width:1200px;position:relative;text-align:left;width:100%;z-index:2}.hero-title{color:var(--text-main);font-family:Montserrat,sans-serif;font-size:4rem;font-weight:900;letter-spacing:-1.5px;line-height:1.1;margin:0 0 25px;max-width:800px;text-shadow:0 0 40px rgba(var(--rgb-accent),.3)}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--text-accent) 0,var(--color-info) 100%);-webkit-background-clip:text}.hero-subtitle{color:var(--text-muted);font-size:1.25rem;line-height:1.6;margin:0 0 40px;max-width:600px;position:relative;z-index:2}.hero-actions{display:flex;gap:20px;justify-content:flex-start}.live-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(var(--rgb-accent),.1);border:1px solid rgba(var(--rgb-accent),.3);border-radius:99px;box-shadow:0 4px 12px #0000001a;color:var(--text-main);display:inline-flex;font-size:.95rem;font-weight:600;gap:12px;margin-bottom:24px;padding:8px 16px}.live-pulse-dot{animation:live-glow 2s infinite;background-color:#4ade80;border-radius:50%;box-shadow:0 0 8px #4ade80;flex-shrink:0;height:8px;position:relative;width:8px;z-index:10}.cta-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;justify-content:center;padding:14px 32px;transition:all .2s ease}.cta-btn.primary{background:var(--color-brand-700);box-shadow:0 0 20px #6d28d999,inset 0 0 10px #fff3;color:var(--color-white)}.cta-btn.primary,.cta-btn.secondary{border:1px solid var(--border-light)}.cta-btn.secondary{background:var(--border-subtle);color:var(--text-main)}.cta-btn.secondary:hover{background:var(--border-light);border-color:var(--text-main)}.cta-btn.primary:hover,.cta-btn.secondary:hover{transform:translateY(-2px)}.dashboard-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1.5fr 1fr .8fr;margin:0 auto;max-width:1600px;padding-bottom:60px;width:95%}.events-list{display:flex;flex-direction:column;gap:10px;height:100%;padding:15px}.event-row{align-items:center;background:rgba(var(--rgb-card),.4);border:1px solid #ffffff08;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;overflow:hidden;padding:16px 20px;position:relative;transition:all .2s ease}.event-row:hover{background:var(--border-subtle);border-color:var(--border-light);transform:translateX(5px)}.event-progress-bar{background:linear-gradient(90deg,#2dd4bf40,#3b82f699);border-right:1px solid #3b82f64d;bottom:0;height:100%;left:0;opacity:1;position:absolute;transition:width 1s linear;z-index:0}.event-row.active{border-left:3px solid #2dd4bf;box-shadow:inset 15px 0 20px -10px #2dd4bf1a}.event-row.upcoming{border-left:3px solid var(--color-warning);opacity:.8}.event-info{align-items:center;display:flex;gap:10px}.event-name{color:var(--text-main);font-size:.95rem;font-weight:600}.event-timer{align-items:center;background:var(--bg-glass);border:1px #38bdf833;border-radius:6px;box-shadow:0 2px 5px #0003;color:var(--color-info);display:flex;font-family:Roboto Mono,monospace;font-size:.85rem;gap:8px;padding:4px 10px}.event-info,.event-timer{position:relative;z-index:1}.event-tabs{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:inset 0 2px 4px #0000004d;display:flex;gap:0;padding:4px}.tab-btn{border-radius:8px;color:var(--text-500);font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:8px 16px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-btn.active{background:linear-gradient(135deg,var(--color-brand-700) 0,var(--color-info) 100%);box-shadow:0 4px 12px #6d28d966;color:var(--text-main);text-shadow:0 1px 2px #0000004d}.tab-btn:hover:not(.active){background:var(--border-subtle);color:var(--text-main)}.empty-events-msg{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;height:100%;justify-content:center;opacity:.7;padding:20px;text-align:center}.empty-events-msg p{font-size:1rem;margin:0 0 5px}.empty-events-msg small{color:var(--text-500);font-size:.8rem}.units-grid{grid-gap:12px;align-content:center;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);height:100%;padding:20px}.unit-icon-wrapper{aspect-ratio:1/1;background:var(--bg-card);border:none;border-radius:12px;box-shadow:inset 0 0 0 1px var(--border-light),inset 0 0 20px #00000080;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.unit-icon-wrapper:after{background:radial-gradient(circle at center,#0000 60%,rgba(var(--rgb-accent),.4) 100%);border:1px solid var(--border-light);border-radius:12px;content:"";inset:0;position:absolute;transition:opacity .3s;z-index:2}.unit-icon-wrapper:before{animation:card-sheen 6s ease-in-out infinite;background:linear-gradient(115deg,#0000 40%,#fff3 45%,#ffffff4d 50%,#fff3 55%,#0000 60%);content:"";height:100%;left:-150%;pointer-events:none;position:absolute;top:0;transform:skewX(-20deg);width:100%;z-index:3}.unit-icon-wrapper img{height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.34,1.56,.64,1);width:100%}.unit-icon-wrapper:hover img{transform:scale(1.15)}.unit-icon-wrapper:hover{box-shadow:0 0 15px rgba(var(--rgb-accent),.3)}.view-all-link{background:#0000;border:none;border-top:1px solid var(--border-subtle);color:var(--text-accent);cursor:pointer;font-size:.9rem;margin-top:auto;padding:15px}.changelog-list{border-image:linear-gradient(180deg,#ffffff26,#ffffff05) 1 100%;border-left:2px solid;display:flex;flex-direction:column;gap:0;margin-left:10px;overflow-y:auto;padding:20px 20px 20px 30px;position:relative}.log-item{background:#ffffff08;border:1px solid #0000;border-radius:8px;cursor:pointer;margin-bottom:20px;padding:12px 16px;position:relative;transition:transform .2s,background .2s}.log-item:before{background:var(--bg-card);border:2px solid var(--text-500);border-radius:50%;content:"";height:12px;left:-37px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:12px;z-index:1}.log-item:hover{background:rgba(var(--rgb-accent),.1);border-color:rgba(var(--rgb-accent),.3);transform:translateX(5px)}.log-item:hover:before{background:var(--text-accent);border-color:var(--text-accent);box-shadow:0 0 8px var(--text-accent)}.log-item:last-child{border-bottom:none}.log-item.pinned{background:rgba(var(--rgb-primary),.08);border-left:1px solid rgba(var(--rgb-primary),.2);border:1px solid rgba(var(--rgb-primary),.2)}.log-item.pinned:before{background:var(--text-accent);border-color:var(--text-accent);box-shadow:0 0 10px rgba(var(--rgb-accent),.5)}.log-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.log-title{color:var(--text-main);font-size:.95rem;font-weight:700}.log-date{color:var(--text-muted);font-family:Roboto Mono,monspace;font-size:.7rem}.pin-icon{align-items:center;display:flex;justify-content:center}.pin-icon svg{fill:var(--text-accent);height:16px;width:16px}.changelog-modal{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;max-width:500px;padding:30px;width:90%}@keyframes live-glow{0%{box-shadow:0 0 4px #4ade80;opacity:1}50%{box-shadow:0 0 15px #4ade80;opacity:1}to{box-shadow:0 0 4px #4ade80;opacity:1}}@keyframes card-sheen{0%{left:-150%}20%{left:150%}to{left:150%}}@media(max-width:768px){.home-container{gap:20px;padding:15px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.dashboard-grid{gap:40px;grid-template-columns:1fr}.hero-actions{flex-direction:column;width:100%}.cta-btn{justify-content:center;width:100%}}.dashboard-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(160deg,rgba(var(--rgb-surface),.7) 0,rgba(var(--rgb-card),.3) 100%);border:1px solid var(--border-subtle);border-radius:16px;display:flex;flex-direction:column;height:350px;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.dashboard-card:hover{border-color:rgba(var(--rgb-accent),.2);box-shadow:0 10px 30px -10px #00000080;transform:translateY(-4px)}.card-header{border-bottom:1px solid var(--border-subtle);color:#0003;gap:15px;padding:15px 20px}.card-header h3{color:var(--text-main);font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.header-icon{align-items:center;color:var(--text-accent);display:flex}.card-body{flex:1 1;min-width:0;padding:0;position:relative}.card-body.is-scrollable{overflow-y:auto;scrollbar-color:var(--color-slate-700) #0000;scrollbar-width:thin}.card-body.is-scrollable::-webkit-scrollbar{width:6px}.card-body.is-scrollable::-webkit-scrollbar-thumb{background-color:var(--color-slate-700);border-radius:10px}@media(min-width:1500px){.dashboard-card{height:400px}}@media (max-width:768px){.dashboard-card{height:auto!important}.card-header{gap:10px;padding:10px 15px}.card-header h3{font-size:.95rem}.header-icon svg{height:18px;width:18px}.card-body.is-scrollable{overflow-y:visible}}.quantity-grid{flex-wrap:wrap;gap:20px;margin-top:20px}.quantity-btn,.quantity-grid{display:flex;justify-content:center}.quantity-btn{align-items:center;background:rgba(var(--rgb-surface),.6);border:2px solid var(--border-light);border-radius:16px;color:var(--text-muted);cursor:pointer;flex-direction:column;height:140px;transition:all .3s cubic-bezier(.4,0,.2,1);width:120px}.quantity-btn:hover{background:#7c3aed1a;border-color:var(--text-accent);box-shadow:0 10px 25px -5px #7c3aed4d;transform:translateY(-5px)}.quantity-btn .qty-num{color:var(--text-main);font-size:3rem;font-weight:800;margin-bottom:5px}.quantity-btn .qty-label{font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.quantity-btn:hover .qty-num{color:var(--text-accent)}.export-container.flex-mode{flex-direction:row;gap:10px!important}.export-container.grid-mode{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:1fr 1fr;width:1400px!important}.export-container .crew-members-grid{gap:15px!important;margin-bottom:25px}.export-container .member-slot{background-color:var(--bg-card)!important;box-shadow:inset 0 0 15px #000c!important;padding:6px!important}.export-container .level-badge{border-width:1px!important;bottom:4px!important;font-size:12px!important;padding:2px 6px!important}.export-container .role-badge{font-size:13px!important;padding:4px 8px 10px!important;top:-16px!important;z-index:20}.export-container .crew-card{background:#111827!important;border:1px solid #ffffff26!important;border-radius:16px!important;overflow:hidden;padding:20px!important;width:380px}.export-container .crew-card h4{background:linear-gradient(90deg,rgba(var(--rgb-card),.9) 0,#33415599 50%,#1e293be6 100%);border-bottom:1px solid var(--border-light);color:var(--text-main);font-size:1.3rem!important;font-weight:700;letter-spacing:1px;margin:-20px -20px 25px!important;overflow:hidden;padding:12px 10px!important;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 4px #000000e6;white-space:nowrap}.export-container .optional-indicator{border-width:2px!important;font-size:16px!important;height:24px!important;width:24px!important}@media(max-width:600px){.quantity-btn{height:120px;width:100px}}.selector-container{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;overflow:hidden;width:100%}.selector-header{align-items:center;background-color:var(--bg-card);border-bottom:1px solid var(--border-light);display:flex;gap:15px;padding-bottom:15px;z-index:10}.back-arrow-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:5px;padding:5px 10px;transition:all .2s}.back-arrow-btn:hover{background-color:var(--border-subtle);color:#fff}.selector-search-wrapper{flex:1 1}.selector-search-input{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:6px;color:#fff;font-size:14px;outline:none;padding:10px 15px;width:100%}.selector-search-input:focus{border-color:var(--text-accent)}.selector-grid{grid-gap:10px;align-content:start;box-sizing:border-box;display:grid;flex:1 1;gap:10px;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));min-height:0;overflow-x:hidden;overflow-y:auto;padding:15px 4px 50px 15px;width:100%}.selector-card{aspect-ratio:1/1;background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:6px;cursor:pointer;overflow:hidden;position:relative;width:100%}.selector-card:active{transform:scale(.95)}.selector-card img{display:block;height:100%;object-fit:cover;width:100%}.selector-empty,.selector-loader{color:var(--text-muted);font-style:italic;grid-column:1/-1;padding:20px;text-align:center}@media (max-width:768px){.selector-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(65px,1fr));padding:10px}}.selector-grid::-webkit-scrollbar{width:8px}.selector-grid::-webkit-scrollbar-track{background:#0000;margin-bottom:10px;margin-top:10px}.selector-grid::-webkit-scrollbar-thumb{background-color:var(--color-slate-700);border:2px solid var(--bg-surface);border-radius:4px}.base-modal-content.modal-no-scroll .base-modal-body{display:flex;flex-direction:column;overflow:hidden!important;padding:0}.base-modal-content.modal-no-scroll .selector-container{height:100%}.header-title-group{align-items:center;display:flex;gap:10px;height:100%;overflow:hidden}.header-prefix{color:var(--text-muted);font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.header-stage-name{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--text-accent),#c084fc);-webkit-background-clip:text;color:var(--text-main);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-container{box-sizing:border-box;gap:24px;margin:0;padding:10px 0;width:100%}.details-container,.form-grid,.video-input-wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:20px;max-width:500px;width:100%}.submission-grid{grid-column-gap:25px;grid-row-gap:50px;column-gap:25px;padding:10px;row-gap:50px}.grid-slot-wrapper{height:120px;width:120px}.submission-slot.main-slot{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-glass);box-shadow:0 4px 30px #0000004d,inset 0 0 20px rgba(var(--rgb-primary),.05);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.submission-slot.main-slot:hover{background:rgba(var(--rgb-primary),.1);border-color:var(--text-accent);box-shadow:0 0 25px rgba(var(--rgb-primary),.2),inset 0 0 10px rgba(var(--rgb-primary),.1);transform:translateY(-4px)}.submission-slot.main-slot:hover .empty-slot-indicator{color:var(--text-accent)}.submission-slot.support-slot{box-shadow:0 4px 6px -1px #00000080;height:48px;transition:transform .2s ease;width:48px}.submission-slot.support-slot:hover{background-color:var(--bg-card);border-color:var(--text-accent);box-shadow:0 0 15px rgba(var(--rgb-accent),.3);transform:scale(1.1)}.empty-slot-indicator{font-size:30px;line-height:1;text-shadow:0 0 10px rgba(var(--rgb-accent),.3);transition:color .3s}.empty-slot-indicator.small{color:var(--text-muted);font-size:20px}.mini-label{color:var(--text-main);font-size:11px;font-weight:700;left:0;letter-spacing:.5px;margin-top:12px;pointer-events:none;position:absolute;top:100%;width:100%}.step-container{align-items:center;display:flex;flex-direction:column;gap:25px;padding-top:10px}.guide-type-selector{background-color:var(--bg-app);border:1px solid var(--border-light);border-radius:99px;display:inline-flex;margin-bottom:10px;padding:4px}.type-btn{align-items:center;background:#0000;border:none;border-radius:99px;color:var(--text-muted);cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.type-btn.active{background-color:var(--primary-base);box-shadow:0 0 15px #7c3aed66;color:#fff}.type-btn:hover:not(.active){color:#fff}.hint-text{color:var(--text-500);font-size:.9rem;font-style:italic;margin-top:10px}.selected-char-img{border-radius:6px;display:block;height:100%;object-fit:cover;width:100%}.details-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px 0;width:100%}.details-container h3{color:var(--text-main);margin-bottom:20px}.selected-preview{margin-bottom:30px;text-align:center}.selected-preview img{border:2px solid var(--text-accent);border-radius:12px;box-shadow:0 0 25px rgba(var(--rgb-accent),.4);height:120px;width:120px}.selected-preview p{color:var(--text-muted);font-size:.9rem;margin-top:10px}.options-wrapper{background:var(--bg-surface);border:1px solid #ffffff1a;border-radius:12px;max-width:400px;padding:20px;width:100%}.option-group label{color:var(--text-muted);display:block;font-size:.85rem;font-weight:700;margin-bottom:12px;text-transform:uppercase}.grid-selector{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.grid-btn,.pill-btn{background:#0000;border:1px solid var(--color-slate-700);border-radius:6px;color:var(--text-muted);cursor:pointer;padding:10px;transition:all .2s}.pill-btn{flex:1 1}.grid-btn:hover,.pill-btn:hover{border-color:var(--text-accent);color:#fff}.grid-btn.active{background-color:var(--primary-base);border-color:var(--primary-base);color:#fff}.pill-btn.active.mandatory{background-color:var(--color-danger);border-color:var(--color-danger);color:#fff}.pill-btn.active.optional{background-color:var(--color-info);border-color:var(--color-info);color:#fff}.option-desc{color:var(--text-500);font-size:.8rem;font-style:italic;margin-top:10px}.details-actions{border-top:1px solid var(--border-light);display:flex;gap:15px;margin-top:30px;max-width:400px;padding-top:20px;width:100%}.confirm-btn{background-color:var(--text-accent);border:none;border-radius:8px;color:#fff;font-weight:700}.back-btn,.confirm-btn{cursor:pointer;flex:1 1;padding:12px}.back-btn{background:#0000;border:1px solid var(--color-slate-700);border-radius:8px;color:var(--text-muted)}.optional-indicator .tooltip-text{white-space:normal}.optional-indicator{font-size:11px}.input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:0;max-width:100%;width:100%}.input-group label{color:var(--text-muted);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.modal-input{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px;box-sizing:border-box;color:#fff;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.modal-input.glass-input{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--bg-glass);border:1px solid var(--border-light);color:var(--color-white)!important;font-size:15px;transition:all .2s}.modal-input.glass-input:focus{background-color:var(--bg-glass);border-color:var(--text-accent);box-shadow:0 0 0 2px rgba(var(--rgb-accent),.2)}.modal-input::placeholder{color:var(--text-muted);opacity:1}.editable-box{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;min-height:40px;padding:10px 12px;position:relative;transition:all .2s}.editable-box:hover .edit-icon-indicator{color:var(--text-accent);opacity:1}.editable-box.placeholder{background-color:var(--border-subtle);border:1px dashed #fff3;color:var(--text-muted)}.editable-box.placeholder:hover{background:#ffffff14;border-color:var(--text-accent);color:var(--text-accent)}.editable-box .delete-icon-indicator{align-items:center;border-radius:4px;color:var(--text-muted);display:flex;margin-left:10px;opacity:.3;padding:4px;transition:all .2s}.editable-box:hover .delete-icon-indicator{opacity:1}.editable-box .delete-icon-indicator:hover{background-color:#ef44441a;color:var(--color-danger);transform:scale(1.1)}.plus-icon{font-size:18px;font-weight:700;line-height:1;margin-right:10px}.editable-box.saved{background-color:initial;border:1px solid #0000;color:var(--text-main);justify-content:space-between;padding:8px 12px}.editable-box.saved.header-mode{background:#0000;border:none;color:var(--text-main);font-size:1.1rem;font-weight:700;margin-top:0}.editable-box.saved.header-mode .edit-icon-indicator{color:var(--text-accent);opacity:.7}.edit-icon.btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-500);cursor:pointer;display:flex;padding:4px}.edit-icon-btn:hover{background-color:var(--border-light);color:#fff}.editable-input{background-color:var(--bg-surface);border:1px solid var(--text-accent);border-radius:6px;box-shadow:0 0 0 3px rgba(var(--rgb-accent),.2);box-sizing:border-box;color:#fff;font-family:inherit;font-size:14px;outline:none;padding:10px 12px;width:100%}.editable-input.header-mode{background-color:var(--bg-card);font-size:1.1rem;font-weight:700}.text-guide-workspace{display:flex;flex-direction:column;gap:24px;max-width:600px;padding-bottom:20px;width:100%}.stages-wrapper,.text-guide-workspace{margin:0 auto;max-width:650px;width:100%}.notes-container{background:var(--bg-glass);border:1px dashed #94a3b833;border-radius:12px;margin-bottom:24px;padding:16px}.notes-card{background:#151e32;border:1px solid var(--border-subtle);border-left:4px solid var(--color-info);border-radius:8px;margin-bottom:25px;overflow:hidden;width:100%}.notes-card-header{background:#0003;border-bottom:1px solid var(--border-subtle);padding:12px 16px}.section-title-alt{color:var(--color-info);font-size:.85rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.notes-card-body{display:flex;flex-direction:column;gap:8px;padding:16px}.section-title{align-items:center;color:var(--color-info);display:flex;font-size:.9rem;font-weight:700;gap:8px;margin-bottom:12px;text-transform:uppercase}.stages-wrapper{display:flex;flex-direction:column;gap:20px}.stage-card{background:#151e32;border:1px solid var(--border-subtle);border-left:4px solid var(--text-accent);border-radius:8px;margin-bottom:15px;transition:transform .2s,box-shadow .2s}.stage-card:hover{border-color:rgba(var(--rgb-accent),.3);box-shadow:0 4px 20px #0000004d}.stage-card-header{background:#0003;border-bottom:1px solid var(--border-subtle);padding:12px 16px}.stage-card-body{display:flex;flex-direction:column;gap:8px;padding:16px}.instruction-row{align-items:center;display:flex;gap:15px;min-height:45px}.step-number{color:var(--text-accent);font-family:Roboto Mono,monospace;font-size:14px;font-weight:700;margin-top:12px;min-width:25px;text-align:center}.stage-card .editable-box.saved{background:#0000;border:none;border-bottom:1px solid var(--border-subtle);border-radius:0;padding:10px 0}.stage-card .editable-box.saved:hover{background-color:#ffffff05;border-color:var(--border-light)}.editable-box.saved:hover{background-color:#ffffff08}.stage-card .editable-box.placeholder{background:#0000;border:1px dashed var(--border-light);margin-top:5px}.add-stage-btn-wrapper{margin-top:10px;opacity:.8}.add-stage-btn-wrapper:hover{opacity:1}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;max-width:600px;width:100%}.form-grid .full-width{grid-column:1/-1}.step-container.center-content{height:100%;justify-content:center}@media (max-width:600px){.grid-slot-wrapper{height:90px;width:90px}.submission-slot.support-slot{bottom:-6px;height:40px;right:-6px;width:40px}.header-title-group{align-items:flex-start;flex-direction:column;gap:2px}.header-stage-name{font-size:1rem;line-height:1.2;white-space:normal}.level-badge{bottom:2px;font-size:9px;padding:1px 4px;z-index:10}.form-grid{gap:15px;grid-template-columns:1fr}.text-guide-workspace{gap:16px}.stage-card-body{padding:12px}}.step-container.full-height{align-items:center;height:100%}.video-input-wrapper{display:flex;flex-direction:column;gap:20px;margin-top:20px;max-width:400px;width:100%}.section-divider{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;font-weight:700;letter-spacing:1px;margin:15px 0;text-transform:uppercase}.section-divider:after,.section-divider:before{background:var(--border-light);content:"";flex:1 1;height:1px}.section-divider span{padding:0 10px}.verification-tabs{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:12px;box-shadow:inset 0 2px 4px #0000004d;display:flex;margin-bottom:20px;padding:4px}.tab-btn{background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:10px;transition:all .2s}.tab-btn.active{background:linear-gradient(135deg,#6366f1,var(--primary-base));box-shadow:0 4px 12px rgba(var(--rgb-primary),.3);color:#fff;font-weight:700}.search-box-wrapper{gap:15px}.key-input-group,.search-box-wrapper{display:flex;flex-direction:column;width:100%}.key-input-group{gap:10px}.key-input-group input{width:100%}.paste-key-btn{background:var(--color-info);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;margin-top:5px;padding:10px;text-align:center;width:100%}.paste-key-btn:hover{background-color:#2563eb}.verify-action-btn{background:linear-gradient(90deg,var(--primary-base),var(--color-brand-700));border:none;border-radius:6px;box-shadow:0 4px 15px #7c3aed4d;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:10px;text-align:center;transition:all .2s;width:100%}.verify-action-btn:hover{background:linear-gradient(90deg,var(--primary-base),var(--primary-base));box-shadow:0 6px 20px #7c3aed66;transform:translateY(-1px)}.verify-action-btn:disabled{background:var(--color-slate-700);cursor:not-allowed;opacity:.7}.verified-badge{background:#22c55e26;border:1px solid var(--color-success);border-radius:8px;justify-content:space-between;padding:12px;width:100%}.badge-content,.verified-badge{align-items:center;display:flex}.badge-content{gap:12px}.check-icon{align-items:center;background:var(--color-success);border-radius:50%;color:#fff;display:flex;font-weight:700;height:24px;justify-content:center;width:24px}.badge-info{display:flex;flex-direction:column}.badge-info .label{color:#86efac;font-size:.7rem;font-weight:700;text-transform:uppercase}.badge-info .name{color:#fff;font-size:1.1rem;font-weight:600}.change-btn{background:#0000;border:1px solid #fff3;border-radius:4px;color:var(--text-muted);font-size:.8rem;padding:6px 12px}.change-btn:hover{background:var(--border-light)}.verification-result{align-items:center;animation:fadeIn .3s ease;display:flex;flex-direction:column;margin-top:20px;text-align:center;width:100%}.creator-card-mini.modern-card{align-items:center;background:linear-gradient(180deg,rgba(var(--rgb-card),.7) 0,var(--bg-glass) 100%);border:1px solid rgba(var(--rgb-primary),.3);border-radius:16px;box-shadow:0 10px 25px -5px #00000080;display:flex;flex-direction:row;gap:15px;min-width:250px;padding:20px 30px;width:auto}.creator-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#f472b6,var(--text-accent));border-radius:50%;box-shadow:0 0 15px rgba(var(--rgb-accent),.4);color:#fff;display:flex;font-size:20px;font-weight:800;height:48px;justify-content:center;width:48px}.creator-info-block{align-items:flex-start;display:flex;flex-direction:column}.creator-name-large{color:var(--text-main);font-size:1.1rem;font-weight:700}.creator-id-display{background:#0000004d;border-radius:4px;color:var(--text-muted);font-family:Roboto Mono,monospace;font-size:.8rem;margin-top:4px;padding:2px 6px}.verification-actions{display:flex;gap:12px;justify-content:center;margin-top:20px;width:100%}.verification-promp{color:var(--text-muted);font-size:.95rem;font-weight:500;margin-bottom:15px}.confirm-btn-small.modern{background:linear-gradient(to right,var(--color-success),var(--color-success));border:none;border-radius:8px;box-shadow:0 4px 6px #10b98133;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 24px;transition:transform .2s,box-shadow .2s}.confirm-btn-small.modern:hover{box-shadow:0 6px 12px #10b9814d;transform:translateY(-2px)}.reject-btn-small.modern{background:var(--border-subtle);border:1px solid var(--border-light);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 24px;transition:all .2s}.reject-btn-small.modern:hover{background:#ef44441a;border-color:var(--color-danger);color:var(--color-danger)}.alert-box{border-radius:6px;font-size:.9rem;line-height:1.4;margin-bottom:10px;padding:10px}.alert-box.info{background:#3b82f626;border:1px solid #3b82f64d;color:#93c5fd}.fade-in{animation:fadeIn .3s ease-out forwards}@media (max-width:600px){.search-box-wrapper{flex-direction:column}.key-input-group{width:100%}.verify-action-btn{padding:12px;width:100%}.verification-tabs{flex-direction:column}}.text-guide-editor-embedded{align-self:stretch;display:flex;flex-direction:column;gap:20px;width:100%}.notes-list-container{display:flex;flex-direction:column;gap:8px;width:100%}.note-row{align-items:center;display:flex;gap:12px;margin-bottom:8px;width:100%}.note-bullet{color:var(--color-info);display:flex;font-weight:700;justify-content:center;min-width:20px}.note-row .editable-box{background:rgba(var(--rgb-card),.4);border:1px solid var(--border-subtle);flex:1 1}.lb-section{border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:8px;margin-top:15px;padding:15px}.lb-toggle-btn{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-weight:600;gap:10px;justify-content:center;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.lb-toggle-btn:hover{background:#a855f70d;border-color:#a855f7;color:#e9d5ff}.lb-toggle-btn.active{background:#a855f726;border-color:#a855f7;box-shadow:0 0 15px #a855f740;color:#fff}.lb-toggle-btn svg{filter:drop-shadow(0 0 2px currentColor)}.lb-label{color:var(--text-muted);font-size:.8rem}.characters-view{grid-gap:12px;-webkit-overflow-scrolling:touch;align-content:start;box-sizing:border-box;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));height:100%;min-height:0;overflow-y:hidden;padding:15px;scrollbar-width:none}.characters-view::-webkit-scrollbar{display:none}.character-card{-webkit-tap-highlight-color:transparent;aspect-ratio:1/1;background-color:var(--bg-surface);border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 4px 8px #0000004d;cursor:pointer;display:block;overflow:hidden;position:relative;touch-action:pan-y;transition:transform .2s ease,opacity .2s ease;z-index:1}@media(hover:hover){.character-card:hover{border-color:var(--primary-base);box-shadow:0 15px 30px #00000080,0 0 15px rgba(var(--color-brand-glow));transform:scale(1.05);z-index:100}.character-card:hover img{transform:scale(1.1)}}.character-card img{display:block;height:100%;object-fit:cover;pointer-events:none;transition:transform .3s ease;user-select:none;-webkit-user-select:none;width:100%}.results-counter{font-size:16px;font-weight:700}.character-category-buttons{gap:10px}.character-link{border-radius:4px}.character-link.has-image{background-color:initial}.character-image{border-radius:4px;height:100%;object-fit:cover;width:100%}.sub-category-filter{width:300px}.sub-category-filter .dropdown{max-width:100%;width:300px}@media(max-width:768px){.characters-view{gap:8px;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));padding:10px}}.toolbar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-glass);border-bottom:1px solid var(--border-subtle);border:1px solid var(--border-subtle);border-bottom-color:rgba(var(--rgb-primary),.2);border-radius:0 0 16px 16px;box-shadow:0 8px 32px #0000004d;display:flex;flex-wrap:nowrap;gap:24px;margin-bottom:10px;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.toolbar-spacer{flex-grow:1;margin-left:auto}.toolbar-center{display:flex;justify-content:center;margin:0 20px;min-width:250px}.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:24px}.filter-group{flex-shrink:1;gap:12px;max-width:100%;position:relative}.filter-group,.filters-container{align-items:center;display:flex;min-width:0;overflow:visible}.filters-container{flex:1 1;flex-wrap:nowrap;gap:16px}.fixed-filter-group{flex-shrink:0;z-index:20}.scrollable-filters-list{-ms-overflow-style:none;align-items:center;display:flex;flex:1 1;gap:16px;overflow-x:auto;padding-bottom:4px;padding-left:4px;padding-right:4px;scrollbar-width:none}.scrollable-filters-list::-webkit-scrollbar{display:none}.scrollable-filters-list .filter-group{border-right:none;margin:0;padding-right:0}.scrollable-filters-list .filter-group:not(:last-child){border-right:1px solid var(--border-subtle);padding-right:16px}.pills-scroll-wrapper{-ms-overflow-style:none;align-items:center;cursor:default;display:flex;gap:8px;max-width:100%;overflow-x:auto;padding:8px 4px;scroll-behavior:smooth;scrollbar-width:none;transition:-webkit-mask-image .3s ease;transition:mask-image .3s ease;transition:mask-image .3s ease,-webkit-mask-image .3s ease;user-select:none;-webkit-user-select:none;white-space:nowrap}.pills-scroll-wrapper.mask-start{mask-image:linear-gradient(90deg,#000 0,#000 85%,#0000);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 85%,#0000)}.pills-scroll-wrapper.mask-middle{mask-image:linear-gradient(90deg,#0000 0,#000 15%,#000 85%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 15%,#000 85%,#0000)}.pills-scroll-wrapper.mask-end{mask-image:linear-gradient(90deg,#0000 0,#000 15%,#000);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 15%,#000)}.pill-selector>button:first-child{margin-left:0;padding-left:12px;position:relative;z-index:1}.pill-selector>button:first-child:before{background-color:#fff6;content:"";height:60%;left:-12px;pointer-events:none;position:absolute;top:20%;width:1px}.filter-group>div{flex:1 1;min-width:0}.pills-scroll-wrapper::-webkit-scrollbar{display:none}.filters-container .pill-selector{flex-wrap:nowrap}.filters-container::-webkit-scrollbar{display:none}.filter-group label{color:var(--text-500);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.filter-group:first-child{margin-right:0}.filter-group:first-child,.filter-group:not(:last-child){border-right:1px solid var(--border-subtle);padding-right:24px}.crew-controls{align-items:center;display:flex;flex-wrap:nowrap;gap:16px;justify-content:space-between;min-width:0;width:100%}.results-counter{background:rgba(var(--rgb-card),.6);box-shadow:inset 0 2px 4px #0003;color:var(--text-main);font-size:13px;font-weight:600;padding:6px 12px}.button-group,.results-counter{border:1px solid var(--border-light);border-radius:8px}.button-group{align-items:center;background-color:var(--bg-surface);display:flex;padding:2px}.group-main-btn{border:none;border-radius:6px 0 0 6px;border-right:1px solid var(--border-subtle);font-weight:600;padding:8px 16px}.group-main-btn,.group-toggle-btn{background:#0000;color:var(--text-500);cursor:pointer;font-size:13px;transition:all .2s ease}.group-toggle-btn{border:none;border-radius:0 6px 6px 0;font-weight:700;padding:8px 12px}.group-main-btn.active{background:rgba(.8);background:rgba(var(--rgb-card,.8));color:var(--text-main)}.group-toggle-btn.active{background:linear-gradient(90deg,var(--color-brand-700) 0,#703be8 100%);color:var(--text-main);text-shadow:0 1px 2px #0000004d}.group-main-btn:hover:not(.active),.group-toggle-btn:hover:not(.avtive):not(:disabled){background-color:var(--border-subtle);color:var(--text-muted)}.group-toggle-btn:disabled{cursor:not-allowed;opacity:.3}.group-main-btn.active{background:rgba(var(--rgb-primary),.1);color:var(--text-accent)}.dropdown{flex-shrink:0;position:relative}.dropdown-toggle{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:10px;box-shadow:0 2px 5px #0000001a;color:var(--text-main);display:flex;font-size:14px;font-weight:500;justify-content:space-between;min-width:220px;padding:10px 16px;transition:all .2s ease}.dropdown-toggle span{flex:1 1;margin-right:12px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.dropdown-chevron{color:var(--text-500);transition:transform .3s ease}.dropdown.open .dropdown-chevron{color:var(--primary-base);transform:rotate(180deg)}.dropdown-toggle:hover{border-color:var(--primary-base);box-shadow:0 0 10px rgba(var(--rgb-primary),.15)}.dropdown-toggle:disabled{background-color:var(--bg-card);cursor:not-allowed;opacity:.6}.dropdown-menu{-webkit-overflow-scrolling:touch;background-color:var(--bg-card);border:1px solid rgba(var(--rgb-primary),.2);border-radius:12px;box-shadow:0 10px 40px #0009;left:0;max-height:300px;opacity:0;overflow-y:auto;padding:6px;pointer-events:none;position:absolute;top:calc(100% + 8px);touch-action:pan-y;transform:translateY(-10px) scale(.98);transition:opacity .2s ease,transform .2s cubic-bezier(.165,.84,.44,1);width:100%;z-index:200}.dropdown.open .dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.dropdown.open .dropdown-toggle{background-color:var(--bg-surface);border-color:var(--primary-base);box-shadow:0 0 0 3px rgba(var(--rgb-primary),.15)}.dropdown-menu li{border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:14px;margin-bottom:2px;padding:10px 12px;transition:background-color .15s ease}.dropdown-menu li:hover{background-color:var(--border-subtle);color:var(--text-main)}.dropdown-menu li.selected{background:linear-gradient(90deg,#5b25c926,#703be80d);border-left:3px solid #703be8;color:var(--text-accent);font-weight:600}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#0000}.dropdown-menu::-webkit-thumb{border-radius:10px}.dropdown-menu::-webkit-scrollbar-thumb:hover,.dropdown-menu::-webkit-thumb{background-color:var(--color-slate-700)}.pill-selector{align-items:center;flex-wrap:wrap;gap:8px}.pill-button{align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-500);display:flex;font-size:13px;font-weight:600;height:34px;justify-content:center;transition:all .2s ease}.pill-button:hover{background-color:var(--border-light);color:var(--text-main);transform:translateY(-1px)}.pill-button.active{background:linear-gradient(90deg,var(--color-brand-700) 0,#703be8 100%);border-color:#0000;box-shadow:0 4px 12px #5b25c966;color:var(--color-white);text-shadow:0 1px 2px #0000004d;transform:translateY(-1px)}.character-category-buttons{align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;display:flex;gap:4px;padding:4px}.character-category-buttons .header-button{background:#0000;border:none;border-radius:8px;box-shadow:none;color:var(--text-500);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.character-category-buttons .header-button:hover{background-color:var(--border-subtle);color:var(--text-main)}.character-category-buttons .header-button.active{background:linear-gradient(90deg,var(--color-brand-700) 0,#703be8 100%);box-shadow:0 2px 8px #5b25c94d;color:var(--color-white)}.stage-guide-btn{align-items:center;background:rgba(var(--rgb-primary),.05);border:1px solid rgba(var(--color-brand-glow));border-radius:10px;box-shadow:0 4px 6px #0000001a;color:var(--text-accent);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;line-height:1;padding:10px 18px;transition:all .2s cubic-bezier(.4,0,.2,1)}.stage-guide-btn:hover{background:rgba(var(--rgb-primary),.15);border-color:var(--primary-base);box-shadow:0 6px 12px rgba(var(--rgb-primary),.15);color:var(--text-main);transform:translateY(-1px)}.stage-guide-btn:active{transform:translateY(0)}.stage-guide-btn svg{display:block;opacity:.9;transform:translateY(-1px)}.search-input-wrapper{align-items:flex;align-items:center;display:flex;margin-left:10px;position:relative;width:240px}.search-icon{color:var(--text-500);left:12px;pointer-events:none;position:absolute}.search-input{background-color:rgba(var(--rgb-card),.5);border:1px solid var(--border-light);border-radius:8px;color:var(--text-main);font-size:13px;font-weight:500;outline:none;padding:8px 12px 8px 38px;transition:all .2s ease;width:100%}.search-input::placeholder{color:var(--text-500)}.search-input:focus{background-color:var(--bg-surface);border-color:var(--primary-base);box-shadow:0 0 0 2px rgba(var(--rgb-primary),.15)}.search-input:focus+.search-icon{color:var(--text-accent)}.my-box-toggle-wrapper{align-items:center;background:#0000;border:none;border-radius:10px;display:flex;height:40px;padding:0}.switch-label{align-items:center;cursor:pointer;display:flex;gap:10px}.switch-label input:checked~.label-text{color:var(--text-main);text-shadow:0 0 10px #703be866}.label-text{color:var(--text-500);font-size:13px;font-weight:600;letter-spacing:.5px;margin-right:8px;text-transform:uppercase;transition:color .3s ease}.switch-label:hover .label-text{color:var(--text-muted)}.toggle-switch{display:inline-block;height:22px;position:relative;width:40px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:var(--text-500);border:1px solid var(--border-light);border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.slider:before{background-color:var(--text-muted);border-radius:50%;bottom:2px;box-shadow:0 2px 4px #0003;content:"";height:16px;left:2px;position:absolute;transition:cublic-bezier(.4,0,.2,1) .4s;width:16px}input:checked+.slider:before{background-color:var(--text-main);box-shadow:-1px 1px 3px #0003;transform:translateX(18px)}.toggle-switch:hover .slider{background-color:#703be8}input:checked:hover+.slider{filter:brightness(1.1)}.mobile-filter-btn{align-items:center;background:rgba(var(--rgb-primary),.1);border:1px solid rgba(var(--rgb-primary),.3);border-radius:8px;color:var(--text-accent);cursor:pointer;display:none;font-size:13px;font-weight:600;gap:8px;padding:8px 16px}.toolbar-actions{flex-shrink:0;margin-left:auto}@media (max-width:1400px){.toolbar{gap:16px;padding:8px 16px}.filters-container>*{margin-left:8px}.dropdown-toggle{font-size:13px;min-width:180px;padding:8px 12px}.filters-container>*{margin-left:10px}.filter-group label{display:none}.pill-button{font-size:12px;padding:6px 12px}.search-input-wrapper{width:180px}.group-main-btn,.group-toggle-btn{padding:6px 12px}}@media (max-width:960px){.toolbar{flex-wrap:wrap;gap:16px;height:auto;justify-content:space-between}.desktop-only,.filters-container.hide-on-mobile{display:none!important}.scrollable-pills-container{display:flex;flex-wrap:nowrap;gap:12px;justify-content:flex-start;mask-image:linear-gradient(90deg,#000 90%,#0000);-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000);overflow-x:auto;padding-bottom:8px;width:100%}.mobile-filter-btn{display:flex;height:42px;justify-content:center;white-space:nowrap;width:100%}.toolbar-actions{display:flex;flex-grow:1;justify-content:flex-end;margin-left:auto;width:auto}.mobile-toolbar-grid.show-on-mobile-only{display:grid}.toolbar-actions.hide-on-mobile{display:none!important}.mobile-filter-wrapper.show-on-mobile-only{display:flex;flex:1 1;width:auto}.mobile-toolbar-grid.stage-mode{display:flex!important;gap:32px;justify-content:center}.mobile-toolbar-grid.stage-mode .mobile-guide-btn{min-width:120px;padding:0 24px;width:auto}}@media (max-width:600px){.toolbar-actions{margin-top:8px}.actions-group,.toolbar-actions{justify-content:space-between;width:100%}.toolbar-left{gap:12px;width:100%}.search-input-warper{flex:1 1;min-width:140px;width:auto}}.show-on-mobile-only{display:none}.actions-group{align-items:center;background:rgba(var(--rgb-card),.4);border:1px solid var(--border-subtle);border-radius:12px;display:flex;gap:16px;padding:4px 12px}.filter-modal-body .button-group,.filter-modal-body .dropdown,.filter-modal-body .filter-group{width:100%}.filter-modal-body .dropdown-toggle{box-sizing:border-box;display:flex;justify-content:space-between;min-width:0;min-width:auto;width:100%}.filter-modal-body .dropdown-menu{box-sizing:border-box;width:100%}.filter-modal-body .button-group{display:flex;flex-direction:row}.filter-modal-body .group-main-btn{border-right:1px solid var(--border-subtle);flex:1 1;text-align:center;width:auto}.filter-modal-body .group-toggle-btn{flex:0 0 auto;min-width:50px;text-align:center;width:auto}.group-main-btn.single-btn{border-radius:6px;border-right:none;width:100%}.filter-modal-body-content .pill-button{height:40px;margin-bottom:12px;width:100%}.mobile-toolbar-grid{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid var(--border-light);border-radius:12px;box-sizing:border-box;display:none;gap:12px;grid-template-columns:1fr auto 1fr;padding:6px;width:100%}.mobile-toolbar-grid .mobile-filter-btn{align-items:center;border:1px solid rgba(var(--rgb-primary),.4)}.mobile-toolbar-grid .mobile-filter-btn,.mobile-toolbar-grid .mobile-guide-btn{background:rgba(var(--rgb-primary),.15);color:var(--text-accent);display:flex;height:44px;justify-content:center;margin:0;width:100%}.mobile-toolbar-grid .mobile-guide-btn{border:1px solid rgba(var(--color-brand-glow));box-sizing:border-box}.mobile-toolbar-grid .mobile-toggle-wrapper{align-items:center;display:flex;justify-content:center;padding:0 4px}.mobile-toolbar-grid .switch-label.vertical{flex-direction:column;gap:4px}.toggle-switch.small{transform:scale(.9)}.toggle-switch.small .slider{background-color:var(--text-500)}input:checked+.slider{background:linear-gradient(90deg,var(--color-brand-700) 0,#703be8 100%);border-color:#0000}.mobile-toolbar-grid .switch-label .label-text{color:var(--text-muted);font-size:10px;margin:0;pointer-events:none}.mobile-toolbar-grid .my-box-toggle-wrapper{align-items:center;display:flex;height:auto;justify-content:center}.active-sort{background:rgba(var(--rgb-primary),.2)!important;border-color:var(--primary-base)!important;box-shadow:0 0 10px rgba(var(--rgb-primary),.2);color:var(--text-main)!important}.modal-sort-section{border-bottom:1px solid var(--border-light);margin-bottom:20px;padding-bottom:20px}.mobile-filter-label{color:var(--text-muted);display:block;font-size:12px;font-weight:700;margin-bottom:8px;text-transform:uppercase}.mobile-sort-btn{align-items:center;display:flex;font-size:14px;gap:0;height:48px;justify-content:center;width:100%}.toolbar-actions .stage-guide-btn{min-width:auto}.filter-modal-body{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0}.filter-modal-body::-webkit-scrollbar{display:none}.filter-modal-body label{color:var(--text-muted);display:block;font-size:12px;font-weight:700;margin-bottom:8px;text-transform:uppercase}.filter-done-btn{width:100%}.view-box-btn{align-items:center;background:rgba(var(--rgb-card),.5);border:1px solid var(--border-light);border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:8px;position:relative;transition:all .3s ease;width:40px}.view-box-btn:hover{background:var(--border-light);color:var(--text-main)}.view-box-btn.active{background:#10b98133;border-color:var(--color-success);box-shadow:0 0 15px #10b9814d;color:var(--color-success)}.pulse-dot{animation:pulse-green 2s infinite;background-color:var(--color-success);border-radius:50%;box-shadow:0 0 0 0 #10b981b3;height:6px;position:absolute;right:8px;top:8px;width:6px}@keyframes pulse-green{0%{box-shadow:0 0 0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}.vb-description{color:var(--text-muted);font-size:1rem;line-height:1.5;margin-bottom:24px;margin-top:0}.vb-input{background:var(--bg-surface);border:1px solid #ffffff26;border-radius:8px;box-sizing:border-box;color:var(--text-main);font-size:.95rem;padding:12px 15px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.vb-modal input:focus{border-color:var(--color-info);box-shadow:0 0 0 3px #60a5fa40;outline:none}.banners-view{grid-gap:24px;align-content:start;box-sizing:border-box;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));height:100%;overflow-y:auto;padding:24px;scrollbar-color:var(--color-slate-700) var(--bg-surface);scrollbar-width:thin;width:100%}.banners-view::-webkit-scrollbar{width:8px}.banners-view::-webkit-scrollbar-track{background:var(--bg-surface)}.banners-view::-webkit-scrollbar-thumb{background-color:var(--color-slate-700);border-radius:4px}.banner-card{background-color:var(--bg-card);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.banner-card:hover{border-color:var(--primary-base);box-shadow:0 20px 25px -5px #00000080,0 0 15px rgba(var(--rgb-primary),.3);transform:translateY(-6px)}.banner-image-container{aspect-ratio:835/555;background-color:var(--bg-card);border-bottom:1px solid var(--border-subtle);overflow:hidden;position:relative;width:100%}.banner-image-container img{height:100%;object-fit:cover;object-position:center;transition:transform .5s ease;width:100%}.banner-card:hover .banner-image-container img{transform:scale(1.05)}.banner-info{display:flex;flex-direction:column;flex-grow:1;gap:8px;justify-content:space-between;padding:12px}.banner-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-main);display:-webkit-box;font-size:14px;font-weight:600;line-height:1.3;margin:0;overflow:hidden}.banner-dates{display:flex;gap:8px;margin-top:auto}.date-box{background:var(--bg-glass);border-radius:6px;display:flex;flex:1 1;flex-direction:column;gap:2px;overflow:hidden;padding:6px 10px;position:relative}.date-box:after{bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.date-box.start:after{background-color:var(--color-success)}.date-box.end:after{background-color:var(--color-danger)}.date-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.date-value{color:var(--text-main);font-family:Inter,monospace;font-size:11px;font-weight:500;white-space:nowrap}.banner-modal-title-group{align-items:center;display:flex;flex-wrap:wrap;gap:16px;width:100%}.banner-modal-heading{color:var(--text-main);font-size:1.2rem;font-weight:700;margin:0}.chance-badge{align-items:center;background:linear-gradient(90deg,rgba(var(--rgb-primary),.1),rgba(var(--rgb-accent),.2));border:1px solid var(--color-brand-400);border-radius:12px;box-shadow:0 2px 10px rgba(var(--rgb-primary),.15);display:inline-flex;gap:8px;padding:6px 14px}.chance-label{color:var(--text-accent);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.chance-number{color:var(--text-main);font-size:14px;font-weight:800}.banner-empty-state,.banner-loading-state{align-items:center;background:rgba(var(--rgb-card),.4);border:2px dashed rgba(var(--rgb-primary),.3);border-radius:16px;box-shadow:inset 0 0 20px #0003;color:var(--text-muted);display:flex;flex-direction:column;font-size:1.1rem;font-weight:600;justify-content:center;margin:20px;min-height:200px;padding:40px 20px;text-align:center}.category-section{margin-bottom:24px}.category-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.category-header h4{color:var(--text-main);font-size:1rem;font-weight:600;margin:0}.cat-chance{background:var(--bg-card);border:1px solid var(--border-light);border-radius:4px;color:var(--text-muted);font-family:var(--font-mono);font-size:11px;padding:2px 8px}.category-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.character-card.small{aspect-ratio:1/1;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:6px;box-shadow:0 2px 4px #0003;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease,border-color .2s;width:100%}.character-card.small:hover{border-color:var(--primary-base);box-shadow:0 4px 12px #00000080;transform:translateY(-2px) scale(1.05);z-index:10}.character-card.small img{display:block;height:100%;object-fit:cover;width:100%}.character-card.small.missing{border-style:dashed;filter:grayscale(100%);opacity:.6}.character-card.small.missing:hover{border-style:solid;filter:grayscale(0);opacity:1}.modal-button{-webkit-text-stroke:0;background:rgba(var(--rgb-gold),.1);border:1px solid var(--color-gold);border-radius:12px;box-shadow:0 4px 15px var(--color-gold-glow);color:var(--color-gold);cursor:pointer;font-family:var(--font-header);font-size:13px;font-weight:800;letter-spacing:.5px;margin-left:auto;padding:8px 20px;text-shadow:0 1px 3px var(--shadow-base);text-transform:uppercase;transition:all .2s ease}.modal-button:hover{background:rgba(var(--rgb-gold),.2);box-shadow:0 6px 20px var(--color-gold-glow);transform:translateY(-2px)}.modal-button.character{background:rgba(var(--rgb-danger),.1);border:1px solid var(--color-danger);box-shadow:0 4px 15px var(--color-danger-glow);color:var(--color-danger)}.modal-button.character:hover{background:rgba(var(--rgb-danger),.2);box-shadow:0 6px 20px var(--color-danger-glow)}@media(max-width:760px){.banner-modal-title-group{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-areas:"title badge" "button button";grid-template-columns:auto 1fr}.banner-modal-heading{grid-area:title}.chance-badge{grid-area:badge;justify-self:end}.modal-button{grid-area:button;margin-left:0;margin-top:4px;text-align:center;width:100%}}.banner-steps-list{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.banner-step-row{align-items:stretch;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:0 4px 6px -1px #0003;display:flex;overflow:hidden}.step-indicator{background:rgba(var(--rgb-primary),.1);border-right:1px solid var(--border-subtle);width:60px}.step-label{font-size:10px;font-weight:800;letter-spacing:.5px}.step-num{color:var(--text-main);font-size:24px;font-weight:900}.step-wrapper{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:16px}.step-main-title{color:var(--text-main);font-size:15px;font-weight:700;line-height:1.5;margin:0;text-transform:uppercase}.step-bonus-row{background:var(--bg-surface);border:1px dashed var(--border-strong);border-radius:8px;box-shadow:inset 0 2px 6px var(--shadow-base);padding:10px 14px}.step-bonus-text{color:var(--text-main);font-size:14px;font-weight:700;letter-spacing:.3px;margin:0;text-shadow:0 2px 4px var(--shadow-heavy)}.step-pool-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.pool-label{color:var(--text-muted);font-size:12px;font-weight:600}.pool-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;box-shadow:0 4px 10px var(--shadow-light);font-size:11px;font-weight:800;padding:6px 12px;text-shadow:0 1px 2px var(--shadow-base);text-transform:uppercase}.pool-legends{background:rgba(var(--rgb-danger),.15);border:1px solid var(--color-danger);box-shadow:0 0 8px var(--color-danger-glow);color:var(--color-danger)}.pool-rr{background:rgba(var(--rgb-gold),.15);border:1px solid var(--color-gold);box-shadow:0 0 8px var(--color-gold-glow);color:var(--color-gold)}.highlight-text{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 2px 4px var(--shadow-heavy));font-weight:900}.highlight-rainbow-gems{background-image:var(--grad-rainbow-gems)}.highlight-aurora-gem,.highlight-aurora-gems{background-image:var(--grad-aurora)}.highlight-rainbow-tavern-medals{background-image:var(--grad-medals)}.highlight-guaranteed-damage-limit-break-class-tablet,.highlight-guaranteed-damage-limit-break-type-tablet,.highlight-guiding-key-rainbow{background-image:var(--grad-red-light)}.highlight-anniversary-sugo-fest-exclusive-character,.highlight-pirate-rumble-sugo-fest-only-character,.highlight-sugo-fest-exclusive{background-image:var(--grad-red-dark)}.highlight-rate-boosted-character,.highlight-recommended-character{background-image:var(--grad-yellow-orange)}.highlight-limited-pool{background-image:var(--grad-white-orange)}.highlight-super-limited-pool{background-image:var(--grad-white-red)}.highlight-all{background-image:var(--grad-red-extreme)}.highlight-get{background-image:var(--grad-gold)}.highlight-30pct{background-image:var(--grad-red-light)}.highlight-40pct{background-image:var(--grad-red-dark)}.highlight-50pct{background-image:var(--grad-red-extreme)}.highlight-rare-str-llb-poster{background-image:var(--grad-type-str);filter:brightness(1.2) drop-shadow(0 2px 2px rgba(0,0,0,.5))}.highlight-rare-dex-llb-poster{background-image:var(--grad-type-dex);filter:brightness(1.2) drop-shadow(0 2px 2px rgba(0,0,0,.5))}.highlight-rare-qck-llb-poster{background-image:var(--grad-type-qck);filter:brightness(1.2) drop-shadow(0 2px 2px rgba(0,0,0,.5))}.highlight-rare-psy-llb-poster{background-image:var(--grad-type-psy);filter:brightness(1.2) drop-shadow(0 2px 2px rgba(0,0,0,.5))}.highlight-rare-int-llb-poster{background-image:var(--grad-type-int);filter:brightness(1.2) drop-shadow(0 2px 2px rgba(0,0,0,.5))}.highlight-rare-rainbow-llb-poster{background-image:var(--grad-type-rainbow);filter:brightness(1.2) drop-shadow(0 2px 2px rgba(0,0,0,.5))}.highlight-sugo-rare-str-llb-poster{background-image:var(--grad-type-str);filter:brightness(.8) drop-shadow(0 2px 2px rgba(0,0,0,.5))}.highlight-sugo-rare-dex-llb-poster{background-image:var(--grad-type-dex);filter:brightness(.8) drop-shadow(0 2px 2px rgba(0,0,0,.5))}.highlight-sugo-rare-qck-llb-poster{background-image:var(--grad-type-qck);filter:brightness(.8) drop-shadow(0 2px 2px rgba(0,0,0,.5))}.highlight-sugo-rare-psy-llb-poster{background-image:var(--grad-type-psy);filter:brightness(.8) drop-shadow(0 2px 2px rgba(0,0,0,.5))}.highlight-sugo-rare-int-llb-poster{background-image:var(--grad-type-int);filter:brightness(.8) drop-shadow(0 2px 2px rgba(0,0,0,.5))}.highlight-sugo-rare-rainbow-llb-poster{background-image:var(--grad-type-rainbow);filter:brightness(.8) drop-shadow(0 2px 2px rgba(0,0,0,.5))}@media(max-width:600px){.step-indicator{width:50px}.step-main-title{font-size:13px}.step-bonus-text{font-size:12px}.pool-badge{font-size:10px}}.creators-view-container{align-items:center;box-sizing:border-box;color:var(--text-main);display:flex;flex:1 1;flex-direction:column;font-family:Inter,sans-serif;height:100%;min-height:0;padding:20px 40px;width:100%}.wanted-header{flex-shrink:0;margin-bottom:53px;text-align:center}.marine-subtitle{color:var(--color-text-200);font-size:14px;font-weight:700;letter-spacing:6px;margin-bottom:12px;opacity:.9;text-shadow:0 2px 4px #00000080;text-transform:uppercase}.wanted-title{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,var(--color-gold-light) 10%,var(--color-gold) 50%,var(--color-gold-dark) 100%);-webkit-background-clip:text;filter:drop-shadow(0 0 15px var(--color-gold-glow));font-size:52px;font-weight:900;letter-spacing:-1px;margin:0;text-transform:uppercase}.header-decoration-line{background:linear-gradient(90deg,#0000,var(--color-gold),#0000);border-radius:2px;height:4px;margin:25px auto 0;opacity:.8;width:120px}.table-wrapper{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-glass);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 20px 50px #0000004d;display:flex;flex-direction:column;flex-grow:0;margin-bottom:10px;max-width:1000px;overflow:hidden;padding-bottom:4px;width:100%}.creators-table{border-collapse:collapse;width:100%}.creators-table th{background:rgba(.8);background:rgba(var(--rgb-card,.8));border-bottom:1px solid var(--border-subtle);color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:1.5px;padding:20px;text-align:left;text-transform:uppercase}.creators-table th.rank-col{color:var(--text-muted);font-size:18px;padding-left:0;padding-right:0;text-align:center}.creators-table th.bounty-col{padding-right:36px;text-align:right}.creator-row{border-bottom:1px solid #ffffff08;height:75px;transition:all .2s ease}.creator-row:hover{background:#ffffff08}.creators-table td{padding:0 20px;vertical-align:middle}.creators-table td.rank-col{align-items:center;display:flex;height:75px;justify-content:center}.rank-col{color:var(--text-500);font-size:18px;font-weight:700;text-align:center;width:80px}.rank-badge.rank-1{color:var(--color-gold);font-size:24px;text-shadow:0 0 15px #fcd34d80}.rank-badge.rank-2{color:var(--text-main);font-size:22px;text-shadow:0 0 10px #e2e8f066}.rank-badge.rank-3{color:#b45309;font-size:20px;text-shadow:0 0 10px #b4530966}.captain-link{align-items:center;color:var(--text-main);display:flex;font-size:18px;font-weight:600;gap:10px;height:100%;text-decoration:none;transition:color .2s}.captain-link:hover{color:var(--color-gold)}.external-icon{color:var(--text-muted);font-size:14px;opacity:0;transform:translateX(-5px);transition:all .2s}.captain-link:hover .external-icon{opacity:1;transform:translateX(0)}.bounty-col{text-align:right;width:250px}.bounty-container{align-items:center;background:#0000004d;border:1px solid var(--border-subtle);border-radius:8px;display:inline-flex;gap:12px;justify-content:center;min-width:60px;padding:8px 16px}.bounty-value{color:var(--text-main);font-family:Courier New,monospace;font-size:20px;font-weight:700;letter-spacing:1px}.bounty-col-cell{align-items:center;display:flex;height:100%;justify-content:flex-end;padding-right:36px}.creator-row:last-child{border-bottom:none}@media (max-width:768px){.creators-view-container{padding:10px 5px}.wanted-header{margin-bottom:15px}.wanted-title{font-size:24px}.marine-subtitle{font-size:10px;letter-spacing:2px;margin-bottom:4px}.header-decoration-line{height:3px;margin:10px auto 0;width:60px}.bounty-col-cell,.creator-row,.creators-table td.rank-col{height:55px}.creators-table th{font-size:10px;padding:10px 5px}.rank-col{font-size:14px;width:40px}.captain-link{font-size:13px;gap:6px}.bounty-value{font-size:15px}.bounty-col{width:auto}.bounty-col-cell,.creators-table th.bounty-col{padding-right:10px}.bounty-container{min-width:auto;padding:4px 8px}.rank-badge.rank-1{font-size:18px}.rank-badge.rank-2{font-size:16px}.rank-badge.rank-3{font-size:15px}}.no-crews-message{align-items:center;box-sizing:border-box;color:#a0a2a8;display:flex;flex-direction:column;flex-grow:1;justify-content:center;text-align:center;width:100%}.empty-state-card{animation:fadeInCard .6s ease-out forwards;background-color:var(--bg-card);border:1px solid #4a505c;border-radius:12px;box-shadow:0 8px 16px #0003;max-width:700px;opacity:0;padding:5vh 60px;text-align:center;transform:translateY(20px);transition:all .3s ease-in-out;width:100%}.crews-view{align-content:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:30px;height:auto;justify-content:center;min-height:0;overflow-x:hidden;overflow-y:hidden;padding:20px 10px 60px}.no-crews-message .luffy-empty-state-image{animation:floatAnimation 4s ease-in-out infinite;margin-bottom:2vh;max-height:350px;max-width:35vh;opacity:.7;transition:max-width .3s ease-in-out}.no-crews-message h2{color:#e0e1e6;font-size:clamp(1.8em,4vh,2.5em);font-weight:700;margin-bottom:15px;text-shadow:2px 2px 4px #0006;transition:font-size .3s ease-in-out}.no-crews-message p{color:var(--text-muted);font-size:clamp(1em,2vh,1.2em);line-height:1.7;margin-left:auto;margin-right:auto;max-width:500px;transition:font-size .3s ease-in-out}@keyframes fadeInCard{to{opacity:1;transform:translateY(0)}}@keyframes floatAnimation{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.crew-container{flex-basis:300px;flex-grow:0;flex-shrink:1}.card-wrapper{display:flex;flex-direction:column;height:100%;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.card-wrapper.highlighted-wrapper{border-radius:16px;position:relative;transform:scale(1.02);transition:all .5s cubic-bezier(.34,1.56,.64,1);z-index:10}.card-wrapper.highlighted-wrapper:before{animation:spinGlow 4s linear infinite;background:conic-gradient(from var(--angle),var(--primary-base),var(--color-gold),var(--primary-base),var(--color-info),var(--primary-base));border-radius:18px;content:"";filter:blur(10px);inset:-3px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8;padding:3px;position:absolute;z-index:0}.card-wrapper.highlighted-wrapper:after{animation:borderShimmer 3s ease infinite;background:linear-gradient(45deg,var(--primary-base),var(--color-gold),var(--color-brand-300));background-size:200% 200%;border-radius:16px;content:"";inset:-1px;padding:1px;position:absolute;z-index:1}.highlighted-wrapper .crew-card{background:linear-gradient(180deg,#14141e,#0a0a14);border-color:#fbbf2499;box-shadow:inset 0 0 15px rgba(var(--rgb-primary),.15)}.highlighted-wrapper .video-button{border-color:#000;border-top:1px solid var(--color-gold);color:var(--color-gold);font-weight:800;letter-spacing:1.5px;opacity:1;text-shadow:none;z-index:10}.highlighted-wrapper .video-button.text-guide-btn{background-color:#000;border-color:#000;border-top:1px solid var(--color-gold);box-shadow:none;color:var(--color-gold)}.highlighted-wrapper .video-button:hover{background:var(--color-gold);box-shadow:0 0 25px #fbbf2499;color:#000;text-shadow:none}.highlighted-wrapper .video-button.text-guide-btn:hover{background:var(--color-gold);border-color:#0000;box-shadow:0 0 25px #fbbf2499;color:#000}.highlighted-wrapper .video-button svg{filter:drop-shadow(0 0 5px var(--color-gold))}.highlighted-wrapper .favorite-btn,.highlighted-wrapper .report-btn,.highlighted-wrapper .share-btn{animation:borderShimmer 3s ease infinite;background-color:rgba(var(--color-gold-glow),.1);border-color:rgba(var(--color-gold),.05);color:var(--color-gold)}.card-wrapper:hover{transform:translateY(-6px)}.card-wrapper:hover .crew-card{border-color:#ffffff4d #fff3 #fff3;box-shadow:0 12px 24px #0006,inset 0 1px 0 var(--border-subtle)}.crew-container:hover .crew-card{box-shadow:none;transform:none}.crew-card{background:linear-gradient(180deg,#1e293bf2,#111827fa);border:1px solid #ffffff1a;border-bottom:none;border-radius:16px 16px 0 0;box-shadow:0 4px 6px -1px #0003,inset 0 1px 0 var(--border-subtle);overflow:hidden;padding:12px;position:relative;transition:all .3s ease;z-index:2}.crew-card h4{color:var(--text-main);font-size:.95rem;margin-bottom:10px;margin-top:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.crew-members-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr);padding:2px}.member-slot{aspect-ratio:1/1;background-color:var(--bg-app);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:inset 0 0 10px #00000080;display:inline-block;overflow:visible;position:relative;width:100%;z-index:1}.character-link{display:block;height:100%;position:relative;width:100%}.member-slot.empty{background-color:var(--bg-surface);background-image:none;border:1px solid #ffffff08;box-shadow:inset 0 0 12px #0009}.role-badge{background:linear-gradient(180deg,#020617f2,#02061799 40%,#0000);border-radius:7px 7px 0 0;color:var(--text-main);font-size:11px;font-weight:800;left:0;letter-spacing:1px;padding:5px 0 25px;pointer-events:none;position:absolute;text-align:center;text-shadow:0 2px 4px #000c;text-transform:uppercase;top:0;width:100%;z-index:5}.c-badge{border-top:3px solid var(--color-danger);box-shadow:inset 0 1px 20px #ef44444d}.fc-badge{border-top:3px solid var(--color-warning);box-shadow:inset 0 1px 20px #f59e0b4d}.support-link{aspect-ratio:1/1;background-color:var(--bg-card);border:2px solid var(--color-slate-700);border-radius:6px;bottom:-5px;box-shadow:-2px -2px 0 var(--bg-app),0 4px 6px #00000080;box-sizing:border-box;position:absolute;right:-5px;transition:transform .2s ease;width:42%}.support-link.has-image{background-color:initial}.support-link:hover{transform:scale(1.1);z-index:20}.support-link.optional{border:2px dashed var(--text-muted);opacity:.9}.support-image{border-radius:3.5px;display:block;height:100%;object-fit:cover;width:100%}.video-button{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#5b25c91a;border:1px solid #703be84d;border-radius:0 0 16px 16px;border-top-color:#703be833;box-sizing:border-box;color:var(--text-accent);display:flex;font-size:.85rem;font-weight:700;justify-content:center;letter-spacing:1px;margin-top:0;padding:12px 0;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.video-button:hover{background:linear-gradient(90deg,var(--color-brand-700) 0,var(--primary-base) 100%);border-color:#0000;box-shadow:0 0 20px rgba(var(--rgb-primary),.5);color:var(--text-main);transform:translateY(0)}.video-button svg{fill:currentColor;margin-right:8px;transition:transform .3s ease}.card-wrapper:hover .video-button svg{transform:scale(1.1)}.video-button.disabled{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#ffffff05;border-color:#ffffff0d;box-shadow:none;color:var(--text-500);cursor:not-allowed}.crew-card.placeholder{background-color:initial;border:1px solid #4a505c}@keyframes pulse{0%{background-color:#484550}50%{background-color:#3a3f4a}to{background-color:#484550}}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes spinGlow{0%{--angle:0deg;filter:blur(8px) brightness(1)}50%{filter:blur(12px) brightness(1.3)}to{--angle:360deg;filter:blur(8px) brightness(1)}}@keyframes borderShimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@supports not (background:paint(something)){.card-wrapper.highlighted-wrapper:before{animation:highlightPulseOld 2s infinite alternate;background:linear-gradient(45deg,var(--primary-base),var(--color-gold));filter:blur(15px)}}@keyframes highlightPulseOld{0%{opacity:.5;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}.support-slot-placeholder{aspect-ratio:1/1;background-color:#6a6a6a;border:2px solid #888;border-radius:4px;bottom:-5px;position:absolute;right:-5px;width:45%}.placeholder .member-slot{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffe108 75%);background-size:200% 100%;border:1px solid #fff3;border-radius:8px}.placeholder .support-slot-placeholder{border:none;display:none}.crew-controls .search-button{margin-left:auto}.placeholder-wrapper .crew-card{background-color:var(--bg-surface);border-bottom:none;border:1px solid var(--border-subtle);border-radius:12px 12px 0 0;margin-bottom:0}.placeholder-wrapper .video-button.disabled{animation:shimmer eas-in-out 2s infinite;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffe108 75%);background-size:200% 100%;border-top:1px solid var(--border-subtle);color:#0000}.video-button.text-guide-btn{background:#2dd4bf1a;border-color:#2dd4bf33 #2dd4bf4d #2dd4bf4d;color:#2dd4bf;cursor:pointer;font-weight:700;letter-spacing:1px}.video-button.text-guide-btn:hover{background:#2dd4bf;border-color:#0000;box-shadow:0 0 25px #2dd4bf66;color:#fff;font-weight:700}.video-button.text-guide-btn svg{fill:currentColor;transform:scale(1.1)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.level-badge{align-items:flex-end;background:none!important;border:none!important;bottom:0;box-shadow:none!important;display:flex;gap:2px;justify-content:flex-start;left:0;padding:0 0 2px 2px;pointer-events:none;width:auto;width:100%;z-index:25}.level-badge .lv-label{color:#fff;font-family:Roboto Condensed,sans-serif;font-size:18px;font-weight:700;line-height:1.2;margin-bottom:3px;text-shadow:2px 0 0 #000,-2px 0 0 #000,0 -2px 0 #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.level-badge .lv-num{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#ff8a90,#e60000 45%,maroon 50%,#4a0000);-webkit-background-clip:text;background-clip:text;color:#0000;filter:drop-shadow(1.5px 0 0 #000) drop-shadow(-1.5px 0 0 #000) drop-shadow(0 1.5px 0 #000) drop-shadow(0 -1.5px 0 #000);font-family:Impact,sans-serif;font-size:20px;letter-spacing:.5px;line-height:.9;margin-bottom:5px}.export-container .level-badge{background:none!important;border:none!important;bottom:6px!important;box-shadow:none!important;left:4px!important;padding:0!important;transform:none!important}.export-container .level-badge .lv-label{font-size:22px!important;margin-bottom:4px!important;text-shadow:2.5px 0 0 #000,-2.5px 0 0 #000,0 2.5px 0 #000,0 -2.5px 0 #000!important}.export-container .level-badge .lv-num{filter:drop-shadow(2px 0 0 #000) drop-shadow(-2px 0 0 #000) drop-shadow(0 2px 0 #000) drop-shadow(0 -2px 0 #000)!important;font-size:25px!important;line-height:.85!important}.optional-indicator .tooltip-text{background-color:var(--bg-glass);border:1px solid var(--border-light);border-radius:6px;bottom:100%;color:var(--text-main);font-size:10px;left:50%;margin-bottom:5px;opacity:0;padding:6px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-80%);transition:opacity .2s;visibility:hidden;width:120px;z-index:20}.optional-indicator:hover .tooltip-text{opacity:1;visibility:visible}.optional-indicator{background-color:var(--color-info);border:2px solid var(--bg-app);cursor:help;font-weight:700;height:12px;right:-6px;top:-6px;width:12px;z-index:25}@media (max-width:768px){.crews-view{gap:10px;justify-content:center;padding:50px 5px 60px}.crew-container{flex-basis:180px}.crew-card{padding:8px}.crew-card h4{align-items:center;display:flex;font-size:.8rem;margin-bottom:6px;min-height:32px;padding-left:4px;padding-right:90px;text-align:left}.role-badge{font-size:9px;padding-bottom:15px}.level-badge{bottom:1px}.level-badge .lv-label{font-size:11px;margin-bottom:1px}.level-badge .lv-num{font-size:13px;margin-bottom:1px}.level-badge .lv-label.step{font-size:16px;margin-bottom:2px}.level-badge .lv-num.step{font-size:18px;margin-bottom:2px}.video-button{font-size:.75rem;padding:8px 0}.video-button svg{height:16px;width:16px}.no-crews-message{justify-content:flex-srart;overflow-y:auto;padding:60px 20px 20px}.empty-state-card{margin-bottom:20px;max-width:100%;padding:30px 20px;width:90%}.no-crews-message .luffy-empty-state-image{margin-bottom:15px;max-height:200px;max-width:80%}.no-crews-message h2{font-size:1.4rem;margin-bottom:10px}.no-crews-message p{font-size:.9rem;line-height:1.5}.add-crew-card{min-height:250px}.plus-icon-wrapper{height:45px;width:45px}.add-crew-text{font-size:.9rem}.card-actions{gap:4px;right:6px;top:6px}.action-btn{height:28px;width:28px}.action-btn svg{height:16px;width:16px}}.crews-view::-webkit-scrollbar,.no-crews-message::-webkit-scrollbar{display:none}.crews-view,.no-crews-message{-ms-overflow-style:none;scrollbar-width:none}.crew-container.add-crew-slot{cursor:pointer}.add-crew-card{align-items:center;background-color:rgba(var(--rgb-card),.4);border:2px dashed rgba(var(--rgb-accent),.4);border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-crew-card:hover{background-color:rgba(var(--rgb-accent),.1);border-color:var(--text-accent);box-shadow:0 10px 25px rgba(var(--rgb-primary),.15);transform:translateY(-4px)}.plus-icon-wrapper{align-items:center;background:rgba(var(--rgb-accent),.1);border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:15px;transition:transform .3s ease,background .3s ease;width:60px}.add-crew-card:hover .plus-icon-wrapper{background:var(--text-accent);color:#fff;transform:scale(1.1) rotate(90deg)}.add-crew-text{color:var(--text-accent);font-size:1.1rem;font-weight:700;letter-spacing:.5px;transition:color .3s ease}.add-crew:hover .add-crew-text{color:var(--text-main)}@keyframes highlightPulse{0%{box-shadow:0 0 0 2px var(--primary-base),0 0 20px rgba(var(--color-brand-glow))}50%{box-shadow:0 0 0 4px var(--text-accent),0 0 50px rgba(var(--color-brand-glow))}to{box-shadow:0 0 0 2px var(--primary-base),0 0 20px rgba(var(--color-brand-glow))}}.card-actions{display:flex;flex-direction:row;gap:6px;position:absolute;right:8px;top:8px;z-index:10}.action-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(var(--rgb-surface),.6);border:1px solid var(--border-light);border-radius:8px;color:var(--text-500);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.action-btn:hover{background:#ffffff26;color:var(--text-main);transform:translateY(-2px)}.favorite-btn:hover{border-color:#fbbf2466;color:var(--color-gold)}.share-btn:hover{border-color:#38bdf866;color:var(--color-info)}.report-btn:hover{border-color:#f8717166;color:var(--color-danger)}.favorite-btn.active{background:#fbbf2426;border-color:#fbbf2466;box-shadow:0 0 10px #fbbf2433;color:var(--color-gold)}.action-btn svg{display:block;height:18px;width:18px}.boss-grid-view{grid-gap:16px;align-content:start;box-sizing:border-box;display:grid;gap:16px;grid-auto-rows:70px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));height:calc(100vh - 240px);min-height:0;overflow-y:hidden;padding:24px;width:100%}.boss-card{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;display:flex;height:100%;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.boss-card:hover{background-color:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:0 4px 12px #0000004d;transform:translateY(-3px)}.boss-image-wrapper{background-color:var(--bg-surface);flex-shrink:0;height:100%;width:70px}.boss-image-wrapper img{height:100%;object-fit:cover;width:100%}.boss-info{flex-grow:1;overflow:hidden;padding:0 16px}.boss-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-main);display:-webkit-box;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.stage-conditions{background:rgba(var(--rgb-card),.6);border:1px solid #0ea5e966;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:32px}.conditions-header{background:#0ea5e91a;border-bottom:1px solid #0ea5e933;display:flex;font-size:13px;font-weight:800;gap:10px;letter-spacing:1px;padding:10px 16px;text-transform:uppercase}.conditions-header,.info-icon{align-items:center;color:var(--color-info)}.info-icon{border:2px solid var(--color-info);border-radius:50%;display:inline-flex;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.conditions-list{list-style:none;margin:0;padding:0}.condition-item{align-items:center;border-bottom:1px solid var(--border-subtle);color:var(--text-main);display:flex;font-size:14px;padding:12px 16px}.condition-item:last-child{border-bottom:none}.condition-item:before{color:var(--color-info);content:"•";font-size:18px;font-weight:700;line-height:1;margin-right:12px}.battle-title{align-items:center;color:var(--text-accent);display:flex;font-size:13px;font-weight:800;gap:12px;letter-spacing:1.5px;margin-bottom:12px;padding-left:8px;text-transform:uppercase}.battle-section{margin-bottom:32px;position:relative}.battle-title:after{background:linear-gradient(90deg,#a855f74d,#0000);content:"";flex:1 1;height:1px}.grouped-row{background:rgba(var(--rgb-card),.2);border:1px solid var(--border-light);border-radius:12px;margin-bottom:16px;overflow:hidden}.group-header{align-items:center;background:#0003;border-bottom:1px solid var(--border-light);display:flex;font-size:13px;justify-content:space-between;padding:10px 16px}.group-label{border-radius:4px;font-size:11px;font-weight:800;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.trigger-text{color:var(--text-main);flex:1 1;font-size:13px;font-weight:500;margin-left:12px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.starting{background:linear-gradient(90deg,var(--color-green-dim) 0,#0000 100%);border-left:4px solid var(--color-success)}.starting .group-label{background:#22c55e66;color:var(--text-main)}.preemptive{background:linear-gradient(90deg,var(--color-blue-dim) 0,#0000 100%);border-left:4px solid var(--color-info)}.preemptive .group-label{background:#0ea5e966;color:var(--text-main)}.interruption{background:linear-gradient(90deg,var(--color-yellow-dim) 0,#0000 100%);border-left:4px solid var(--color-warning)}.interruption .group-label{background:#eab30866;color:var(--text-main)}.defeated{background:linear-gradient(90deg,var(--color-red-dim) 0,#0000 100%);border-left:4px solid var(--color-danger)}.defeated .group-label{background:#ef444466;color:var(--text-main)}.group{background:#0000;border-left:4px solid var(--text-500)}.group .group-header{display:none}.group-body{padding:4px 0}.gimmick-item{align-items:center;border-left:3px solid #0000;border-radius:8px;color:var(--text-muted);display:flex;justify-content:space-between;margin:4px 8px;padding:12px 16px;transition:all .2s}.gimmick-item:not(.grouped-row .gimmick-item){background:var(--bg-card);border:1px solid var(--border-light);margin-bottom:8px}.gimmick-content-left{align-items:center;display:flex;flex:1 1;gap:16px}.gimmick-text{color:var(--text-main);font-size:14px;font-weight:500;line-height:1.5}.bg-red-900{background:linear-gradient(90deg,#ef444408,#0000);border-left-color:var(--color-danger)}.bg-purple-900{background:linear-gradient(90deg,#a855f708,#0000);border-left-color:var(--text-accent)}.bg-green-900{background:linear-gradient(90deg,#22c55e08,#0000);border-left-color:var(--color-success)}.bg-gray-800{background:#0000;border-left-color:var(--border-light);opacity:.9}.gimmick-item:hover{background-color:var(--border-subtle)!important;transform:translateX(4px)}.icon-wrapper{align-items:center;background:#0000;border:none;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.icon-wrapper.has-icon{background:#0000004d;border:1px solid var(--border-light)}.gimmick-img{height:20px;object-fit:contain;width:20px}.gimmick-controls{align-items:center;display:flex;gap:12px;margin-left:16px}.turn-counter{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:6px;padding:2px}.counter-btn,.turn-counter{align-items:center;display:flex}.counter-btn{background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-weight:700;height:24px;justify-content:center;transition:.2s;width:24px}.counter-btn:hover:not(:disabled){background:var(--border-light);color:#fff}.counter-btn:disabled{cursor:default;opacity:.3}.counter-display{font-feature-settings:"tnum";color:var(--text-accent);font-size:13px;font-variant-numeric:tabular-nums;font-weight:700;min-width:40px;text-align:center}.checkbox-custom{align-items:center;border:2px solid var(--text-muted);border-radius:6px;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);width:24px}.checkbox-custom.checked,.checkbox-custom:hover{border-color:var(--text-accent)}.checkbox-custom.checked{background:var(--text-accent);box-shadow:0 0 10px var(--color-purple-dim);color:#fff;transform:scale(1.1)}.gimmick-completed{background:#0000!important;border-left-color:var(--text-muted)!important;filter:grayscale(1);opacity:.5}.gimmick-completed .gimmick-text{color:var(--text-muted);text-decoration:line-through}.error-text,.loading-text{color:var(--text-muted);padding:40px;text-align:center}.header-info{display:flex;flex-direction:column;gap:6px}.strategy-label{color:var(--accent-purple);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.crew-title{color:var(--text-main);font-size:1.5rem;line-height:1.2;margin:0}.creator-badge{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:6px;margin-top:4px}.creator-name{color:var(--text-main)}.notes-section{background:#06b6d40d;border:1px solid #06b6d433;border-radius:12px}.notes-header{align-items:center;background:#06b6d41a;color:#22d3ee;display:flex;font-size:14px;font-weight:700;gap:10px;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase}.notes-list{margin:0;padding:20px}.notes-list li{align-items:flex-start;color:var(--text-muted);display:flex;font-size:15px;gap:12px;line-height:1.6}.notes-list li:last-child{margin-bottom:0}.note-bullet{color:#22d3ee;font-size:18px;line-height:1}.stages-container{display:flex;flex-direction:column;gap:24px}.stage-card{background-color:var(--bg-card);border:1px solid rgba(var(--rgb-accent),.1);border-radius:16px;box-shadow:0 4px 6px -1px #0003;overflow:hidden}.stage-header{align-items:baseline;background:linear-gradient(90deg,rgba(var(--rgb-accent),.15) 0,rgba(var(--rgb-accent),.02) 100%);border-bottom:1px solid rgba(var(--rgb-accent),.1);display:flex;gap:8px;padding:12px 24px}.stage-label{color:var(--accent-purple);font-size:12px;font-weight:800;letter-spacing:1px}.stage-number{color:var(--accent-purple);font-family:Roboto Mono,monospace;font-size:20px;font-weight:700}.stage-content{display:flex;flex-direction:column;gap:16px;padding:24px}.step-row{align-items:stretch;background-color:#1e293b99;border:1px solid #ffffff14;border-radius:8px;display:flex;gap:0;overflow:hidden;padding:0;transition:border-color .2s}.step-row:hover{background-color:rgba(var(--rgb-card),.9);border-color:var(--accent-purple)}.step-indicator{align-items:center;background:var(--bg-surface);border:none;border-radius:0;border-right:1px solid #ffffff14;display:flex;flex-direction:column;flex-shrink:0;height:auto;justify-content:center;width:50px}.step-label{color:var(--text-muted);font-size:8px;font-weight:700;margin-bottom:2px;text-transform:uppercase}.step-num{color:var(--accent-purple);font-size:16px;font-weight:800;line-height:1}.step-text{align-items:center;color:var(--text-main);display:flex;font-size:14px;font-weight:400;line-height:1.5;margin:0;padding:12px 16px}.empty-state{background:#ffffff05;border-radius:12px;color:var(--text-500);font-style:italic;padding:40px;text-align:center}.text-guide-header-group{display:flex;flex-direction:column}.text-guide-main-title{color:var(--text-main);font-size:1.1rem;line-height:1.2;margin:0}.text-guide-creator-wrapper{align-items:center;display:flex;font-size:.8rem;font-weight:400;margin-top:4px}.text-guide-creator-name{color:var(--text-accent);font-weight:600;margin-left:4px}.text-guide-content{height:auto;overflow:visible}@media(max-width:600px){.crew-title{font-size:1.2rem}.step-row{gap:12px}}.report-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:16px}.subtitle-label{color:var(--text-accent);font-weight:600}.report-instruction{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:20px;margin-top:0}.report-input{background-color:rgba(var(--rgb-surface),.6);border:1px solid var(--border-light);border-radius:8px;box-sizing:border-box;color:var(--text-main);font-family:inherit;font-size:1rem;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.report-input:focus{background-color:rgba(var(--rgb-surface),.8);border-color:var(--text-accent);outline:none}.report-body{padding:0}.report-meta-info{display:block;margin-bottom:16px}.admin-container{background:#0000;color:var(--text-main);margin:0 auto;max-width:900px;min-height:calc(100vh - 80px);overflow-y:auto;padding:40px 20px 50px;scrollbar-color:var(--text-slate-700) var(--bg-surface);scrollbar-width:thin}.admin-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.admin-login{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:10px;display:flex;flex-direction:column;gap:15px;margin:100px auto;max-width:400px;padding:30px}.admin-nav{border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;padding-bottom:15px}.admin-tab{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.admin-tab:hover{background:var(--bg-card-hover);color:var(--text-main)}.admin-tab.active{background:rgba(var(--rgb--primary),.15);border-color:var(--primary-base);color:var(--text-accent)}.admin-visual-members{background-color:rgba(var(--rgb-card),.5);border:1px dashed var(--border-light);border-radius:12px;padding:20px}.admin-form{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px;display:flex;flex-direction:column;gap:15px;padding:25px}.admin-content{animation:fadeIn .3s ease;margin-top:20px}.form-group label{color:var(--text-accent)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:8px;color:var(--text-main);font-family:var(--text-main);font-size:.95rem;padding:12px 15px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:var(--bg-surface);border-color:var(--text-accent);box-shadow:0 0 0 2px rgba(var(--rgb-accent),.25)}.form-group{display:flex;flex-direction:column;gap:5px;text-align:left}.input-hint{color:var(--text-muted);font-size:.8rem;margin-top:5px}.logout-btn{background-color:var(--color-danger);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background .2s}.logout-btn:hover{background:var(--color-danger-dark)}.submit-btn{background:var(--color-success);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:12px}.submit-btn:hover{background:var(--color-success-dark)}.admin-ctrl-btn.preview{align-items:center;background-color:var(--color-info);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;margin-top:10px;padding:10px 24px;transition:background .2s}.admin-ctrl-btn.preview:hover{background:var(--color-info-darker)}.reject-btn{background-color:var(--bg-card);border:1px solid var(--color-danger);border-radius:4px;color:var(--color-danger);cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s ease}.reject-btn:hover{background-color:var(--color-danger);color:#fff}.pill-selector{display:flex;gap:10px}.pill-button{background:#0000;border:1px solid var(--border-light);border-radius:20px;color:var(--text-muted);cursor:pointer;padding:8px 16px;transition:all .2s}.pill-button.active{background:var(--text-accent);border-color:var(--text-accent);color:#fff;font-weight:700}.json-editor{background:var(--bg-card);border:1px solid var(--border-light);border-radius:4px;box-sizing:border-box;color:var(--text-accent);font-family:Courier New,Courier,monospace;padding:10px;resize:vertical;width:100%}.json-editor:focus{outline:1px solid var(--text-accent)}.placeholder-section{border-top:1px dashed var(--border-light);margin:30px 0;padding:20px 0;text-align:center}.placeholder-section h4{color:var(--text-500)}.creator-box{align-items:center;background:rgba(var(--rgb-surface),.5);border:1px solid var(--border-light);border-radius:8px;display:flex;gap:20px;justify-content:space-between;margin-top:10px;padding:15px 20px}.creator-details{display:flex;flex-direction:column;flex-grow:1;gap:5px;text-align:left}.creator-box button{margin:0;white-space:nowrap}.creator-name{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.status-row{align-items:center;display:flex;font-size:.8rem;gap:10px;margin-bottom:2px}.creator-box.not-found{background:#eab3081a;border-color:var(--color-warning)}.creator-box.verified{background:#22c55e1a;border-color:var(--color-success)}.creator-link{color:var(--color-info);display:block;font-size:.85rem;max-width:400px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.creator-link:hover{text-decoration:underline}.warning-text{color:var(--color-warning)}.success-text,.warning-text{font-weight:700;margin-bottom:10px}.success-badge,.success-text{color:var(--color-success)}.success-badge{font-weight:700;letter-spacing:.5px;text-transform:uppercase}.id.badge{background:#ffffff1a;border-radius:4px;color:var(--text-muted);font-family:monospace;padding:2px 6px}.loading-text{animation:pulse 1.5s infinite;color:var(--text-accent);font-size:1.1rem;font-weight:500;padding:20px;text-align:center}.stage-id-text{color:var(--color-brand-300);font-family:var(--font-mono);font-size:.9rem;margin-bottom:5px}.user-info{color:var(--text-muted);font-size:.85rem}.verified-text{color:var(--color-success);font-size:.8rem;font-weight:700;margin-left:6px}.verified-info{color:#fff;display:flex;gap:20px;margin-bottom:5px}.button-row{display:flex;gap:10px;margin-top:15px}.cancel-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px}.cancel-btn,.cancel-btn:hover{background:var(--color-danger)}.change-btn{background-color:initial;border:1px solid var(--color-danger);border-radius:6px;color:var(--color-danger);cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.change-btn:hover{background-color:var(--color-danger);color:#fff}.search-row{align-items:center;display:flex;gap:10px}.search-row input{flex-grow:1}.search-btn{background:var(--primary-gradient);border:none;border-radius:4px;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.search-btn:hover{box-shadow:0 4px 12px rgba(var(--rgb-primary),.4);filter:brightness(1.1)}.bottom-row{display:flex;gap:10px;margin-top:15px}.refresh-btn{align-items:center;background-color:var(--color-info);border:none;border-radius:20px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:5px;padding:8px 20px;transition:all .2s ease}.refresh-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.members-section{border-top:1px solid var(--border-light);margin-top:30px;padding-top:20px}.section-title{border-bottom:1px dashed var(--border-light);color:var(--text-accent);display:inline-block;margin-bottom:15px;padding-bottom:5px}.big-btn{background:linear-gradient(90deg,var(--color-success) 0,var(--color-success) 100%);font-size:1.1rem;padding:15px;transition:transform .2s;width:100%}.big-btn:hover{box-shadow:0 5px 15px #22c55e4d;transform:translateY(-2px)}.guide-section{margin-bottom:20px}.mt-20{margin-top:20px}.submit-container{margin-top:30px;text-align:center}.pending-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.pending-card{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:0 4px 6px -1px #0000001a}.pending-card:hover{background:var(--bg-card-hover);border-color:var(--text-accent)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.type-badge{border-radius:10px;font-size:.7rem;font-weight:700;padding:2px 8px}.type-badge.video{background:var(--color-info);color:#fff}.type-badge.text{background:var(--color-success);color:#fff}.date-text{color:var(--text-muted);font-size:.8rem}.pending-card h4{color:var(--text-main);margin:5px 0}.pending-card p{color:var(--text-muted);margin:3px 0}.card-footer{border-top:1px solid var(--border-light);color:var(--text-accent);font-size:.8rem;font-weight:700;margin-top:15px;padding-top:10px;text-align:center}.review-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.back-btn-list{background:var(--text-500);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px}.back-btn-list:hover{background:#374151}.review-title{color:var(--color-gold);font-size:1.2rem;margin:0}.json-editor{display:block;margin-top:10px;width:100%!important}.insert-banner-container{text-align:left}.insert-banner-container h3{border-left:4px solid var(--primary-base);color:var(--text-main);margin-bottom:20px;padding-left:15px}.insert-banner-container .admin-ctrl-btn.preview{background:var(--color-info);color:#fff;font-size:.85rem}.insert-banner-container .admin-ctrl-btn.preview:hover{background:#2563eb}.manage-content-container{display:flex;flex-direction:column}.manage-content-container .admin-form{margin-top:10px}.approve-container,.insert-char-container,.insert-crew-container{animation:fadeIn .3s ease;text-align:left;width:100%}.submission-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr);margin:20px auto;max-width:450px;width:100%}.grid-slot-wrapper{height:100px;margin:0 auto;position:relative;width:100px}.submission-slot.main-slot{align-items:center;background:rgba(var(--rgb-surface),.6);border:1px solid rgba(var(--rgb-primary),.25);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.submission-slot.main-slot img.selected-char-img{border-radius:12px;height:100%;object-fit:cover;width:100%}.submission-slot.support-slot{align-items:center;background-color:var(--bg-surface);border:1px solid #94a3b833;border-radius:8px;bottom:-10px;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:-10px;width:40px;z-index:10}.submission-slot.support-slot img.selected-char-img{border-radius:8px;height:100%;object-fit:cover;width:100%}.level-badge{background:#000c;border-radius:8px;bottom:-5px;color:var(--color-gold);font-size:10px;left:50%;padding:2px 6px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:5}.optional-indicator{align-items:center;background:var(--color-info);border-radius:50%;color:#fff;display:flex;font-size:10px;height:14px;justify-content:center;position:absolute;right:-5px;top:-5px;width:14px;z-index:15}@keyframes key-pulse{0%{filter:drop-shadow(0 0 2px #ff0000);transform:scale(1) rotate(0deg)}50%{filter:drop-shadow(0 0 8px #ff4d4d);transform:scale(1.05) rotate(2deg)}to{filter:drop-shadow(0 0 2px #ff0000);transform:scale(1) rotate(0deg)}}.lb-key-icon{align-items:center;animation:key-pulse 2s ease-in-out infinite;background:none;border:none;box-shadow:none;color:red;display:flex;height:30px;justify-content:center;padding:0;position:absolute;right:2px;top:2px;width:30px;z-index:20}.lb-key-icon svg{stroke:#fff;stroke-width:1px;fill:currentColor;overflow:visible}.empty-slot-indicator{color:rgba(var(--rgb-accent),.5);font-size:24px}.empty-slot-indicator.small{font-size:16px}.mini-label{color:var(--text-muted);font-size:10px;margin-top:5px;text-align:center;text-transform:uppercase}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mt-10{margin-top:10px}.mr-10{margin-right:10px}.w-fit{width:-webkit-fit-content;width:fit-content}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.95391f39.css.map*/