@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Serif+JP:wght@500;700;900&display=swap');
:root{color-scheme:dark;--background:#080b12;--surface:#0d1420;--surface2:#111e28;--ink:#f3f7fa;--muted:#b5c8d0;--tint:#87dce1;--accent:#63c9ce;--border:rgba(149,216,221,.19)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--ink);font-family:Manrope,Arial,sans-serif;min-height:100vh}button{font:inherit}a{color:inherit;text-decoration:none}em{font-style:normal;color:var(--tint)}.video-layer{position:fixed;inset:0;z-index:-2;background:#03070c;overflow:hidden}.video-layer video{width:100%;height:100%;object-fit:cover;filter:brightness(.39) saturate(.75)}.global-tint{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,8,13,.86),rgba(6,13,20,.57) 60%,rgba(4,9,15,.77)),linear-gradient(180deg,rgba(4,8,14,.34),rgba(5,9,15,.75));pointer-events:none}
.wrap{max-width:1440px;margin:0 auto;padding:0 44px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--border)}.identity{display:flex;align-items:center;gap:14px}.identity-mark{display:grid;place-items:center;width:52px;height:52px;font-size:31px;color:var(--tint);border:1px solid var(--tint);font-family:'Noto Serif JP',serif;background:rgba(7,22,31,.5)}.identity strong,.identity small{display:block}.identity strong{letter-spacing:.15em;font-size:14px}.identity small{letter-spacing:.16em;font-size:9px;color:var(--muted);margin-top:5px}.top-note{font-size:11px;font-weight:700;letter-spacing:.19em;color:#d0dce5}.top-note i{font-style:normal;color:var(--tint);margin:0 10px}.navigation{display:flex;gap:4px;align-items:stretch;padding:12px 0;border-bottom:1px solid var(--border)}.nav-link{position:relative;flex:1;display:flex;align-items:center;gap:11px;min-height:56px;padding:12px 18px;color:#bfcdd6;font-size:14px;font-weight:700;transition:.25s}.nav-link small{font-size:11px;color:#90aebd}.nav-link:hover{color:#fff;background:rgba(140,217,219,.1)}.nav-link.is-current{color:#fff;background:rgba(112,212,213,.14);box-shadow:inset 0 -2px var(--tint)}.nav-link.is-current small{color:var(--tint)}
.page-hero{display:flex;position:relative;align-items:center;justify-content:space-between;min-height:350px;overflow:hidden;padding:55px 5% 62px;border-bottom:1px solid var(--border)}.hero-details{max-width:940px;z-index:1}.eyeline{display:flex;gap:14px;align-items:center;font-size:11px;letter-spacing:.26em;font-weight:800;color:var(--tint)}.eyeline-rule{width:43px;height:1px;background:var(--tint)}.hero-step{color:#eff7fa}.page-hero h1{font-size:clamp(50px,7vw,108px);line-height:.95;letter-spacing:-.075em;margin:32px 0 18px;font-weight:800}.page-hero p{font-size:16px;line-height:1.8;max-width:740px;color:#d5e6ef}.hero-kanji{font-family:'Noto Serif JP',serif;font-size:clamp(150px,22vw,280px);color:rgba(146,226,228,.11);position:absolute;right:6%;top:0;line-height:1.3;pointer-events:none}main{padding:38px 0 84px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding:24px 0 36px;font-size:11px;letter-spacing:.23em;color:#94b0be}
.chapter-heading{display:flex;align-items:center;gap:20px;margin:30px 0 24px}.chapter-no{font:700 32px 'Noto Serif JP',serif;color:var(--tint);border:1px solid var(--border);padding:12px 20px}.chapter-heading h2{font-size:30px;letter-spacing:-.035em;margin:0 0 4px}.chapter-heading p{color:var(--muted);font-size:14px;margin:0}.intro-quote{position:relative;padding:30px 38px 28px 48px;margin:0 0 28px;border-left:3px solid var(--tint);background:linear-gradient(100deg,rgba(28,64,69,.73),rgba(10,20,29,.7))}.intro-quote blockquote{font:500 clamp(18px,2vw,27px)/1.6 Georgia,serif;max-width:990px;margin:0}.intro-quote cite{display:block;text-align:right;color:var(--tint);font-size:14px;font-style:normal;margin-top:16px}.quote-symbol{position:absolute;left:13px;top:-11px;color:rgba(150,234,232,.38);font:90px Georgia,serif}
.fold-stack{display:grid;gap:15px}.fold,.rank-entry{border:1px solid var(--border);background:rgba(8,18,28,.84);backdrop-filter:blur(14px);overflow:hidden}.fold-title,.rank-toggle{width:100%;border:0;color:#f5fdff;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;padding:23px 29px;font-weight:800;font-size:20px;transition:background .25s}.fold-title:hover,.rank-toggle:hover{background:rgba(111,218,215,.12)}.fold.expanded,.rank-entry.expanded{border-color:rgba(136,232,228,.42);background:rgba(9,26,34,.91)}.fold-mark,.rank-open{color:var(--tint);font-size:25px;transition:transform .3s}.expanded .fold-mark{transform:rotate(180deg)}.fold-body,.rank-details{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.expanded .fold-body,.expanded .rank-details{grid-template-rows:1fr}.fold-content,.rank-details ol{overflow:hidden;min-height:0}.fold-content{padding:0 29px;font-size:15px;line-height:1.8;color:#dbeef3;transition:padding .3s}.expanded .fold-content{padding:4px 29px 28px}.fold-content p{margin:0 0 17px}.fold-content ol,.fold-content ul{padding-left:24px}.tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.tech-item{display:grid;grid-template-columns:120px 1fr;column-gap:16px;align-items:center;padding:15px;background:rgba(123,213,220,.06);border:1px solid var(--border)}.tech-item .key{grid-row:span 2;font-weight:800;color:var(--tint);font-size:13px}.tech-item b{font-size:15px}.tech-item small{font-size:13px;color:#bdd5de}.combo-box{border-left:2px solid var(--tint);margin:21px 0 0;padding:15px 22px;background:rgba(109,216,221,.08)}.combo-box span{display:block;font-size:12px;color:var(--tint);text-transform:uppercase;letter-spacing:.17em}.combo-box strong{font-size:clamp(18px,2.6vw,28px)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mini-box{padding:18px;border:1px solid var(--border)}.mini-box h5{margin:0 0 9px;font-size:16px;color:var(--tint)}
/* Promotion: warmer steel/amber accents and vertical rank list */.theme-promotion{--tint:#f5d59a;--accent:#ddaa69;--border:rgba(243,201,147,.22)}.cooldown-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cooldown{display:flex;flex-direction:column;position:relative;padding:26px 24px;background:linear-gradient(145deg,rgba(63,45,30,.69),rgba(14,20,28,.9));border:1px solid var(--border)}.cd-number{position:absolute;right:18px;top:14px;color:rgba(247,204,157,.2);font-size:33px;font-weight:800}.cooldown small{font-size:12px;letter-spacing:.17em;color:var(--tint)}.cooldown b{font-size:32px;margin:11px 0}.cooldown p{font-size:12px;color:#d8caba;margin:0}.rank-route{padding:27px 29px;margin:19px 0 35px;border:1px solid var(--border);background:rgba(31,25,25,.79)}.route-heading{color:var(--tint);font-size:13px;font-weight:800;letter-spacing:.2em}.route-heading span{float:right}.rank-route p{font-size:17px;line-height:2.1}.rank-route p span{color:var(--tint);margin:0 3px}.rank-list{display:grid;gap:10px}.rank-toggle{justify-content:initial;font-size:17px}.rank-index{font-size:25px;color:var(--tint);font-weight:800;width:55px}.rank-title{flex:1}.rank-details ol{margin:0;padding:0 30px 0 114px;color:#f1e8dc;font-size:15px;line-height:1.85;transition:padding .2s}.rank-entry.expanded .rank-details ol{padding-bottom:26px}.rank-details li{margin:6px 0}.tier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:34px 0}.tier-grid div{padding:24px;background:rgba(29,27,26,.78);border:1px solid var(--border)}.tier-grid b{font-size:13px;letter-spacing:.17em;color:var(--tint)}.tier-grid p{font-size:15px;line-height:1.7}
/* Dress: editorial look */.theme-dress{--tint:#b9d4ce;--accent:#86b8aa;--border:rgba(189,214,207,.25)}.theme-dress .global-tint{background:linear-gradient(100deg,rgba(10,22,23,.96),rgba(10,24,24,.69),rgba(9,20,23,.93))}.dress-showcase{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:40px;min-height:280px;padding:36px 44px;background:linear-gradient(115deg,rgba(24,52,47,.88),rgba(10,24,26,.91));border:1px solid var(--border)}.dress-emblem{height:200px;display:grid;place-items:center;border:1px solid var(--border);color:var(--tint);font:800 130px 'Noto Serif JP',serif}.mini-label{letter-spacing:.23em;color:var(--tint);font-size:11px;font-weight:800}.dress-showcase h2{font-size:clamp(35px,5vw,70px);margin:10px 0;letter-spacing:-.06em}.dress-showcase h2 span{color:var(--tint)}.dress-showcase p{font-size:16px;line-height:1.9;color:#d8e9e4}.uniform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:23px 0}.uniform{min-height:190px;padding:25px;border:1px solid var(--border);background:rgba(18,35,35,.78)}.uniform.focus{background:rgba(48,86,75,.74);border-color:rgba(206,234,219,.6)}.uniform>span{font:700 28px 'Noto Serif JP',serif;color:var(--tint)}.uniform h3{font-size:22px;margin:18px 0 9px}.uniform p{font-size:14px;color:#c1d9d1;line-height:1.7}
/* Team: screenshot-inspired dark plum, ornamental dividers, stronger hierarchy */.theme-team{--tint:#d5c9ff;--accent:#a997e6;--border:rgba(201,187,255,.22)}.theme-team .global-tint{background:linear-gradient(90deg,rgba(9,7,21,.98),rgba(13,9,28,.79),rgba(5,5,15,.97))}.theme-team .video-layer video{filter:brightness(.17) saturate(.6)}.theme-team .page-hero{min-height:290px}.roster-intro{text-align:center;margin:0 auto 28px}.roster-intro span{font-size:16px;color:var(--tint);letter-spacing:.2em}.roster-intro h2{font-size:35px;letter-spacing:.02em}.ornament{display:flex;align-items:center;gap:0;color:var(--tint);font-size:24px;margin:28px 0}.ornament:before,.ornament:after{content:"";height:2px;flex:1;background:linear-gradient(90deg,transparent,#bcb3e4)}.ornament:after{background:linear-gradient(90deg,#bcb3e4,transparent)}.ornament span{padding:0 17px}.roster-group{border:1px solid var(--border);padding:28px 34px;background:linear-gradient(145deg,rgba(27,20,48,.91),rgba(11,10,27,.93));box-shadow:0 15px 45px rgba(0,0,0,.24)}.roster-group.master{background:linear-gradient(130deg,rgba(46,30,80,.91),rgba(15,13,37,.93));border-color:rgba(208,184,255,.4)}.roster-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;border-bottom:1px solid var(--border);padding-bottom:14px}.roster-heading small{font-size:13px;letter-spacing:.2em;color:var(--tint)}.roster-heading h3{font-size:28px;margin:4px 0 0}.roster-heading>span{font-size:36px;color:rgba(209,197,246,.3);font-weight:800}.member-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.member{display:flex;align-items:center;gap:19px;border:1px solid rgba(201,187,255,.19);background:rgba(158,137,214,.06);padding:17px 19px;min-height:80px}.member strong{font-size:18px;word-break:break-word}.member-symbol{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;color:var(--tint);font:700 26px 'Noto Serif JP',serif;border:1px solid rgba(201,187,255,.24);background:rgba(171,155,230,.09)}.master-member{background:rgba(186,153,236,.1);border-color:rgba(201,187,255,.34)}.master-member>div{flex:1}.master-member small{font-size:11px;letter-spacing:.22em;color:#c6b0f7;display:block;margin-bottom:7px}.master-member strong{font-size:clamp(19px,3vw,29px)}.member-mark{margin-left:auto;color:rgba(219,201,254,.23);font:700 50px 'Noto Serif JP',serif}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .65s ease,transform .65s cubic-bezier(.19,1,.22,1)}.reveal.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{transition:none;opacity:1;transform:none}.fold-body,.rank-details{transition:none}}
@media(max-width:960px){.wrap{padding:0 22px}.navigation{overflow-x:auto}.nav-link{min-width:175px}.page-hero{padding-left:15px}.member-list,.cooldown-list,.uniform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dress-showcase{grid-template-columns:150px 1fr}.dress-emblem{height:150px;font-size:90px}}
@media(max-width:620px){.wrap{padding:0 14px}.top-note{display:none}.identity strong{font-size:12px}.identity-mark{width:43px;height:43px;font-size:26px}.navigation{gap:0}.nav-link{min-width:150px;font-size:12px;padding:12px}.page-hero{min-height:290px;padding:42px 6px}.page-hero h1{font-size:clamp(42px,12vw,68px)}.page-hero p{font-size:14px}.hero-kanji{font-size:160px;right:0;top:20px}.eyeline{font-size:9px}.chapter-heading h2{font-size:22px}.chapter-no{font-size:24px;padding:8px 13px}.intro-quote{padding:28px}.fold-title{font-size:17px;padding:18px}.fold-content{padding:0 18px}.expanded .fold-content{padding:4px 18px 22px}.tech-grid,.mini-grid,.cooldown-list,.uniform-grid,.tier-grid,.member-list{grid-template-columns:1fr}.tech-item{grid-template-columns:100px 1fr}.rank-toggle{font-size:14px;padding:15px}.rank-index{width:40px;font-size:19px}.rank-details ol{padding-left:72px}.dress-showcase{grid-template-columns:1fr;gap:18px;padding:20px}.dress-emblem{width:100%;height:130px;font-size:74px}.roster-group{padding:19px}.member{padding:12px;gap:12px}.member strong{font-size:15px}.member-symbol{width:42px;height:42px;flex-basis:42px}.master-member strong{font-size:19px}.member-mark{display:none}}


/* Wind-only dress code layout */
.dress-intro{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:34px;min-height:250px;padding:34px 40px;background:linear-gradient(115deg,rgba(24,52,47,.88),rgba(10,24,26,.91));border:1px solid var(--border);margin-bottom:24px}.dress-intro .dress-emblem{height:190px;display:grid;place-items:center;border:1px solid var(--border);color:var(--tint);font:800 120px 'Noto Serif JP',serif}.dress-intro h2{font-size:clamp(34px,5vw,64px);margin:10px 0;letter-spacing:-.06em}.dress-intro p{font-size:16px;line-height:1.9;color:#d8e9e4}
.role-section{margin:26px 0 0}.role-heading{display:flex;align-items:flex-start;gap:18px;margin-bottom:16px}.role-heading>span{display:grid;place-items:center;width:68px;height:68px;border:1px solid var(--border);font:700 30px 'Noto Serif JP',serif;color:var(--tint);background:rgba(185,212,206,.06)}.role-heading h3{margin:0 0 6px;font-size:30px;letter-spacing:-.03em}.role-heading p{margin:0;color:#d6e6e1;font-size:15px;line-height:1.75}
.outfit-gallery{display:grid;gap:18px}.outfit-gallery.single{grid-template-columns:minmax(0,420px)}.outfit-gallery.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.outfit-card{background:rgba(18,35,35,.82);border:1px solid var(--border);overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.22)}.outfit-card:hover{transform:translateY(-2px);transition:transform .25s ease,border-color .25s ease;border-color:rgba(205,234,219,.46)}
.outfit-image-wrap{display:grid;place-items:center;min-height:430px;padding:20px;background:linear-gradient(180deg,rgba(9,19,21,.88),rgba(14,29,30,.62))}.outfit-image-wrap img{max-width:100%;max-height:390px;object-fit:contain;display:block;filter:drop-shadow(0 18px 35px rgba(0,0,0,.38))}
.outfit-info{padding:18px 20px;border-top:1px solid rgba(189,214,207,.16)}.outfit-info b{display:block;font-size:19px;margin-bottom:7px}.outfit-info small{font-size:14px;line-height:1.7;color:#c4d9d3}
@media(max-width:960px){.dress-intro{grid-template-columns:150px 1fr}.dress-intro .dress-emblem{height:150px;font-size:90px}.outfit-gallery.two{grid-template-columns:1fr}}
@media(max-width:620px){.dress-intro{grid-template-columns:1fr;gap:18px;padding:20px}.dress-intro .dress-emblem{width:100%;height:130px;font-size:74px}.role-heading{flex-direction:column}.role-heading>span{width:58px;height:58px;font-size:26px}.role-heading h3{font-size:24px}.outfit-image-wrap{min-height:340px}.outfit-image-wrap img{max-height:300px}}