:root{--bg:#101a30;--surface:#1c2b49;--line:#415174;--muted:#b0bdd7;--ink:#f4f3ff;--accent:#e5bd78;color-scheme:dark}
body{background:#293349 url('assets/arashi/cloud-background.webp') center top/1600px auto fixed no-repeat;color:var(--ink)}
body:before{content:'';position:fixed;inset:0;background:linear-gradient(#1119329c,#16213c85 45%,#1b2644d9);pointer-events:none;z-index:-1}
main{max-width:1280px;width:calc(100% - 64px);padding:36px;background:linear-gradient(135deg,#101a2ff5,#17223af5);box-shadow:0 20px 60px #0910266b;border-left:1px solid #65739755;border-right:1px solid #65739755}
.site-header{max-width:1280px;width:calc(100% - 64px);padding:17px 28px;background:linear-gradient(110deg,#19243ef5,#26324cec);border-left:1px solid #65739755;border-right:1px solid #65739755}
.site-header .brand img{width:130px;height:66px}.site-header .brand{font-size:.67rem;letter-spacing:.13em}.site-header .brand small{font-size:.55rem;color:#b9c5df}
.heritage-badge{margin-left:auto;display:flex;gap:10px;align-items:center;color:#c2c7df}.heritage-badge img{width:37px;height:37px;object-fit:contain;opacity:.8}.heritage-badge>span{font-size:.51rem;line-height:1.7;letter-spacing:.13em}
.header-search{margin-left:15px;border-color:#667293;background:#111b30;font-size:.72rem;color:#d3ddf1}.header-search span{margin-left:15px}
.site-nav{max-width:1280px;width:calc(100% - 64px);margin:auto;padding:0 21px;gap:16px;background:linear-gradient(#344268,#243454);border-top:1px solid #65749b;border-bottom:1px solid #727fa2;box-shadow:0 4px 15px #09102644}.site-nav a{font-size:.8rem;color:#d2d9eb;padding:14px 13px}.site-nav a[aria-current]{color:#fff3d2;border-color:#e5bd78;background:linear-gradient(#ffffff0d,#ccb17714)}
a{color:#e5bd78}a:hover{color:#fff1d4}.eyebrow{color:#dcb981;letter-spacing:.16em}.button,button{background:#e5bd78;border-color:#e5bd78;color:#172239;border-radius:3px}.button:hover,button:hover{background:#f6d69f;color:#172239}.button.secondary{border-color:#8f9dc4;color:#e7d4b3;background:#ffffff06}.button.secondary:hover{background:#4a5675;color:#fff}
.arashi-hero{min-height:490px;border-color:#697a93;background:#122637;box-shadow:0 12px 26px #0003}.arashi-hero .hero-art{object-position:center;opacity:.8}.arashi-hero .hero-shade{background:linear-gradient(90deg,#101a32fa 0%,#101d31e8 34%,#15223b65 68%,#121c3130),linear-gradient(0deg,#111b34e6,transparent 45%)}
.arashi-hero .hero-copy{position:relative;z-index:2;max-width:680px;padding:42px 40px 78px}.arashi-hero h1{font-size:clamp(2.4rem,4.1vw,3.7rem);line-height:1.25;letter-spacing:-.05em;color:#fff9e9;text-shadow:0 3px 20px #0e1d3c}.arashi-hero .hero-copy>p:not(.eyebrow){max-width:380px;color:#d1d9e8;font-size:.95rem}.arashi-hero .hero-copy .eyebrow{font-size:.59rem}.live-dot{background:#dfbf87}.hero-fighters{position:absolute;right:14px;bottom:30px;width:48%;height:90%;pointer-events:none;z-index:1}.hero-fighters img{position:absolute;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 12px #0b17237d)}.hero-sasuke{height:94%;width:65%;bottom:0;left:-5%;opacity:.92}.hero-naruto{height:94%;width:61%;bottom:0;right:0}.hero-edition{left:40px;color:#b5c3d5;z-index:2}.hero-caption{z-index:2;color:#becadf;right:18px;font-size:.47rem}.hero-caption strong{font-size:.49rem}
.community-strip{background:linear-gradient(100deg,#28385a,#202f4e);border-color:#5c6b8e}.community-strip>div{border-color:#526080}.community-strip span{color:#c1cbe0}.community-strip strong{color:#f0d4a0}.community-strip>a{color:#e8e6ee}.home-section-heading{margin-top:44px}.home-section-heading h2{color:#f0edfa;font-size:1.75rem}.home-section-heading .muted{color:#a7b4d3}
.feature-card{background:linear-gradient(120deg,#29385b,#1c2a49);border:1px solid #536487;box-shadow:0 7px 22px #070e242b}.feature-card:hover{background:#304160;border-color:#b7a4d5}.feature-card h2{color:#f7f0fe}.feature-card p:not(.eyebrow){color:#bdc9df}.card-topline{color:#c2cbe1}.card-action{color:#e9c48a}.patch-feature{min-height:465px;background:#27304e url('assets/arashi/cloud-panel.webp') center/cover no-repeat;padding:24px 28px;display:block}.patch-feature .card-topline{position:relative;z-index:2}.arashi-news-art{display:block;width:calc(100% + 22px);height:165px;object-fit:contain;margin:-5px -11px 5px;filter:drop-shadow(0 7px 9px #07092255)}.patch-feature>div:last-child{position:relative}.patch-feature h2{font-size:2rem;line-height:1.16;margin:8px 0}.patch-feature p:not(.eyebrow){font-size:.81rem}.patch-feature .card-action{margin-top:15px}.database-features .feature-card{background:linear-gradient(115deg,#2c3c61,#1b2945);padding:28px}.database-features .feature-card:first-child{border-top:3px solid #9c9cc9}.database-features .feature-card:last-child{border-top:3px solid #7cacc4}
.featured-fighters .fighter-link{background:#263758 url('assets/arashi/cloud-panel.webp') center top/auto 250px no-repeat;border-color:#536487}.featured-fighters .fighter-link:hover{border-color:#d0b9e7;background-color:#304367}.fighter-number{color:#b4afd2}.fighter-link small{color:#c4c9df}.learn-banner{background:linear-gradient(100deg,#354163,#263451);border-color:#576887;border-left-color:#baa0d7}.learn-banner p:not(.eyebrow){color:#bec9df}.arashi-community-banner{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center;padding:30px;background:linear-gradient(105deg,#1b2845,#263551);border:1px solid #546484;margin:32px 0}.arashi-community-banner h2{font-size:1.5rem;margin:8px 0}.arashi-community-banner p:not(.eyebrow){font-size:.84rem;color:#bac8df}.arashi-community-banner a{font-size:.8rem}.arashi-community-banner>img{width:100%;max-height:180px;object-fit:contain}.data-note{margin-top:28px}.data-note p{color:#aebbd4}.data-note strong{color:#e0dce9}.note-mark{border-color:#909abb;color:#d2cae2}
footer,.community-footer{position:relative;max-width:1280px;width:calc(100% - 64px);margin:0 auto;padding:24px 36px;background:#233353;color:#c0cbe0;border:1px solid #526183;border-top:0;overflow:hidden;box-sizing:border-box}.arashi-footer-art{width:calc(100% + 72px);margin:-24px -36px 27px;background:#354a74}.arashi-footer-art img{display:block;width:100%;height:auto;max-height:270px;object-fit:cover;object-position:center bottom}.community-footer strong{color:#ece7f5}.community-footer strong span{color:#b7c4df}.community-footer p{color:#c0cbe0}.arashi-source{font-size:.65rem;margin-top:18px;opacity:.9}footer small{color:#b7c4df}
.arashi-roster-banner{margin:-36px -36px 26px;border-bottom:1px solid #8790ad;background:#17223b}.arashi-roster-banner img{display:block;width:100%;height:auto;max-height:188px;object-fit:cover}.roster-hero{background:url('assets/arashi/cloud-panel.webp') center/cover;border:1px solid #576484;padding:26px!important}.roster-hero h1{font-size:clamp(2rem,3.9vw,3.05rem)}.roster-logo{width:220px;max-width:27%;margin-right:0}.roster-hero .intro{font-size:1rem;color:#c3cbe1}.roster-hero .eyebrow{color:#e0c292}
.character-card{background:linear-gradient(135deg,#2b3a5c,#1e2b49);border-color:#536386}.roster-portrait{background:#304368 url('assets/arashi/cloud-panel.webp') center/cover;border-bottom-color:#6c7794}.dossier-directory-card .roster-number{background:#1b2549cb;border-color:#7783a2;color:#ead6b4}.character-card h2 a{color:#f5efff}.character-card .eyebrow{color:#d5bf9b!important}.character-card p{color:#bcc8df!important}.character-card .set-link{border-top-color:#4b5c7c}.dossier-directory-card:hover{border-color:#c3b0d9}.search-panel{background:linear-gradient(110deg,#293859,#202e4b);border-color:#536485;border-left-color:#b1a0cc}.quiet-note{border-left-color:#7d789d;color:#b4bfd6}
input,select,textarea{background:#111e36!important;color:#f2effb!important;border-color:#617393!important}input::placeholder,textarea::placeholder{color:#9faccc}.has-portrait.dossier-hero{background:linear-gradient(90deg,#293b61e3,#1a284600),url('assets/arashi/cloud-panel.webp') left center/cover;border-color:#526485;padding:28px 22px;grid-template-columns:230px minmax(0,1fr) 240px;gap:25px}.has-portrait.dossier-hero h1{color:#f0d39d}.guide-portrait figcaption{color:#b7b5d0}.has-portrait .dossier-summary,.dossier-summary{background:#1b2946e8;border-color:#546487;border-top-color:#e0bd83}.dossier-summary dt,.source-label{color:#aebcd7}.dossier-summary dd{color:#e4dfed}.dossier-tabs{background:#2c3b5d;border-color:#687694}.dossier-tabs a{color:#e4ca9c}.dossier-tabs a:hover{color:#fff3d7;background:#465174}.dossier-move,.pros-cons section,.guide-note,.input-panel,.side-panel,.practice-card,.dossier-gap{background:#21314f;border-color:#506080}.dossier-move th{background:#304264;color:#e6d6ef}.dossier-move h3 span{background:#405474;color:#e5d2a9}.dossier-toc{border-left-color:#5a6788}.dossier-toc a{color:#c4b7e0}.input{background:#314465;color:#eeeaf5;border-color:#7883a3}
.patch-hero{background:linear-gradient(100deg,#2a3657,#23324e),url('assets/arashi/cloud-panel.webp');padding:30px;border:1px solid #5a6b8a;gap:20px}.patch-hero h1{font-size:clamp(2.3rem,3.9vw,3.4rem);color:#faf4e8}.patch-hero .patch-news-art{max-width:44%;width:480px;max-height:270px;object-fit:contain;filter:drop-shadow(0 9px 12px #0003)}.release-tags span{color:#e8d5b4;background:#39435a;border-color:#7f7b85}.patch-controls{background:#263756;border-color:#57698a}.filter-chip{background:#192741;color:#d9dded;border-color:#6c7995}.filter-chip[aria-pressed=true]{background:#dfbf8b;color:#17233b;border-color:#dfbf8b}.patch-entry{background:#1d2d4b;border-color:#506184}.patch-entry[open]{border-color:#bba2d1}.patch-entry[open]>summary{background:#34405e;border-color:#5f6688}.patch-entry>summary:hover{background:#2f3d5c}.patch-entry-body li{color:#ccd3e5}.scope-tag{background:#34384f;color:#e8c796;border-color:#737086}.text-button{background:none;color:#edcb92;border:0}.text-button:hover{background:none;color:#ffedc8}.patch-sidebar p,.sidebar-note p{color:#b0bed8}.patch-sidebar .eyebrow{color:#dfbf8b}.table-scroll th{color:#e9e3f3}td,th{border-color:#495a7c}
@media(min-width:1500px){body{background-size:cover}.arashi-hero h1{font-size:3.85rem}}
@media(max-width:1100px){.heritage-badge{display:none}.header-search{margin-left:auto}.site-nav{gap:6px}.site-nav a{font-size:.76rem;padding:13px 10px}.has-portrait.dossier-hero{grid-template-columns:200px minmax(0,1fr)}.has-portrait .dossier-summary{grid-column:1/-1}.arashi-hero .hero-copy{max-width:570px;padding-left:30px}.arashi-hero h1{font-size:3.1rem}.hero-fighters{right:-15px;opacity:.8}.arashi-hero .hero-copy>p:not(.eyebrow){max-width:340px}.arashi-news-art{height:140px}.patch-feature h2{font-size:1.8rem}.patch-hero{padding:24px}.patch-hero .patch-news-art{max-width:38%}}
@media(max-width:760px){main,.site-header,.site-nav,footer,.community-footer{width:calc(100% - 24px)}main{padding:22px}.site-header{padding:12px 16px}.site-header .brand img{width:100px;height:57px}.site-header .brand{font-size:.56rem;gap:12px}.site-header .brand small{font-size:.46rem}.header-search{font-size:.65rem;padding:7px 10px}.site-nav{padding:0 7px;gap:1px}.site-nav a{font-size:.7rem;padding:12px 10px}.arashi-hero{min-height:535px}.arashi-hero .hero-copy{padding:26px 23px 70px}.arashi-hero h1{font-size:2.65rem;line-height:1.26}.arashi-hero .hero-copy>p:not(.eyebrow){font-size:.86rem;max-width:270px}.arashi-hero .hero-copy .eyebrow{font-size:.49rem;max-width:260px}.hero-fighters{right:-65px;bottom:0;width:74%;height:75%;opacity:.26}.hero-sasuke{display:none}.hero-naruto{width:100%;height:100%}.arashi-hero .hero-shade{background:linear-gradient(90deg,#101b33f2,#132038b0),linear-gradient(0deg,#12213bd9,transparent)}.arashi-hero .hero-actions{gap:18px}.hero-edition{left:23px;font-size:.47rem}.hero-caption{display:none}.community-strip{grid-template-columns:1fr 1fr}.community-strip>div{padding:14px}.home-section-heading{margin-top:30px}.home-section-heading h2{font-size:1.5rem}.feature-grid{grid-template-columns:1fr}.patch-feature{min-height:430px}.arashi-news-art{height:165px;margin-top:0}.arashi-community-banner{grid-template-columns:1fr;padding:23px;gap:22px}.arashi-community-banner>img{max-height:160px;grid-row:1}.arashi-community-banner h2{font-size:1.3rem}.arashi-roster-banner{margin:-22px -22px 22px}.roster-hero{padding:20px!important}.roster-logo{display:none}.roster-hero h1{font-size:2rem}.roster-hero .intro{font-size:.9rem}.roster-hero .directory-actions{align-items:start}.roster-hero .directory-actions>a{font-size:.8rem}.has-portrait.dossier-hero{padding:25px 18px;grid-template-columns:1fr;gap:25px}.has-portrait .dossier-summary{grid-column:auto}.has-portrait.dossier-hero h1{font-size:2rem}.guide-portrait img{height:290px}.patch-hero{padding:23px;display:flex;flex-direction:column-reverse;align-items:start}.patch-hero .patch-news-art{display:block;width:100%;max-width:100%;height:150px;object-fit:contain;margin:-8px 0 8px}.patch-hero h1{font-size:2.15rem}.patch-hero .intro{font-size:.85rem}.release-tags span{font-size:.5rem}.patch-layout{display:block}.patch-sidebar{position:static}.patch-sidebar>p:not(.eyebrow),.patch-sidebar>a,.sidebar-note{display:none}footer,.community-footer{padding:23px}.arashi-footer-art{margin:-23px -23px 24px;width:calc(100% + 46px)}.arashi-footer-art img{max-height:190px;min-height:145px;object-fit:cover;object-position:75% bottom}}
@media(max-width:400px){main{padding:16px}.arashi-roster-banner{margin:-16px -16px 20px}.site-header .brand img{width:82px}.site-header .brand{gap:8px;font-size:.5rem}.header-search{padding:6px;font-size:.6rem}.arashi-hero .hero-copy{padding-left:19px;padding-right:19px}.arashi-hero h1{font-size:2.3rem}.home-section-heading>a{white-space:normal;max-width:70px}.patch-controls{padding:13px}.has-portrait.dossier-hero{padding:22px 13px}.patch-feature{padding:21px}.hero-edition{left:19px}}
@media print{body,main,footer{background:white;color:black;width:100%;box-shadow:none;border:0}body:before,.arashi-footer-art,.heritage-badge,.hero-fighters,.arashi-roster-banner{display:none}.has-portrait.dossier-hero,.patch-hero{background:white;color:black}.has-portrait.dossier-hero h1,.patch-hero h1{color:black}}