/* Layout polish only: retain the original Arashi palette, artwork, and data. */
html{scroll-padding-top:20px}*{box-sizing:border-box}body{line-height:1.65}
.character-notes{margin:26px 0}.documented-note{border:1px solid #526487;border-radius:8px;background:#1e2c48;padding:20px;margin:14px 0}.note-heading{display:flex;gap:12px;justify-content:space-between;align-items:center}.note-heading h3{margin:0;font-size:1.05rem}.documented-note li{color:#d2dbea}.documented-note>a{font-size:.78rem}.other-mode-notes{border:1px solid #526487;border-radius:8px;padding:18px}.note-heading .scope-tag{white-space:nowrap}@media(max-width:500px){.note-heading{align-items:start;flex-direction:column}.documented-note{padding:16px}}
.character-quicknav{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0;margin:18px 0;border-bottom:1px solid #526487}.character-quicknav a{padding:8px 12px;background:#253555;border-radius:5px;text-decoration:none;font-size:.84rem}.character-page .source-values-panel{border:1px solid #526487;border-radius:8px;padding:18px;margin:20px 0}.character-page .has-portrait.dossier-hero{grid-template-columns:180px minmax(0,1fr) 220px;gap:22px}.character-page .guide-portrait img{max-height:285px;object-fit:contain}.character-page .dossier-summary{font-size:.8rem}.character-page .dossier-summary h2{font-size:1rem}.character-page .dossier-move{border-radius:8px;margin:22px 0}.character-page .dossier-move h3{border-bottom:1px solid #526487;padding-bottom:12px}.character-page .pros-cons{gap:16px}
@media(max-width:900px){.character-page .has-portrait.dossier-hero{grid-template-columns:160px minmax(0,1fr)}.character-page .dossier-summary{grid-column:1/-1}}@media(max-width:600px){.character-page .has-portrait.dossier-hero{grid-template-columns:1fr}.character-page .guide-portrait img{height:235px}.character-page .dossier-summary{grid-column:auto}.character-quicknav a{font-size:.78rem}}
.site-header,.site-nav,main,footer{max-width:1280px}
.site-nav{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:3px;scrollbar-width:thin}
.site-nav a{white-space:nowrap;border-radius:6px 6px 0 0;flex-shrink:0}
.site-nav a:last-child{margin-left:auto}
.site-nav a.discord-nav{color:#f7dfb3;font-weight:700}.changes-overview{margin:26px 0}.changes-overview a{font-size:.82rem}.patch-entry .permalink{font-size:.75rem}
.v2-scope-banner{display:flex;gap:12px;flex-wrap:wrap;border-radius:6px;font-size:.76rem}
.arashi-hero{min-height:420px;border-radius:10px;overflow:hidden}
.arashi-hero .hero-copy{padding-top:32px;padding-bottom:62px}
.arashi-hero h1{font-size:clamp(2.2rem,4vw,3.4rem)}
.arashi-hero .hero-copy>p:not(.eyebrow){max-width:360px}
.hero-fighters{height:93%;width:45%;right:8px;bottom:0}
.community-strip{border-radius:8px;overflow:hidden}.community-strip>div{padding:20px}
.feature-card,.character-card,.patch-entry,.search-panel,.learn-banner,.arashi-community-banner{border-radius:9px}
.hub-panel{padding:25px;border:1px solid #536487;border-radius:10px;background:linear-gradient(120deg,#253555,#1b2843);margin:26px 0}
.hub-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.hub-heading h2{margin:0 0 18px;font-size:1.6rem}.hub-heading .eyebrow{margin:0 0 5px}
.quick-links,.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.quick-links a{display:block;padding:18px;background:#152239;border:1px solid #526181;border-radius:7px;text-decoration:none;transition:border-color .15s,background .15s}
.quick-links a:hover{border-color:#e5bd78;background:#263653}.quick-links strong,.quick-links span{display:block}.quick-links strong{font-size:.92rem}.quick-links span{font-size:.82rem;color:#c0cbe0;margin-top:5px}
.mode-card{background:#253555;border:1px solid #596887;border-top:3px solid #e5bd78;padding:24px;border-radius:9px;margin:8px 0}.mode-card h2{font-size:1.55rem;margin:12px 0}.mode-card p{color:#c8d2e6;font-size:.92rem}.mode-number{font-size:.66rem;letter-spacing:.1em;color:#e5bd78}
.home-section-heading .muted,.hub-heading .muted{font-size:.8rem}.home-section-heading{gap:16px}
main{min-width:0}section{min-width:0}img{max-width:100%}.table-scroll{max-width:100%}
@media(max-width:760px){.quick-links,.mode-grid{grid-template-columns:1fr}.hub-heading{display:block}.hub-heading>.muted{display:none}.hub-panel{padding:18px}.arashi-hero{min-height:440px}.arashi-hero .hero-copy{padding:26px 22px 65px}.hero-fighters{width:75%;right:-40px;opacity:.22}.hero-actions{flex-wrap:wrap}.v2-scope-banner{gap:5px 12px}.v2-scope-banner span{font-size:.7rem}.site-nav a{padding:13px 10px;min-height:44px}.site-nav a:last-child{margin-left:0}.site-header .brand span{display:none}.header-search{min-height:40px;display:flex;align-items:center}.community-strip>div{padding:14px}.home-section-heading{align-items:start}.home-section-heading>.muted{display:none}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-card{padding:12px}.character-card h2{font-size:1.1rem}.character-card p{font-size:.8rem}}
@media(max-width:400px){.character-grid{grid-template-columns:1fr}.arashi-hero h1{font-size:2.1rem}.v2-scope-banner{padding:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.character-mode-control{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0}.character-mode-control label{font-weight:700}.character-mode-control select{font:inherit;color:#f1f4fa;background:#17253e;border:1px solid #7886a3;border-radius:6px;padding:10px 14px;min-height:44px}.character-mode-control span{color:#c0cbe0;font-size:.85rem}.character-notes [hidden]{display:none!important}

.public-release-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 20px;margin-bottom:28px;background:#273958;border:1px solid #d3b273;border-radius:8px}.public-release-banner strong{color:#f5dca6}.public-release-banner a{font-size:.9rem}.patch-controls label{display:block}.patch-controls .filter-chips{flex-wrap:wrap}.patch-controls .patch-filter-row{flex-wrap:wrap;gap:18px}#patchSearch{width:100%;margin-top:8px}.directory-actions{display:flex;flex-wrap:wrap;gap:14px}
