*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Segoe UI,sans-serif;color:#fff!important;background-color:#0f0f1a;background-image:radial-gradient(circle at 50% 100%,rgba(70,85,110,.5) 0%,transparent 60%),radial-gradient(circle at 50% 100%,rgba(99,102,241,.4) 0%,transparent 70%),radial-gradient(circle at 50% 100%,rgba(181,184,208,.3) 0%,transparent 80%)!important;min-height:100vh;display:flex;flex-direction:column}header{width:100%;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.logo{font-size:1.3rem;font-weight:700;color:#a5b4fc}nav ul{list-style:none;display:flex;gap:25px}nav ul li a{text-decoration:none;color:#e5e7eb;font-weight:500;transition:color .3s}nav ul li a:hover{color:#818cf8}.auth-buttons{display:flex;gap:10px;margin-top:10px}.auth-logged{display:flex;align-items:center;gap:12px}.auth-logged .welcome{font-weight:500;color:#fff}.btn{padding:8px 16px;border-radius:6px;border:1px solid transparent;cursor:pointer;font-weight:500;transition:all .3s}.btn-login{background:transparent;border:1px solid #818cf8;color:#818cf8}.btn-login:hover{background:#818cf8;color:#fff}.btn-register{background:#6366f1;color:#fff}.btn-register:hover{background:#4f46e5;background-color:#7c7eff}.btn-primary{background:#6366f1;color:#fff;padding:12px 24px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:background .3s}.btn-primary:hover{background:#4f46e5}.card-details .btn-primary{background:#ffffff1f;padding:8px 12px;border-radius:8px;text-decoration:none;border:1px solid rgba(255,255,255,.08)}.card-details .btn-primary:hover{background:#ffffff2e}.btn-secondary{background:transparent;border:1px solid #818cf8;color:#818cf8;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:#818cf8;color:#fff}.btn-apply{width:60px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-top-right-radius:10px!important;border-bottom-right-radius:10px!important;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease;flex-shrink:0}.btn-apply:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:60px 20px 30px;gap:20px}.hero-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:10px;animation:fadeZoomIn 1s ease forwards;opacity:0;transform:scale(.95)}.hero h3{font-size:1.2rem;font-weight:400;color:#d1d5db;margin:15px 0 30px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}#typing{font-size:2.5rem;font-weight:700;border-right:3px solid #fff;white-space:nowrap;overflow:hidden;min-height:3rem;margin-bottom:10px}.search-box,.search-box-like{padding:25px;border-radius:16px;border:none;box-shadow:0 0 12px #6366f14d;background:#1a1c2c;width:100%;margin:0}.input-group{display:flex;flex-direction:row;width:100%;margin:0 auto}.input-group input{flex:1;padding:12px 16px;border:none;outline:none;background:#fff;color:#111;font-size:1rem;border-top-left-radius:10px;border-bottom-left-radius:10px;min-width:0}.suggestion-box{top:100%;width:calc(100% - 58px);background:#1a1c2c;border-top:none;max-height:200px;overflow-y:auto}.suggestion-item{padding:10px 16px;cursor:pointer;color:#fff;font-size:1rem;text-align:left;white-space:nowrap}.suggestion-item:hover{background:#818cf8}.tab-full-container,.tab-content-wrapper,.autoskip-wrapper{width:100%;max-width:900px;margin-left:auto;margin-right:auto}.tab-full-container{display:flex;justify-content:space-around;gap:10px;padding:10px 0;flex-wrap:wrap;position:relative}.tab-full-container:before{content:"";position:absolute;top:0;left:0;height:100%;width:50%;background:#fff;border-radius:8px;transition:transform .4s ease;z-index:0;box-shadow:inset 0 -4px #4f46e5}.tab-full-container.clan-active:before{transform:translate(100%)}.tab-full{flex:1;display:flex;align-items:center;justify-content:center;padding:12px 0;cursor:pointer;border:1px solid transparent;border-radius:8px;background-color:transparent;transition:all .3s ease;position:relative;box-sizing:border-box}.tab-text{font-size:18px;font-weight:500;color:#fff;transition:all .3s ease;position:relative;z-index:1}.tab-full.active .tab-text{font-weight:650;transform:scale(1.1);background-image:linear-gradient(to right,#6a11cb,#2575fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;transform-origin:center center}.tab-content-wrapper{position:relative;min-height:300px;overflow:hidden}#tab-player{top:0;left:0;right:0;margin:0 auto;width:100%;max-width:500px}.tab-full-content{position:absolute;top:0;left:0;width:100%;padding:20px;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;pointer-events:none;display:none}.tab-full-content.active{display:block;opacity:1;transform:translateY(0);pointer-events:auto;position:relative}.tab-container{position:relative;display:flex;justify-content:space-between;margin-bottom:20px;background:#ffffff0d;border-radius:10px;overflow:hidden;--tab-index: 0}.tab-container:before{content:"";position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;transition:transform .4s ease;z-index:0;transform:translate(calc(var(--tab-index) * 100%))}.tab{flex:1;text-align:center;padding:12px 0;cursor:pointer;font-weight:600;position:relative;z-index:1;color:#9ca3af;transition:color .3s ease}.tab.active{color:#fff}.autoskip-wrapper{background:#0f1220;border-radius:16px;padding:20px;box-shadow:0 0 12px #6366f140;overflow-x:hidden;margin:0 auto;transition:width .3s ease,padding .3s ease}.autoskip-tab-container{position:relative;display:flex;width:100%;gap:0;border-radius:10px;overflow:hidden;background:#ffffff0d;margin-bottom:20px;--tab-index: 0}.autoskip-tab-container:before{content:"";position:absolute;top:0;left:0;height:100%;width:25%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;transition:transform .4s ease;z-index:0;transform:translate(calc(var(--tab-index) * 100%))}.autoskip-tab{flex:0 0 25%;text-align:center;padding:12px 0;cursor:pointer;font-weight:600;position:relative;z-index:1;color:#9ca3af;transition:color .3s ease,transform .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;display:flex;flex-direction:column;align-items:center;justify-content:center}.autoskip-tab.active{color:#fff}.autoskip-tab-content-wrapper{position:relative;min-height:160px}.autoskip-tab-content{display:none;animation:fadeSlideUp .35s ease}.autoskip-tab-content.active{display:block}.character-card{display:flex;flex-direction:column;align-items:stretch;width:320px;max-width:100%;margin:18px auto;overflow:hidden;border-radius:16px;border:none;background:#1a1c2c;box-shadow:0 0 12px #6366f14d;transition:transform .18s ease,box-shadow .18s ease;color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif}.character-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #02061742}.card-image{width:100%;height:240px;background:linear-gradient(180deg,#ffffff08,#ffffff05);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex-shrink:0}.card-image:after{content:"";position:absolute;inset:8px;border-radius:10px;border:1px solid rgba(255,255,255,.06);pointer-events:none}.card-image img{max-width:92%;max-height:92%;transform:scale(1.5);object-fit:contain;display:block;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}.card-body{padding:14px 16px;flex-grow:1;background:linear-gradient(180deg,#0000000f,#00000005);gap:16px}.card-title{margin:0 0 6px;font-size:1.125rem;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.25)}.card-meta{color:#ffffffeb;font-size:.9rem;margin-bottom:8px}.card-meta .chip{background:#ffffff14;padding:6px 8px;border-radius:999px;color:#fff;font-weight:600;font-size:.85rem}.card-details{color:#fffffff2;font-size:.95rem;line-height:1.45}.card-details p{margin:6px 0}.copy-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.06);color:#fff;padding:8px 10px;border-radius:8px;cursor:pointer}.copy-btn:hover{background:#ffffff1f}.quest-grid-container{display:flex;flex-direction:column;width:100%;max-width:500px;margin:0 auto;gap:15px}.quest-grid-container.hidden{display:none!important}.quest-banner-card{position:relative;width:100%;background:#1a1c2c;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000080;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.quest-visual-container{position:relative;width:100%;height:auto;overflow:hidden;border-radius:10px 10px 0 0;background-color:transparent}.quest-banner-img{width:100%;height:auto;display:block;object-fit:cover}.quest-banner-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,transparent 20%,transparent 60%,rgba(0,0,0,.9) 100%);padding:10px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.quest-vote-badge{position:absolute;top:10px;right:10px;background:#000000b3;color:#fff;padding:6px 14px;border-radius:8px;font-size:1.1rem;font-weight:800;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;gap:8px;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quest-vote-badge i{font-size:1.1rem}.quest-type-badge{padding:5px 12px;border-radius:6px;font-size:.9rem;font-weight:700;text-transform:uppercase;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);box-shadow:0 2px 5px #00000080;display:inline-block;letter-spacing:.5px}.type-gem{background:#ec4899e6;border:1px solid #ff69b4}.type-gold{background:#eab308e6;border:1px solid #ffd700}.type-shuffle{background:#f97316e6;border:1px solid #f97316}.quest-banner-footer{display:flex;justify-content:space-between;align-items:flex-end}.quest-price-tag{display:flex;align-items:center;gap:6px;background:#000000b3;padding:6px 16px;border-radius:30px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.2);font-size:1.3rem;font-weight:700}.quest-price-tag img{width:28px;height:28px;object-fit:contain}.btn-buy-banner{width:52px;height:52px;border-radius:12px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #6366f180;transition:all .2s;position:relative;z-index:10}.btn-buy-banner:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:scale(1.05)}.shuffle-btn{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 10px #ea580c80}.auth-modal,.confirm-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.confirm-modal{z-index:2000}.auth-modal.active,.confirm-modal.active{display:flex;opacity:1;pointer-events:auto}.modal-overlay,.confirm-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container,.confirm-container{position:relative;background:#1a1c2c;width:90%;max-width:400px;border-radius:16px;padding:30px;box-shadow:0 10px 30px #00000080;border:1px solid rgba(255,255,255,.1);transform:translateY(-20px);transition:transform .3s ease}.auth-modal.active .modal-container,.confirm-modal.active .confirm-container{transform:translateY(0)}.modal-close{position:absolute;top:15px;right:20px;background:none;border:none;color:#aaa;font-size:24px;cursor:pointer;transition:color .3s}.modal-close:hover{color:#fff}.auth-view{display:none;animation:fadeIn .3s ease}.auth-view.active{display:block}.auth-view h2{margin-bottom:20px;text-align:center;color:#fff}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-size:.9rem;color:#ccc}.form-group input{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0003;color:#fff;outline:none;transition:border-color .3s}.form-group input:focus{border-color:#6366f1}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{flex:1;padding-right:35px}.toggle-password{position:absolute;right:10px;cursor:pointer;color:#666}.toggle-password:hover{color:#000}.btn-submit{width:100%;padding:12px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background .3s}.btn-submit:hover{background:#4f46e5}.auth-footer{margin-top:15px;text-align:center;font-size:.9rem;color:#aaa}.auth-footer a{color:#818cf8;text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.confirm-content h3{color:#fff;margin-bottom:15px;font-size:18px}.confirm-content p{color:#ccc;margin-bottom:25px;line-height:1.5}.confirm-buttons{display:flex;gap:10px;justify-content:flex-end}.confirm-buttons .btn{border:none}.confirm-buttons .btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.confirm-buttons .btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.confirm-buttons .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.confirm-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.key-activation-section{display:flex;flex-direction:column;align-items:center;gap:15px;max-width:700px;margin:0 auto}.key-input-group{width:100%;display:flex;flex-direction:column;gap:5px;max-width:300px}.key-input-group input{width:100%;max-width:300px;padding:8px 12px;border:1px solid #ccc;border-radius:5px;font-size:14px;background-color:#ffffff0d;color:#fff}.key-input-group input::placeholder{color:#999}.btn-activate-key{padding:12px 32px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .3s ease,transform .2s ease;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:5px;font-size:14px}.btn-activate-key:hover{transform:translateY(-2px);color:#fff}#key-status{display:none;margin-top:20px;width:100%;max-width:700px;margin-left:auto;margin-right:auto;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 12px #0000004d}#key-status .alert{margin-bottom:12px;background:transparent;border:none;color:#fff;padding:0}#key-status .alert strong{font-size:16px;font-weight:600}#key-status .alert p{margin:12px 0 0;font-size:14px;color:#f0f0f0}#key-status .alert p span{font-weight:600;color:#fff}#btn-remove-key,.btn-remove-apikey{display:block;margin-left:auto;margin-right:auto;background-color:#dc3545;border:1px solid #c82333;color:#fff;padding:8px 16px;border-radius:5px;cursor:pointer;transition:all .3s ease;margin-top:12px;font-weight:600}.btn-remove-apikey{padding:10px 24px;border-radius:6px}#btn-remove-key:hover,.btn-remove-apikey:hover{background-color:#c82333;border-color:#bd2130;transform:translateY(-2px);box-shadow:0 4px 12px #dc354566}.setup-step{margin-bottom:30px;padding:20px;background:#ffffff08;border:1px solid rgba(102,126,234,.2);border-radius:8px}.setup-step h5{color:#fff;font-weight:600;margin-bottom:15px;font-size:15px}.setup-input-group{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;width:100%}.setup-input-group input{flex:1;min-width:200px;max-width:500px;padding:10px 15px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background-color:#0003;color:#fff;font-size:14px;outline:none;transition:border-color .3s}.setup-input-group input:focus{border-color:#667eea}.btn-validate,.btn-verify-leader,.btn-verify-code{padding:10px 24px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px}.btn-validate:hover,.btn-verify-leader:hover,.btn-verify-code:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-validate:disabled,.btn-verify-leader:disabled,.btn-verify-code:disabled{opacity:.6;cursor:not-allowed;transform:none}.clan-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;width:100%}.clan-item{padding:15px;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease;overflow:hidden;text-overflow:ellipsis}.clan-item:hover{border-color:#667eea;background:#667eea1a}.clan-item.selected{border-color:#667eea;background:#667eea33}.clan-item-name{font-weight:600;color:#fff;font-size:15px;margin-bottom:5px;word-break:break-word}.clan-item-info{font-size:13px;color:#aaa;margin:3px 0;word-break:break-word}.clan-item-badge{display:inline-block;background:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#22c55e;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;margin-top:8px}.clan-item.verified{border-color:#22c55e80;background:#22c55e14}#leader-info-container,.verified-clan-item{padding:15px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:8px}.verified-clan-item{background:#22c55e14;border:1px solid rgba(34,197,94,.3);margin-bottom:15px}.leader-info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.leader-info-row:last-child{border-bottom:none}.leader-info-label{font-weight:600;color:#fff}.leader-info-value{color:#fff;word-break:break-all}.verify-code-info{padding:15px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:8px}.code-display-wrapper{display:flex;gap:10px;align-items:center;margin:10px 0}.code-display{background:#0000004d;padding:15px;border-radius:6px;font-family:monospace;font-size:16px;color:#fff;word-break:break-all;text-align:center;border:1px dashed rgba(102,126,234,.5);-webkit-user-select:all;user-select:all;cursor:pointer;flex:1}.code-display:hover{background:#0006}.btn-copy-code{padding:10px 12px;background:#667eea33;border:1px solid rgba(102,126,234,.4);color:#667eea;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px;display:flex;align-items:center;justify-content:center}.btn-copy-code:hover{background:#667eea4d;border-color:#667eea99;transform:translateY(-2px)}#setup-status{padding:15px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.1)}#setup-success-msg{background:#22c55e1a!important;border:1px solid rgba(34,197,94,.3)!important;color:#22c55e!important;padding:12px 15px;border-radius:6px;margin-bottom:0}#verified-info-section{display:none;margin-top:20px;width:100%;max-width:700px;margin-left:auto;margin-right:auto;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 12px #0000004d}.quest-selector-container{display:flex;justify-content:center;width:100%;max-width:400px;margin:0 auto 25px}.quest-select-group{display:flex;flex-direction:column;width:100%;max-width:600px;gap:10px}.quest-select-label{color:#a5b4fc;font-weight:600;font-size:.95rem;margin-left:5px}.custom-dropdown-wrapper{position:relative;width:100%;-webkit-user-select:none;user-select:none}.custom-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 20px;font-size:1rem;font-weight:500;color:#fff;background-color:#1a1c2c;border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.custom-dropdown-trigger:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f133}.custom-dropdown-wrapper.open .custom-dropdown-trigger{border-color:#6366f1;border-bottom-left-radius:0;border-bottom-right-radius:0}.custom-dropdown-wrapper.open .arrow{transform:rotate(180deg)}.arrow{transition:transform .3s ease;font-size:.9rem}.custom-options{position:absolute;top:100%;left:0;right:0;background-color:#1a1c2c;border:1px solid #6366f1;border-top:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;max-height:250px;overflow-y:auto;box-shadow:0 10px 20px #00000080}.custom-dropdown-wrapper.open .custom-options{opacity:1;visibility:visible;transform:translateY(0)}.custom-option{padding:12px 20px;font-size:1rem;color:#cbd5e1;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(255,255,255,.05)}.custom-option:last-child{border-bottom:none}.custom-option:hover{background-color:#6366f133;color:#fff}.custom-option.selected{background-color:#6366f1;color:#fff;font-weight:600}.custom-options::-webkit-scrollbar{width:6px}.custom-options::-webkit-scrollbar-track{background:#1a1c2c}.custom-options::-webkit-scrollbar-thumb{background:#4f46e5;border-radius:3px}.quest-section-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:500px;margin:0 auto 15px;padding:12px 20px;background:linear-gradient(90deg,#1a1c2c,#2d2f45);border-radius:12px;border:1px solid rgba(255,255,255,.1);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease;box-shadow:0 4px 6px #0003}.quest-section-header:hover{border-color:#6366f1;background:linear-gradient(90deg,#1f2133,#363852)}.quest-section-title{font-size:1rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}.quest-section-title i{color:#a5b4fc}.toggle-icon-main{color:#a5b4fc;transition:transform .3s ease}.quest-section-header.collapsed .toggle-icon-main{transform:rotate(-90deg)}.voters-dropdown-area{display:none;background:#111827;border-top:1px solid rgba(255,255,255,.1);padding:10px;animation:slideDown .3s ease}.voters-list-items{list-style:none;padding:0;margin:0;max-height:150px;overflow-y:auto}.voters-list-items li{font-size:1rem;color:#cbd5e1;padding:5px 0;border-bottom:1px dashed rgba(255,255,255,.1)}.voters-list-items li i{color:#818cf8;font-size:.9rem}.btn-collapse-votes{width:100%;margin-top:8px;padding:6px;background:#ffffff0d;border:none;color:#94a3b8;font-size:.8rem;border-radius:4px;cursor:pointer;transition:background .2s}.btn-collapse-votes:hover{background:#ffffff1a;color:#fff}.btn-collapse-all{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:12px 24px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:background .3s;display:flex;align-items:center;gap:8px;box-shadow:0 4px 6px #0000001a}.notification-body{width:100%;max-width:500px;margin:0 auto;flex-direction:column;animation:slideDown .3s ease}.notification-list{background:#1a1c2c;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:5px 0;box-shadow:0 4px 12px #0000004d;overflow:hidden}.notification-row{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}.notification-row:last-child{border-bottom:none}.notification-row:hover{background:#ffffff08}.notif-text{display:flex;align-items:center;gap:12px;color:#e2e8f0;font-weight:500;font-size:.95rem}.notif-text i{color:#a5b4fc;font-size:1.1rem}.gradient-switch{position:relative;display:inline-block;width:50px;height:26px}.gradient-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#374151;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;box-shadow:0 2px 4px #0003}.gradient-switch input:checked+.slider{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.gradient-switch input:focus+.slider{box-shadow:0 0 1px #6366f1}.gradient-switch input:checked+.slider:before{transform:translate(24px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.fade{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.fade.show{opacity:1;transform:translateY(0)}.slide-down{animation:slideDown .4s ease-out}@keyframes fadeZoomIn{to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){header{flex-direction:column;align-items:center;padding:15px 10px}nav ul{flex-wrap:wrap;gap:15px;justify-content:center;margin:10px 0 15px}.auth-buttons{margin-top:5px}#typing{font-size:1.8rem;white-space:normal;word-break:break-word}.hero{padding:2px}.hero h3{font-size:1rem}#tab-player{width:100%;overflow-x:visible}.tab-full-content{padding:0;width:100%;overflow-x:hidden}.autoskip-wrapper{width:100vw!important;margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important;border-radius:0!important;border:none!important;padding:15px 0!important;box-shadow:none!important;min-height:100vh}.search-box{border-radius:10px;margin-bottom:10px;width:100vw!important;margin-left:calc(-50vw + 50%)!important;max-width:none!important;box-shadow:none}.search-box{padding:20px}.search-box-like{padding:5px}.tab-full{font-size:14px;padding:10px 0}.tab-full[data-target=tab-clan] .tab-text{display:block;white-space:normal;text-align:center;line-height:1.3;word-break:break-word;max-width:80px;margin:0 auto}.clan-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.quest-grid-container{padding:10px;gap:10px!important}}@media(max-width:600px){.setup-input-group{flex-direction:row;gap:8px}.setup-input-group input{flex:1;min-width:150px;max-width:100%}.btn-validate,.btn-verify-leader,.btn-verify-code{flex-shrink:0;padding:10px 16px;font-size:12px}}@media(max-width:480px){#typing{font-size:1.4rem}.btn-primary,.btn-secondary{padding:10px 18px;font-size:.9rem}.character-card{width:calc(100% - 28px)}.card-image{height:180px}.autoskip-tab{flex:0 0 25%;padding:8px 2px;white-space:normal;line-height:1.2;font-size:.6rem}.autoskip-tab i{font-size:1rem;margin-bottom:2px}.autoskip-tab span{font-size:.6rem;font-weight:300;white-space:normal}.clan-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.clan-item{padding:12px}.clan-item-name{font-size:13px}.clan-item-info{font-size:11px}.quest-type-badge{font-size:.8rem;padding:4px 8px}.quest-price-tag{font-size:1rem;padding:4px 10px}.btn-buy-banner{width:40px;height:40px;font-size:1.1rem}}@media(max-width:420px){.character-card{width:calc(100% - 28px)}.card-image{height:180px}}.auto-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auto-input-group{display:flex;flex-direction:column;margin-bottom:5px}.auto-input-label{font-size:.85rem;color:#ccc;margin-bottom:4px}.auto-input-field{width:100%;padding:8px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#0000004d;color:#fff;outline:none;transition:border-color .3s}.auto-input-field:focus{border-color:#6366f1;background:#00000080}.input-error{border-color:#ef4444!important;background:#ef44441a!important}.text-error-msg{color:#ef4444;font-size:.75rem;margin-top:2px;display:none}.row-disabled{opacity:.4!important;pointer-events:none!important;filter:grayscale(100%)}.time-inputs-wrapper{display:flex;gap:5px;align-items:center}.time-unit{font-size:.8rem;color:#aaa;margin-right:5px}.top-xp-container{display:flex;flex-direction:column;gap:10px}.debt-note{font-size:1rem;color:#9ca3af;margin-top:4px;font-style:italic}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.auto-grid-2{grid-template-columns:1fr}.responsive-row{flex-direction:column;align-items:flex-start!important}.time-inputs-wrapper{width:100%;margin-top:5px;justify-content:space-between}}.dependency-wrapper{position:relative}.dependency-wrapper.locked{cursor:not-allowed}.dependency-wrapper.locked>*{opacity:.5;pointer-events:none;filter:grayscale(80%);transition:opacity .3s}.dependency-wrapper.locked:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background-color:#1f2937;color:#f87171;padding:10px 16px;border-radius:8px;font-size:.9rem;font-weight:600;white-space:nowrap;box-shadow:0 10px 25px -5px #000c,0 8px 10px -6px #00000080;border:1px solid rgba(248,113,113,.4);z-index:9999;opacity:0;visibility:hidden;transition:all .2s ease-in-out;pointer-events:none}.dependency-wrapper.locked:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#1f2937 transparent transparent transparent;opacity:0;visibility:hidden;transition:opacity .2s;z-index:9999}.dependency-wrapper.locked:hover:after,.dependency-wrapper.locked:hover:before{opacity:1;visibility:visible}.dependency-wrapper.locked:hover:after{transform:translate(-50%) translateY(0)}.dependency-wrapper.locked:not(:hover):after{transform:translate(-50%) translateY(5px)}@media(max-width:768px){#group-debt-gem,#group-debt-gold,#group-vote-quest,#group-price-xp,#group-allow-debt,#group-open-all,#group-reward-top-xp,#group-xp-config,#group-flair{border-radius:8px;margin-top:5px;margin-bottom:5px}}@media(max-width:768px){header{display:flex;flex-wrap:wrap;padding:10px 15px;align-items:center}.logo{font-size:1.1rem;order:1}.auth-buttons{order:2;margin-left:auto}.auth-buttons button{padding:6px 12px;font-size:.85rem}nav{order:3;flex-basis:100%;margin-top:10px;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}nav ul{display:flex;width:100%;padding:0;margin:0;list-style:none;justify-content:space-around}nav ul li{text-align:center;flex-grow:1;border-right:1px solid rgba(255,255,255,.1)}nav ul li:last-child{border-right:none}nav ul li a{font-size:.85rem;padding:8px 5px;display:block}}.quest-banner-card{position:relative;z-index:1;background-color:#1f2937;border:1px solid #374151;border-radius:8px;box-sizing:border-box;cursor:pointer;transition:transform .25s ease-out,box-shadow .25s ease-out,border-color .25s,background-color .25s}.quest-banner-card:hover,.quest-banner-card:active,.quest-banner-card:focus{z-index:2;transform:translateY(-8px) scale(1.03);border-color:#6366f1;box-shadow:0 20px 40px #000c,0 0 0 1px #6366f1;background-color:#2a3447}.autoskip-tab-content{height:auto!important;min-height:0!important;padding-bottom:20px}.search-box-like{height:auto!important;overflow:hidden;transition:height .3s ease}