.player-profile{display:flex}.player-avatar{position:relative;width:110px;display:flex;flex-direction:column;align-items:center;margin-right:24px}.player-avatar-img{height:134px;margin:0 10px;position:relative;width:90px;z-index:2}.player-avatar-bg{max-width:unset;position:absolute;top:38px;width:110px;z-index:1}.player-level{font-size:18px;font-weight:700;font-style:italic;text-align:center;z-index:2}.alliance-profile{display:flex}.alliance-avatar{position:relative;height:110px;display:flex;margin-right:24px}.alliance-avatar-img{position:absolute;height:110px;width:110px;display:inline-flex;align-items:center;justify-content:center}.alliance-avatar-bg{z-index:1}.character-card{position:relative;height:210px;width:112px;padding:0;border:0;background:transparent;color:inherit;display:flex;flex-direction:column;align-items:center;cursor:pointer}.character-card__portrait{cursor:pointer}.character-card--locked .character-card__portrait{filter:grayscale(1) brightness(.65)}.character-card__status{color:#c5c8d0;font-size:.7rem;text-transform:uppercase}.portrait__image{max-width:100%;height:auto}.character-card__overpower{position:absolute}.character-card__stats{display:flex;z-index:20;flex-direction:column;align-items:center;margin-top:-40px;width:100%;font-family:Ultimus,sans-serif;pointer-events:none;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.stats__level{color:#d4d6f7;font-size:12px;font-weight:500;font-style:italic;line-height:12px}.stats__power{color:#fff69e;font-size:18px;font-weight:500;font-style:italic;line-height:17px}.stats__name{color:#fff;opacity:1;margin:0;text-wrap:nowrap}.stats__diamonds{display:flex}.stats__abilities{position:relative;display:flex;align-items:center;line-height:16px}.character-card__gear-ring{position:absolute;left:0;right:0;top:30px;margin:auto}.roster-loading{min-height:60vh;display:grid;place-items:center;padding:2rem;color:#fff}.roster-loading__content{width:min(420px,100%);text-align:center}.roster-loading__spinner{width:56px;height:56px;margin:0 auto 1.25rem;border:5px solid rgb(255 255 255 / 15%);border-top-color:#61dafb;border-radius:50%;animation:roster-loading-spin .9s linear infinite}.roster-loading__content h2{margin:0 0 .5rem}.roster-loading__content p{color:#c5c8d0}.roster-loading__track{height:12px;margin:1rem 0 .5rem;overflow:hidden;border-radius:999px;background:#ffffff26}.roster-loading__bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#61dafb,#7b2cbf);transition:width .25s ease}@keyframes roster-loading-spin{to{transform:rotate(360deg)}}.alliance-page{min-height:100vh;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);padding:2rem}.alliance-header{text-align:center;margin-bottom:3rem;animation:fadeInDown .8s ease-out}.alliance-header h1{font-size:2.5rem;color:#fff;margin-bottom:.5rem;text-shadow:2px 2px 8px rgba(0,0,0,.5)}.alliance-header p{font-size:1.1rem;color:#adb5bd}.alliance-content{max-width:1400px;margin:0 auto}.alliance-section{margin-bottom:2rem;animation:fadeInUp .8s ease-out}@media (max-width: 768px){.alliance-page{padding:1rem}.alliance-header h1{font-size:2rem}}.raids-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:2rem;color:#fff}.raids-header{text-align:center;margin-bottom:3rem;animation:fadeInDown .8s ease-out}.raids-header h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 8px rgba(0,0,0,.5)}.raids-header p{font-size:1.1rem;color:#adb5bd}.raids-content{max-width:1400px;margin:0 auto}.alliance-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#ffffff0d;border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);text-align:center;animation:fadeInUp .8s ease-out}.stat-label{font-size:.9rem;color:#adb5bd;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:1.8rem;font-weight:700;color:#4cc9f0}.raids-section{background:#ffffff0d;border-radius:12px;padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);animation:fadeInUp .8s ease-out}.raids-section h2{margin-bottom:1.5rem;color:#4cc9f0;font-size:1.8rem}.raids-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.raid-card{background:#0000004d;border-radius:12px;padding:1.5rem;border:1px solid rgba(76,201,240,.2);transition:all .3s ease}.raid-card:hover{border-color:#4cc9f080;box-shadow:0 4px 12px #4cc9f033;transform:translateY(-2px)}.raid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.raid-name{font-size:1.5rem;font-weight:700;color:#4cc9f0}.raid-difficulty{background:#4cc9f033;padding:.3rem .8rem;border-radius:20px;font-size:.9rem;color:#4cc9f0;border:1px solid rgba(76,201,240,.3)}.raid-progress{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.progress-item{text-align:center}.progress-label{font-size:.85rem;color:#adb5bd;margin-bottom:.3rem}.progress-value{font-size:1.8rem;font-weight:700;color:#4cc9f0}.progress-bar-container{width:100%;background:#ffffff1a;border-radius:10px;height:16px;overflow:hidden;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.1)}.progress-bar{height:100%;background:linear-gradient(90deg,#4cc9f0,#7b2cbf);transition:width .5s ease;border-radius:10px;box-shadow:0 0 10px #4cc9f080}.raid-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;text-align:center}.detail-item{background:#0003;padding:.8rem;border-radius:8px}.detail-label{font-size:.85rem;color:#adb5bd;margin-bottom:.3rem}.detail-value{font-size:1.2rem;font-weight:600;color:#fff}.details-error{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:.8rem;margin-top:1rem;font-size:.9rem;color:#ffc107}.timestamp{text-align:center;color:#6c757d;font-size:.9rem;margin-top:2rem}.loading-container,.error-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;color:#fff}.loading-content,.error-content{text-align:center;padding:3rem}.spinner{border:4px solid rgba(76,201,240,.2);border-top:4px solid #4cc9f0;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.error-content{background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:12px;max-width:500px}.error-title{font-size:2rem;margin-bottom:1rem;color:#dc3545}.error-message{color:#f8d7da;margin-bottom:1.5rem;font-size:1.1rem}.retry-button{background:#4cc9f0;color:#1a1a2e;border:none;padding:.8rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-button:hover{background:#3da8c7;transform:translateY(-2px);box-shadow:0 4px 12px #4cc9f04d}.participation-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(76,201,240,.2)}.participation-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.participation-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#0000004d;border-radius:8px}.stat-icon{font-size:2rem}.stat-count{font-size:1.8rem;font-weight:700;color:#4cc9f0}.stat-text{font-size:.85rem;color:#adb5bd;text-transform:uppercase;letter-spacing:.5px}.participants-details{background:#0003;border-radius:8px;margin-bottom:1rem;border:1px solid rgba(76,201,240,.2)}.participants-details summary{padding:1rem;cursor:pointer;font-weight:600;-webkit-user-select:none;user-select:none;transition:background .2s ease}.participants-details summary:hover{background:#4cc9f01a}.participants-details[open] summary{border-bottom:1px solid rgba(76,201,240,.2)}.members-list{padding:1rem;display:grid;gap:.5rem}.member-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#4cc9f00d;border-radius:8px;border:1px solid rgba(76,201,240,.2);transition:all .2s ease}.member-item:hover{background:#4cc9f01a;border-color:#4cc9f066}.member-item.non-participant{background:#dc35450d;border-color:#dc354533}.member-item.non-participant:hover{background:#dc35451a;border-color:#dc354566}.member-icon{width:48px;height:48px;border-radius:50%;border:2px solid rgba(76,201,240,.5)}.member-info{flex:1}.member-name{font-weight:600;margin-bottom:.25rem}.member-tcp{font-size:.85rem;color:#adb5bd}.member-level{font-size:.9rem;color:#4cc9f0;font-weight:600}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.raids-grid,.raid-details-grid,.alliance-stats,.participation-stats{grid-template-columns:1fr}}.raids-test-page{max-width:1200px;margin:0 auto;padding:2rem}.raids-test-page h1{text-align:center;margin-bottom:2rem;color:#2c3e50}.test-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.test-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.test-card h2{font-size:1.2rem;margin-bottom:.5rem;color:#34495e}.test-card code{background:#f8f9fa;padding:.2rem .5rem;border-radius:4px;font-size:.85rem;color:#e74c3c}.test-card p{margin:.5rem 0 1rem;font-size:.9rem;color:#7f8c8d}.input-group{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.input-group label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;color:#2c3e50;font-weight:500}.input-group input{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.input-group input:focus{outline:none;border-color:#3498db}button{background:#3498db;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;transition:background .2s}button:hover:not(:disabled){background:#2980b9}button:disabled{background:#bdc3c7;cursor:not-allowed}.result-zone{margin-top:2rem}.loading{text-align:center;padding:2rem;font-size:1.2rem;color:#3498db}.error{background:#ffe5e5;border:2px solid #e74c3c;border-radius:8px;padding:1.5rem}.error h3{color:#c0392b;margin-top:0}.error pre{background:#fff;padding:1rem;border-radius:4px;overflow-x:auto;color:#e74c3c}.success{background:#e8f5e9;border:2px solid #4caf50;border-radius:8px;padding:1.5rem}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.result-header h3{color:#2e7d32;margin:0}.copy-btn{background:#4caf50;padding:.5rem 1rem;font-size:.9rem}.copy-btn:hover{background:#45a049}.json-result{background:#fff;padding:1rem;border-radius:4px;overflow-x:auto;max-height:500px;overflow-y:auto;font-size:.85rem;line-height:1.5}.events-page{color:#fff}.events-page__header{margin-bottom:1.5rem}.events-page__header h2{margin-bottom:.4rem;color:#61dafb}.events-page__header p,.event-card__subtitle,.events-count,.events-empty{color:#c5c8d0}.events-filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.events-filters__button{padding:.55rem .9rem;border:1px solid #555;border-radius:999px;background:#3a3f4a;color:#fff;cursor:pointer}.events-filters__button.is-active{border-color:#61dafb;background:#164454;color:#fff}.events-count{margin:0 0 .8rem;font-size:.9rem}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:1rem}.event-card{position:relative;display:flex;min-height:210px;flex-direction:column;align-items:flex-start;gap:.55rem;overflow:hidden;padding:1rem;border:1px solid #414854;border-radius:10px;background:#303641;color:#fff;text-align:left;cursor:pointer;transition:border-color .2s,transform .2s}.event-card:hover,.event-card:focus-visible{border-color:#61dafb;transform:translateY(-2px)}.event-card__art{width:100%;max-height:150px;border-radius:6px;object-fit:cover}.event-card__status,.event-card__type{display:inline-flex;width:fit-content;padding:.2rem .55rem;border-radius:999px;background:#ffffff1a;color:#c5c8d0;font-size:.75rem}.event-card__status--current{background:#27ae6033;color:#72e0a1}.event-card__status--upcoming{background:#3498db33;color:#80c8f5}.event-card__name{font-size:1.1rem}.event-card__subtitle{color:#c5c8d0}.event-card__dates,.event-drawer__dates{margin-top:auto;color:#aeb5c0;font-size:.85rem}.events-state{display:flex;min-height:50vh;align-items:center;justify-content:center;gap:.8rem;color:#fff}.events-spinner{width:28px;height:28px;border:3px solid rgb(255 255 255 / 20%);border-top-color:#61dafb;border-radius:50%;animation:events-spin .8s linear infinite}.event-drawer-backdrop{position:fixed;inset:0;z-index:1000;display:flex;justify-content:flex-end;background:#000000b3}.event-drawer{width:min(620px,100%);height:100%;overflow-y:auto;padding:1.5rem;background:#282c34;color:#fff;box-shadow:-8px 0 28px #00000059}.event-drawer__close{display:block;margin:0 0 1rem auto;padding:.5rem .8rem;border:1px solid #61dafb;border-radius:6px;background:#3a3f4a;color:#fff;cursor:pointer}.event-drawer__art{display:block;width:100%;max-height:260px;margin-bottom:1rem;border-radius:8px;object-fit:cover}.event-drawer__subtitle,.event-drawer__text{white-space:pre-line;line-height:1.55}.event-drawer__claimable{padding:.7rem;border-radius:6px;background:#27ae6029;color:#72e0a1}.event-player-progress-list{display:grid;gap:.75rem;margin-top:1rem}.event-player-progress{padding:1rem;border:1px solid rgb(97 218 251 / 25%);border-radius:9px;background:#303641}.event-player-progress h4{margin:0 0 .8rem;color:#61dafb}.event-player-progress__summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin-bottom:.65rem}.event-player-progress__summary strong{color:#72e0a1}.event-player-progress__summary span,.event-player-progress p{color:#c5c8d0}.event-player-progress__track{height:12px;overflow:hidden;border-radius:999px;background:#ffffff1f}.event-player-progress__bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#61dafb,#72e0a1);transition:width .3s ease}.event-player-progress__claimable{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.8rem}.event-player-progress__claimable strong{margin-right:.25rem}.event-progress-caps{margin-top:.8rem;border-top:1px solid rgb(255 255 255 / 10%)}.event-progress-caps summary{padding:.7rem 0;color:#61dafb;cursor:pointer}.event-progress-caps ul{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.event-progress-caps li{display:grid;grid-template-columns:1fr auto;gap:.4rem .8rem;padding:.6rem;border-radius:6px;background:#ffffff0d}.event-progress-caps li span{color:#c5c8d0}.event-progress-caps li strong{color:#72e0a1;white-space:nowrap}.event-progress-caps li .event-player-progress__track{grid-column:1 / -1;height:7px}.event-player-progress__claimable span{padding:.25rem .55rem;border-radius:999px;background:#27ae602e;color:#72e0a1;font-size:.85rem}.event-milestone{margin-top:1.5rem}.event-milestone>h3{color:#61dafb}.event-milestone__type{color:#aeb5c0}.event-scoring-section{margin-top:1.25rem}.event-scoring-section h4{margin-bottom:.5rem}.event-scoring-list{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.event-scoring-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.7rem;border-radius:7px;background:#343a46}.event-scoring-list li strong,.event-scoring-list__capped>strong{flex:0 0 auto;color:#72e0a1}.event-scoring-list__capped{flex-direction:column}.event-scoring-list__capped p{margin:0 0 .35rem}.event-scoring-list__capped span{color:#aeb5c0;font-size:.85rem}.event-scoring-list__capped>strong{align-self:flex-end}.event-tiers{margin-top:1.5rem;border:1px solid #414854;border-radius:8px;background:#303641}.event-tiers summary{padding:.85rem 1rem;color:#61dafb;cursor:pointer}.event-tiers__list{display:grid;gap:.75rem;padding:0 .75rem .75rem}.event-objective-details{display:grid;gap:.4rem;margin:0;padding:0 .75rem .75rem}.event-objective-details div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .7rem;border-radius:6px;background:#282c34}.event-objective-details dt{color:#aeb5c0}.event-objective-details dd{margin:0;color:#61dafb}.event-tier{padding:.75rem;border-radius:7px;background:#282c34}.event-tier__heading{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.event-tier__heading span{color:#72e0a1}.event-reward-list{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.event-reward-list li{display:flex;align-items:center;gap:.6rem;color:#d7dbe3;font-size:.9rem}.event-reward-list img{width:32px;height:32px;object-fit:contain}.event-reward-list strong{margin-left:auto;color:#61dafb}.event-data{margin:1rem 0}.event-data__entry{display:grid;grid-template-columns:minmax(100px,.35fr) 1fr;gap:.8rem;padding:.55rem 0;border-bottom:1px solid rgb(255 255 255 / 9%)}.event-data__entry dt{color:#aeb5c0;font-size:.88rem}.event-data__entry dd{min-width:0;margin:0;overflow-wrap:anywhere}.event-data--depth-1{grid-column:1 / -1;width:100%}@keyframes events-spin{to{transform:rotate(360deg)}}@media (max-width: 520px){.event-drawer{padding:1rem}.event-data__entry{grid-template-columns:1fr;gap:.25rem}}body{margin:0;font-family:sans-serif;background-color:#282c34;color:#fff}a{color:#61dafb;text-decoration:none}.App{text-align:center;padding:20px}.app-header{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 2rem;padding-bottom:1rem;border-bottom:1px solid #444}.app-header h1{margin:0;font-size:1.5rem}.main-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.main-nav a{font-size:1.1rem;font-weight:700}.container{max-width:1200px;margin:0 auto;text-align:left}.auth-button{padding:10px 20px;font-size:1rem;border-radius:8px;border:none;background-color:#61dafb;color:#282c34;cursor:pointer;font-weight:700;text-decoration:none;transition:background-color .2s}.login-container{text-align:center;margin-top:10rem}.error-box{margin-top:20px;padding:15px;border:2px solid #ff6b6b;background-color:#4d2f2f;border-radius:8px;color:#fdd}.dashboard-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.summary-card{background-color:#3a3f4a;padding:1.5rem;border-radius:8px}.summary-card h3{margin-top:0;color:#61dafb}.summary-card p{font-size:1.5rem;margin:0;font-weight:700}.roster-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));justify-items:center;gap:1rem;list-style:none;padding:0}.roster-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.5rem 0}.roster-pagination button{padding:.5rem .75rem;border:1px solid #61dafb;border-radius:6px;background:#3a3f4a;color:#fff;cursor:pointer}.roster-pagination button:disabled{cursor:not-allowed;opacity:.5}.character-modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;justify-content:center;align-items:center;padding:1rem;background:#000000bf}.character-modal{position:relative;width:min(760px,100%);max-height:90vh;overflow-y:auto;padding:1.5rem;border:1px solid #555;border-radius:12px;background:#282c34;color:#fff}.character-modal__close{position:sticky;top:0;float:right;padding:.5rem .75rem;border:1px solid #61dafb;border-radius:6px;background:#3a3f4a;color:#fff;cursor:pointer}.character-modal__header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.character-modal__header img{width:90px;height:auto;object-fit:contain}.character-modal__header h3,.character-modal__header p{margin-top:0}.character-progression{margin:1.5rem 0;padding:1rem;border-radius:8px;background:#3a3f4a}.character-progression h4{margin:0 0 .75rem}.character-progression__abilities{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem;margin:0 0 1.25rem}.character-progression__abilities div{padding:.6rem;border-radius:6px;background:#ffffff0f;text-align:center}.character-progression__abilities dt{color:#c5c8d0;font-size:.85rem}.character-progression__abilities dd{margin:.25rem 0 0;color:#61dafb;font-size:1.2rem;font-weight:700}.character-progression__iso{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.character-progression__iso span,.character-progression__iso strong{padding:.4rem .6rem;border-radius:999px;background:#ffffff14}.character-progression__iso strong{color:#61dafb}.character-abilities{display:grid;gap:1rem}.character-ability{display:flex;gap:1rem;padding:1rem;border-radius:8px;background:#3a3f4a;white-space:pre-line}.character-ability img{width:48px;height:48px;object-fit:contain}.character-ability h5,.character-ability p{margin:0 0 .5rem}.character-ability__status{color:#61dafb}.roster-item{background-color:#3a3f4a;border-radius:8px;padding:15px;margin-bottom:10px}.part-card{display:flex;align-items:center}.part-card h3{padding:0 12px 0 0;margin:0;font-size:16px}.part-card p{font-size:16px}