.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}}.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-background.element-type{background-color:#50505a80}.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,.Character-SP,.Character-R,.Character-N{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-SP{background:linear-gradient(135deg,#c7e5ff,#5aa6f7,#5b6ee5);border:none}.Character-R{background:linear-gradient(160deg,#2d3d4d,#87ceeb 65%);border:none}.Character-N{background:linear-gradient(160deg,#3d3d3d,#d3d3d3 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)}@media(max-width:768px){.Character-SR,.Character-SSR,.Character-UR,.Character-SP,.Character-R,.Character-N{width:105px!important;height:150px!important}.Character-SR .character-name-overlay,.Character-SSR .character-name-overlay,.Character-UR .character-name-overlay,.Character-SP .character-name-overlay,.Character-R .character-name-overlay,.Character-N .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,.Character-SP:hover,.Character-R:hover,.Character-N:hover{transform:scale(1.05)!important}.Character-SR .character-image:hover,.Character-SSR .character-image:hover,.Character-UR .character-image:hover,.Character-SP .character-image:hover,.Character-R .character-image:hover,.Character-N .character-image:hover{filter:contrast(1.1)!important}}.content-container img{max-width:100%}.character-page{width:100%;display:flex;flex-direction:column}.status-group h3{font-size:1.2rem;font-weight:800;border-bottom:solid 4px #7a5af8a1;padding-bottom:4px;margin-bottom:12px}.status-group{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.status-group h3{font-size:1.2rem;font-weight:800;border-bottom:solid 4px #7a5af8a1;padding-bottom:4px;margin-bottom:12px;grid-column:1 / -1}.status-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;grid-column:1 / -1}.status-group .status-potentials{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.character-summary{margin-bottom:20px;display:flex;flex-direction:column}.character-header{display:flex;gap:18px;flex-wrap:nowrap;border-bottom:solid 4px #7a5af8a1;padding-bottom:20px}.character-portrait{order:2;flex:0 0 45%;width:100%;height:600px;border-radius:2px;object-fit:cover;padding:4px}.character-details{order:1;flex:0 0 55%;display:flex;flex-direction:column}.character-title-row{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.character-title-row h2{margin:0}.character-title-row .character-badges{width:100%}.character-badges{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:4px}.character-badges .character-badge{position:relative;top:auto;left:auto;width:33px;height:33px;border-radius:2px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.character-badges .character-badge-background{width:100%;height:100%}.character-badges .character-badge-class{width:24px;height:24px;object-fit:contain}.character-tag{background:#ffffff14;border:1px solid #32323e;padding:4px 12px;border-radius:2px;font-size:1.45rem;text-transform:capitalize;display:inline-flex;align-items:center;gap:4px}.character-tag-icon{width:24px;height:24px;vertical-align:middle;display:inline-block}.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-intro{font-size:1.4rem;line-height:1.6;margin-bottom:16px;margin-top:16px}.character-intro .intro-icon{width:28px;vertical-align:middle;margin:0 4px;display:inline-block}.character-desc{margin-top:12px;line-height:1.5}.character-profile{margin-top:16px;flex:1;display:flex;align-items:flex-start}.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:2px;cursor:pointer;font-size:1.4rem;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}.skills-panel.is-active{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.status-row{display:grid;grid-template-columns:200px 1fr;gap:15px;align-items:center;background:#2c2d35;padding:10px 14px;border-radius:2px;border:1px solid transparent;transition:border-color .2s}.status-row:hover{border-color:#7a5af84d}.status-name{font-size:1.1rem;color:#e0e0e0;text-transform:capitalize;font-weight:500}.status-bar-container{display:none}.status-bar{height:100%;background:linear-gradient(90deg,#7a5af8,#6366f1);box-shadow:0 0 8px #7a5af866}.status-value{font-size:1.2rem;color:#c7b34a;text-align:right;font-weight:600;font-family:monospace}.status-rank{display:none}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;grid-column:1 / -1}.status-item{background:#2c2d35;border:1px solid rgba(255,255,255,.05);border-radius:2px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;transition:border-color .2s}.status-item:hover{border-color:#7a5af84d}.status-label{text-transform:capitalize;font-size:1rem}.status-item .status-value{color:#c7b34a;font-size:1.1rem}.status-journey{margin-top:18px}.status-potentials{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.potential-card{background:#2c2d35;border:1px solid #32323e;border-radius:2px;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:2px;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:#2c2d35;border:1px solid #32323e;border-radius:2px;padding:12px;display:flex;flex-direction:column}.skill-header{display:flex;gap:12px;align-items:center;margin-bottom:8px}.skill-icon{width:72px;height:72px;object-fit:cover;border-radius:2px;border:1px solid #32323e;flex-shrink:0;margin-left:auto;order:2}.skill-summary{flex:1;order:1}.skill-title-row{display:flex;gap:10px;align-items:center;justify-content:flex-start;flex-wrap:wrap}.skill-name{font-weight:700;background:#7a5af8a1;padding:12px;font-size:1.2rem}.skill-type{background:#51515a;border:1px solid #32323e;border-radius:2px;padding:12px;font-weight:700;font-size:1.2rem;text-transform:none}.skill-badges{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;margin-top:0;line-height:1.5}.skill-badge{background:#51515a;padding:8px 12px;font-size:1.2rem;margin:0}.skill-desc-wrap{margin-top:16px;padding:12px}.skill-desc{color:#cfcfcf;line-height:1.5;font-size:1.2rem}.skill-desc p{margin:0 0 10px}.skill-desc p:last-child{margin-bottom:0}.skill-effect-details{margin-top:6px;color:#cfcfcf;font-size:1rem;line-height:1.5}.skill-effect-details p{margin:0}.skill-effects{margin-top:16px;display:grid;gap:12px}.skill-effect{border-top:1px solid #32323e;padding-top:8px}.skill-effect-type{color:#7a5af8;font-weight:700;display:block;margin-bottom:4px;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.skill-effect-value{color:#cfcfcf;font-size:1rem}.skill-notes{color:#a0a0a0;margin-top:6px;font-size:.875rem;line-height:1.5}.skill-nova{margin-top:8px;display:flex;gap:8px;align-items:center}.skill-nova-text{font-size:.85rem;color:#c48d4e}.skill-levels{margin-top:auto;padding-top:10px}.skill-level-toggle{background:#51515a;border:1px solid #32323e;padding:6px;border-radius:2px;cursor:pointer;font-size:1rem;font-weight:700;text-transform:none;display:flex;align-items:center;justify-content:center;width:100%}.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:center;padding:4px;border-top:2px solid #4a4a5a}.skill-level-row:first-child{border-top:none}.skill-level{color:#fff;font-weight:700;background:#7a5af8a1;text-align:center;border-radius:2px}.skill-level-value{color:#cfcfcf;font-size:.9rem;padding:4px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}.profile-item{background:#2c2d35;border:1px solid #32323e;border-radius:2px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#cfcfcf;gap:4px}.profile-label{font-size:1.2rem;color:#fff;font-weight:600}.profile-value{color:#cfcfcf;font-size:1rem}@media(max-width:768px){.character-summary{order:1}.tab-nav{order:5}.status-panel,.skills-panel{order:6}.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:2;width:100%;display:block;flex:none}.profile-grid{width:100%}.character-intro{order:3;margin-top:12px;margin-bottom:12px}.character-desc{order:4;margin-top:12px}.character-badges{gap:10px;padding:4px}.character-badges .character-badge{width:33px;height:33px}.character-badges .character-badge-class{width:24px;height:24px}.character-tag{padding:4px 12px;font-size:1.45rem;gap:4px}.character-tag-icon{width:24px;height:24px}.status-group{background:transparent;border:none;padding:12px;grid-template-columns:1fr}.status-group h3{font-size:1.05rem}.status-stats{grid-template-columns:repeat(2,1fr)}.status-row{grid-template-columns:1fr;gap:8px;padding:12px}.status-name{font-size:1rem}.status-value{text-align:left}.status-grid{grid-template-columns:repeat(2,1fr)}.status-item{font-size:1rem}.profile-grid,.status-group .status-potentials{grid-template-columns:repeat(2,1fr)}.skills-panel.is-active{display:grid;grid-template-columns:1fr;gap:12px}.skill-card{display:flex;flex-direction:column;background:#2c2d35;border:1px solid #32323e;border-radius:2px;margin-bottom:12px}.skill-header{order:1;display:flex;flex-direction:column;gap:8px;width:100%;margin-bottom:12px}.skill-summary{width:100%}.skill-title-row{flex-direction:column;align-items:center;gap:0;text-align:center;width:100%}.skill-name{font-size:1.1rem;order:1;text-align:center;width:100%}.skill-type{order:2;align-self:center;font-size:1.1rem;width:100%;text-align:center}.skill-badges{order:3;margin-top:0;width:100%}.skill-desc-wrap{order:2;padding:0;margin-top:28px;background:transparent;border:none}.skill-desc{font-size:1rem}.skill-nova{order:3;margin-top:12px}.skill-levels{order:4;margin-top:auto;padding-top:12px;width:100%}}.starsailors-character-page .character-summary{margin-bottom:12px}.starsailors-character-page .character-header.starsailors-header-row{display:flex;flex-direction:row;align-items:flex-start;gap:0;flex-wrap:nowrap;padding:0 0 12px;background:transparent;border-radius:0;border:none;border-bottom:1px solid rgba(50,50,62,.6)}.starsailors-header-row .character-details{flex:1 1 auto;min-width:0}.starsailors-character-page .character-info{display:flex;flex-direction:row;align-items:flex-start;gap:14px;width:100%}.starsailors-character-page .character-info .character-portrait,.starsailors-character-page .character-info .character-portrait--icon{flex:0 0 auto;order:1}.starsailors-character-page .character-info .character-title-row{flex:1 1 auto;min-width:0;order:2}.starsailors-character-page .character-title-row{gap:8px;flex-direction:column;align-items:flex-start}.starsailors-character-page .character-title-row h2{font-size:1.81rem;line-height:1.2;margin:0}.starsailors-character-page .character-title-row .character-badges{gap:8px;padding:0}.starsailors-character-page .character-title-row .character-badges .character-tag{font-size:1.375rem;padding:2.5px 10px}.starsailors-character-page .character-profile{margin-top:12px}.starsailors-character-page .tab-nav{margin-top:12px;margin-bottom:12px}.starsailors-character-page .character-title-row .character-tag-icon{width:30px;height:30px;object-fit:contain;display:inline-block;vertical-align:middle}.starsailors-character-page .character-tag.badge-tier-1{color:#6b7280}.starsailors-character-page .character-tag.badge-tier-2{color:#7a5af8}.starsailors-character-page .character-tag.badge-tier-3{color:#e0c870}.starsailors-character-page [data-tab-panel=profile] .profile-grid{grid-column:1 / -1;width:100%;max-width:100%}.starsailors-character-page .character-portrait--icon{aspect-ratio:1 / 1;width:120px;height:120px;flex:0 0 60px;object-fit:cover;object-position:center;border-radius:6px}.starsailors-character-page .skill-type{padding:8px 12px}@media(max-width:768px){.starsailors-character-page .status-grid{grid-template-columns:1fr}.starsailors-character-page .character-info{flex-wrap:wrap;flex-direction:row}.starsailors-character-page .character-info .character-portrait,.starsailors-character-page .character-info .character-portrait--icon{order:1}.starsailors-character-page .character-info .character-title-row{order:2}.starsailors-character-page{min-width:0;max-width:100%}.starsailors-character-page .skill-card{min-width:0;max-width:100%;overflow:hidden}.starsailors-character-page .skill-header{width:100%;min-width:0;max-width:100%;overflow:hidden;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;gap:12px}.starsailors-character-page .skill-summary,.starsailors-character-page .skill-title-row{display:contents}.starsailors-character-page .skill-summary{min-width:0;max-width:100%}.starsailors-character-page .skill-title-row{min-width:0}.starsailors-character-page .skill-name{order:1;flex:0 0 100%;max-width:100%;box-sizing:border-box}.starsailors-character-page .skill-type{order:2;flex:0 0 100%;max-width:100%;box-sizing:border-box}.starsailors-character-page .skill-badge{order:3;align-self:center;min-width:0;overflow-wrap:break-word;word-break:break-word}.starsailors-character-page .skill-icon{order:4;margin-left:0}.starsailors-character-page .skill-name,.starsailors-character-page .skill-type{min-width:0;overflow-wrap:break-word;word-break:break-word;width:100%}}.skill-keywords{margin-top:10px;padding-top:10px;border-top:1px solid rgba(50,50,62,.6);display:flex;flex-direction:column;gap:6px}.skill-keyword{font-size:.95rem;line-height:1.4}.skill-keyword-effect{font-weight:600;color:#7a5af8}.skill-keyword-desc{color:#a0a0a0}