.guide-container{width:100%;margin:0}.guide-section{margin-bottom:30px}.guide-container p{color:#e6e6e6;line-height:1.6;margin-bottom:15px;font-size:18px}.guide-container li{color:#e6e6e6;line-height:1.6;margin-bottom:8px}.guide-section p{color:#e6e6e6;line-height:1.6;margin-bottom:15px;font-size:18px}.guide-section li{color:#e6e6e6;line-height:1.6;margin-bottom:8px}.guide-section h2{color:#e6e6e6;font-size:1.8rem;margin-bottom:20px;display:flex;align-items:center;gap:10px}.guide-section h3{color:#e6e6e6;font-size:1.4rem;margin:25px 0 15px}.guide-section h4{color:#e6e6e6;font-size:1.2rem;margin:20px 0 10px;display:flex;align-items:center;gap:8px}.guide-intro{color:#e6e6e6;font-size:1.2rem;text-align:center;margin-bottom:40px}.guide-intro h1{text-shadow:1px 2px 1px rgb(0,0,0);color:#e6e6e6;font-size:2.5rem;margin-bottom:10px}.guide-intro-image{display:block;width:100%;max-width:920px;height:auto}.guide-picture{display:flex;justify-content:flex-start;margin:16px 0 0}@media(min-width:1024px){.guide-picture .guide-intro-image{max-width:820px}}.guide-intro p{color:#a0a0a0;font-size:1.2rem;margin-top:0}.guide-intro p:last-of-type{color:#7a5af8a1;font-style:italic;font-size:.9rem;margin-top:10px}.guide-highlight,.guide-highlight.medium{background:#7a5af81a;border:1px solid rgba(122,90,248,.3);border-radius:2px;padding:15px;margin:20px 0;text-align:left}.guide-highlight h4{color:#7a5af8a1;font-size:1.2rem;margin-bottom:10px}.guide-highlight strong{color:#7a5af8a1}.guide-video{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:50px;width:100%}.guide-video-item{flex:1 1 480px;max-width:720px}.guide-video-title{text-align:center;margin-bottom:8px}.guide-video-embed{position:relative;padding-top:56.25%}.guide-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}@media(max-width:768px){.guide-section{padding:15px}.guide-section h2{font-size:1.5rem}.guide-intro{text-align:center!important;padding:0 10px!important}.guide-intro h1{font-size:1.8rem!important}}.nav-back{display:inline-block;background:linear-gradient(135deg,#7a5af8a1,#5a3fb8);color:#fff;padding:12px 25px;border-radius:2px;text-decoration:none;font-weight:700;margin-top:20px;margin-bottom:30px;transition:all .3s ease}.nav-back:hover{transform:translateY(-2px);box-shadow:0 5px 15px #7a5af866}.character-badge{position:absolute;top:2px;left:2px;width:32px;height:32px;z-index:30;overflow:hidden;border-radius:20px}.character-badge-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.character-badge-background.element-chaos{background-color:#5d379180}.character-badge-background.element-moon{background-color:#1a4da780}.character-badge-background.element-order{background-color:#d0901680}.character-badge-background.element-star{background-color:#286d2680}.character-badge-background.element-sun{background-color:#89151f80}.character-badge-class{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;object-fit:contain;z-index:1}@media(max-width:768px){.character-badge{width:24px;height:24px;top:2px;left:2px}.character-badge-class{top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px}}@media(max-width:480px){.character-badge{width:24px;height:24px;top:2px;left:2px}.character-badge-class{top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px}}.character-list-container{margin:20px 0}.character-list-container h2{text-align:center;margin-bottom:20px;color:#e6e6e6;font-size:2rem;text-shadow:1px 2px 1px rgb(0,0,0)}strong{color:#e6e6e6}.character-grid-container{width:100%;margin:0 auto}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;padding:20px;justify-items:center}@media(max-width:1200px){.character-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;padding:15px}}@media(max-width:768px){.character-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:10px}}@media(max-width:480px){.character-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;padding:8px}}.Character-SR,.Character-SSR,.Character-UR{width:140px!important;height:200px!important;margin:0!important;transition:all .3s ease;border-radius:2px;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000004d}.Character-SR{background:linear-gradient(160deg,#2d2f4d,#7a5af8 65%);border:none}.Character-SSR{background:linear-gradient(160deg,#6e4c42,#e0c870 65%);border:none}.Character-UR{background:linear-gradient(160deg,#5a2d2d,#ff6b6b 65%);border:none}.character-name-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.6) 60%,transparent 100%);color:#fff;padding:20px 4px 6px;text-align:center;font-weight:700;font-size:.9rem;z-index:25;text-shadow:0 2px 4px rgba(0,0,0,.8)}.character-image{position:absolute;width:100%;height:100%;object-fit:cover;z-index:10;transition:all .6s;cursor:pointer;backface-visibility:hidden;perspective:1000px}.character-image:hover{transform:scale(1.08)}.employees-filter-bar.lost{border-radius:4px;padding:8px 12px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px}.filter-bar-element{display:flex;align-items:center}.filter-bar-element.search{position:relative;margin-right:4px}.filter-bar-element.search input.form-control{background-color:#0e0e11;border:1px solid #32323e;border-radius:4px;color:#e0e0e0;padding:0 30px 0 10px;font-size:.9rem;height:38px;width:200px;transition:border-color .2s;box-sizing:border-box;line-height:38px}.filter-bar-element.search input.form-control:focus{outline:none;border-color:#7a5af8}.filter-bar-element.search .clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#888;cursor:pointer;font-size:1.2rem;line-height:1;display:none;user-select:none}.filter-bar-element.search input:not(:placeholder-shown)+.clear{display:block}.btn-group{display:inline-flex;border-radius:4px;overflow:hidden;border:1px solid #32323e}.btn{display:inline-flex;align-items:center;justify-content:center;background-color:#212126;color:#a0a0a0;border:none;border-right:1px solid #32323e;padding:0 16px;height:38px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.btn:last-child{border-right:none}.btn:hover{background-color:#2a2a30;color:#fff}.btn.active{background-color:#7a5af8a1;color:#fff;box-shadow:inset 0 3px 5px #00000020;border-color:#7a5af8a1}.btn svg{fill:currentColor}.reset-button{background-color:#2a2a30;border:1px solid #32323e;border-radius:4px;color:#a0a0a0;padding:0 16px;height:38px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s;font-size:.9rem}.reset-button:not([disabled]):hover{background-color:#7a5af8a1;border-color:#7a5af8a1;color:#fff}.reset-button[disabled]{opacity:.5;cursor:not-allowed}.btn img{width:28px;height:28px;object-fit:contain;transition:filter .2s;display:block;transform:scale(1.2)}.element-filter{padding:0 10px!important}@media(max-width:768px){.employees-filter-bar.lost{flex-direction:column;align-items:stretch;padding:10px}.filter-bar-element{width:100%;justify-content:center}.filter-bar-element.search input.form-control{width:100%}.btn-group{width:100%;display:flex}.btn{flex:1;padding:0 4px;font-size:.85rem}.reset-button{width:100%;justify-content:center}}@media(max-width:768px){.Character-SR,.Character-SSR,.Character-UR{width:105px!important;height:150px!important}.Character-SR .character-name-overlay,.Character-SSR .character-name-overlay,.Character-UR .character-name-overlay{font-size:.825rem!important;padding:9px 3px 6px!important;-webkit-text-stroke:.225px rgba(0,0,0,.6)!important}.Character-SR:hover,.Character-SSR:hover,.Character-UR:hover{transform:scale(1.05)!important}.Character-SR .character-image:hover,.Character-SSR .character-image:hover,.Character-UR .character-image:hover{filter:contrast(1.1)!important}}.content-container img{max-width:100%}.character-page{width:100%}.status-group h3{font-size:1.2rem;font-weight:800;border-bottom:solid 4px #7a5af8a1;padding-bottom:4px}.character-summary{margin-bottom:20px;display:flex;flex-direction:column}.character-header{display:flex;gap:18px;flex-wrap:nowrap;border-bottom:solid 4px #7a5af8a1}.character-portrait{order:2;flex:0 0 45%;width:100%;height:500px;border-radius:6px;object-fit:cover;padding:4px}.character-details{order:1;flex:0 0 55%}.character-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:4px}.character-badges .character-badge{position:relative;top:auto;left:auto;width:32px;height:32px;border-radius:20px;overflow:hidden}.character-tag{background:#ffffff14;border:1px solid #32323e;padding:4px 10px;border-radius:4px;font-size:1rem;text-transform:capitalize}.badge-element-moon{color:#9bbcff}.badge-element-order{color:#ffb957}.badge-element-star{color:#9be28a}.badge-element-sun{color:#ff8a8a}.badge-element-chaos{color:#d3a7ff}.character-desc{margin-top:12px;line-height:1.5}.character-profile{margin-top:16px}.tab-nav{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}.tab-button{background:#212126;border:1px solid #32323e;color:#a0a0a0;padding:8px 14px;border-radius:4px;cursor:pointer;font-size:1.2rem;transition:all .2s}.tab-button:hover{background:#2a2a30;color:#fff}.tab-button.is-active{background:#7a5af8a1;color:#fff;border-color:#7a5af8a1}.tab-panel{display:none}.tab-panel.is-active{display:block}.status-stats{display:grid;gap:10px}.status-row{display:grid;grid-template-columns:160px 1fr 90px 90px;gap:10px;align-items:center}.status-name{font-size:1.2rem;text-transform:capitalize}.status-bar-container{background:#222228;border:1px solid #2a2a30;height:10px;border-radius:6px;overflow:hidden}.status-bar{height:100%;background:linear-gradient(90deg,#7a5af8,#6366f1)}.status-value{font-size:1.2rem;color:#fff;text-align:right}.status-rank{font-size:.8rem;color:#888;text-align:right}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:12px}.status-item{background:#1a1a1e;border:1px solid #32323e;border-radius:4px;padding:8px 10px;display:flex;justify-content:space-between;font-size:1.2rem}.status-label{text-transform:capitalize}.status-journey{margin-top:18px}.status-potentials{display:grid;gap:10px}.potential-card{background:#1a1a1e;border:1px solid #32323e;border-radius:4px;padding:10px 12px}.potential-header{display:flex;gap:10px;align-items:center;margin-bottom:6px}.potential-level{background:#2a2a30;border:1px solid #32323e;padding:2px 8px;border-radius:4px;font-size:.8rem;color:#fff}.potential-name{color:#7a5af8;font-weight:600;font-size:1.2rem}.potential-desc{color:#cfcfcf;font-size:1rem}.skill-card{background:#1a1a1e;border:1px solid #32323e;border-radius:4px;padding:12px;margin-bottom:12px}.skill-header{display:flex;gap:12px;align-items:center}.skill-icon{width:48px;height:48px;object-fit:cover;border-radius:6px;border:1px solid #32323e}.skill-summary{flex:1}.skill-title-row{display:flex;justify-content:space-between;gap:8px;align-items:center}.skill-name{color:#fff;font-weight:700}.skill-type{background:#7a5af833;border-radius:2px;padding:2px 8px;font-size:.8rem;text-transform:uppercase}.skill-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.skill-badge{background:#222228;border:1px solid #32323e;color:#cfcfcf;padding:2px 6px;border-radius:2px;font-size:.9rem}.skill-desc-wrap{margin-top:10px}.skill-desc{color:#cfcfcf;line-height:1.5;font-size:1.2rem}.skill-notes{color:#a0a0a0;margin-top:6px;font-size:1rem}.skill-nova{margin-top:8px;display:flex;gap:8px;align-items:center}.skill-nova-text{font-size:.85rem;color:#c48d4e}.skill-levels{margin-top:10px}.skill-level-toggle{background:#212126;border:1px solid #32323e;color:#a0a0a0;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:.85rem;display:inline-flex;align-items:center;gap:6px}.skill-triangle{display:inline-block;transition:transform .2s}.skill-level-data{display:none;margin-top:8px;border-top:1px solid #2a2a30;padding-top:8px}.skill-level-data.is-open{display:grid;gap:6px}.skill-level-row{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:start;padding:4px}.skill-level{color:#7a5af8;font-weight:700}.skill-level-value{color:#cfcfcf;font-size:.9rem}.profile-grid{display:grid;gap:5px}.profile-item{background:#1a1a1e;border:1px solid #32323e;border-radius:4px;padding:10px 12px;display:flex;justify-content:space-between;color:#cfcfcf}.profile-label{color:#fff;font-weight:600}.profile-value{color:#cfcfcf}@media(max-width:768px){.character-header{flex-wrap:wrap;flex-direction:column;display:contents}.character-details{display:contents}.character-info{order:1}.character-portrait{flex:0 0 100%;order:2;height:auto;max-height:400px}.character-profile{order:3}.character-desc{order:4;margin-top:12px}.status-group{background:#1a1a1e;border:1px solid #32323e;border-radius:6px;padding:12px}.status-group h3{font-size:1.05rem}.status-row{grid-template-columns:1fr;gap:6px}.status-name{font-size:1rem}.status-bar-container{height:12px}.status-grid{grid-template-columns:1fr}.status-item{font-size:1rem}.status-value,.status-rank{text-align:left}}