.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 li:has(.character-link-card){display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;list-style-position:inside}.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}strong{color:#e6e6e6}.guide-alert{background:#7a5af81a;border:1px solid rgba(122,90,248,.3);border-radius:4px;padding:16px 20px;margin:20px 0;color:#e6e6e6}.guide-alert.red{background:#e53e3e1a;border-color:#e53e3e66}.guide-alert .title{font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px}.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}.character-link-card{display:inline-block;text-decoration:none;vertical-align:middle;position:relative;padding:0 8px;color:inherit;flex:0 0 auto;width:80px;box-sizing:border-box}.character-link-card>div{width:64px;height:64px;margin:0 auto;border-radius:2px;overflow:hidden;position:relative;box-shadow:0 4px 8px #0006;vertical-align:middle;display:block;background:linear-gradient(160deg,#2d2f4d,#4a4a6a 65%)}.character-link-card .char-avatar-bsr img,.character-link-card>div img{width:100%;height:100%;object-fit:cover;display:block}.character-link-card .char-avatar-bsr.Character-SSR{background:linear-gradient(160deg,#6e4c42,#e0c870 65%)}.character-link-card .char-avatar-bsr.Character-SR{background:linear-gradient(160deg,#2d2f4d,#7a5af8 65%)}.character-links-row{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;justify-content:center;margin:16px 0}.character-links-row .character-link-card{display:flex;flex-direction:column;align-items:center;flex:0 0 auto}.character-link-card>span{color:inherit;font-weight:600;font-size:13px;text-align:center;line-height:1.2;display:block;margin-top:2px;width:64px;min-height:2.4em}@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-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{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.character-badges .character-badge-background.element-chaos,.character-badges .character-badge-background.element-Chaos{background-color:#5d379199}.character-badges .character-badge-background.element-moon,.character-badges .character-badge-background.element-Moon{background-color:#1a4da799}.character-badges .character-badge-background.element-order,.character-badges .character-badge-background.element-Order{background-color:#d0901699}.character-badges .character-badge-background.element-star,.character-badges .character-badge-background.element-Star{background-color:#286d2699}.character-badges .character-badge-background.element-sun,.character-badges .character-badge-background.element-Sun{background-color:#89151f99}.character-badges .character-badge-class{position:relative;z-index:1;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%}}.haikyu-version{font-weight:400;font-size:.85em;color:#a0a0a0;margin-left:6px}.haikyu-bond-partner{color:#a0a0a0;font-size:.95rem;margin-bottom:6px}.haikyu-placeholder{color:#a0a0a0;font-size:1rem;grid-column:1 / -1}.haikyu-specialty-tag{border:None;background:None;color:#5aa6f7}.haikyu-specialty-icon{width:36px;height:36px;vertical-align:middle;object-fit:contain}.character-badges-specialty-row{width:100%;margin-top:8px}.haikyu-rarity-UR{color:#ff6b6b}.haikyu-rarity-SSR{color:#e0c870}.haikyu-rarity-SR{color:#7a5af8}.haikyu-rarity-SP{color:#5aa6f7}.haikyu-character-page .potential-desc .haikyu-stat-value,.haikyu-character-page .skill-desc-wrap .haikyu-stat-value{color:#c7b34a;font-weight:600}.haikyu-character-page h2:before,.haikyu-character-page h2:after{display:none}.haikyu-portrait-frame{width:180px!important;height:auto!important;aspect-ratio:7 / 10;flex:0 0 180px;order:2;position:relative;overflow:hidden;border-radius:2px;box-shadow:0 4px 6px #0000004d}.haikyu-portrait-frame .character-portrait{width:100%;height:100%;object-fit:cover;border-radius:0;padding:0;position:absolute;top:0;left:0}@media(max-width:768px){.haikyu-portrait-frame{width:150px!important;flex:0 0 150px}}