:root{--primary:#6D00E2;--primary-hover:#7E20EE;--accent:#B983FF;--primary-soft:#2A1542;--on-primary:#FFFFFF;--on-primary-muted:#E8D6FF}
@font-face{font-family:Studio;src:url('assets/roboto.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#110B18;color:#f5f4f0;font-family:Studio,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;max-width:100%}::selection{background:var(--primary);color:var(--on-primary)}.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1440px;padding:0 6%;margin:auto;border-bottom:1px solid #ffffff14}.wordmark{font-weight:900;font-size:18px;letter-spacing:-.7px;white-space:nowrap}.wordmark>span:not(.brand-square){color:#a4a0ae}.brand-square{display:inline-block;width:8px;height:8px;background:var(--primary);margin:0 0 1px 8px}.header nav{display:flex;gap:36px;font-size:14px}.header nav a:hover,.text-link:hover,footer a:hover{color:var(--accent)}.languages{display:flex;gap:10px;align-items:center;font-size:14px}.languages button{background:transparent;border:0;color:#9b9b9f;padding:6px 0;cursor:pointer}.languages button[aria-pressed=true]{color:#fff}.languages>span{color:#555}.hero{max-width:1440px;margin:auto;min-height:690px;display:grid;grid-template-columns:1fr 1.04fr;align-items:center;padding:68px 6% 75px;gap:40px;overflow:hidden}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#b2afb8;margin:0 0 24px}.hero h1{margin:0 0 25px}.nakavt-logo{width:290px;height:auto}.hero h2{font-size:clamp(42px,4.4vw,66px);line-height:1.05;letter-spacing:-2px;font-weight:900;margin:0 0 24px;white-space:pre-line}.hero-description{color:#aaa8b1;max-width:390px;margin:0 0 32px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.primary{display:inline-flex;background:var(--primary);padding:14px 24px;color:var(--on-primary);font-weight:700;font-size:14px;border:1px solid var(--primary)}.primary:hover{background:var(--primary-hover)}.text-link{font-size:14px;border-bottom:1px solid #777;padding-bottom:3px}.platform-line{display:flex;gap:14px;margin-top:26px;color:#aaa8b1;font-size:12px}.separator{color:#57555e}.hero-art{position:relative;height:520px;width:100%;isolation:isolate;cursor:pointer;touch-action:manipulation;outline-offset:12px}.portrait{position:absolute;overflow:visible;border:0;padding:0;aspect-ratio:1;cursor:pointer;color:inherit;font:inherit;background:none!important;touch-action:manipulation;-webkit-appearance:none;appearance:none}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center}.portrait-back{width:64%;right:-5%;top:5%;background:#363246;transform:rotate(8deg);z-index:1}.portrait-middle{width:65%;left:0;top:14%;background:#6d2d35;transform:rotate(-8deg);z-index:2}.portrait-front{width:67%;right:-1%;bottom:3%;background:#263f2f;transform:rotate(3deg);z-index:3}.art-label{position:absolute;z-index:4;top:-2px;left:8%;font-size:12px;letter-spacing:2px;font-weight:700;color:#9c98a4}.art-caption{display:flex;justify-content:space-between;gap:14px;position:absolute;z-index:5;bottom:-24px;left:3%;right:0;font-size:12px;letter-spacing:1px;color:#bbb8c2}.ribbon{position:relative;overflow:hidden;background:var(--primary);color:var(--on-primary);font-size:14px;font-weight:700;letter-spacing:.5px;padding:20px 0}.section{max-width:1440px;margin:auto;padding:95px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:42px}.section-heading h2,.studio h2,.release h2{font-size:clamp(36px,4vw,54px);line-height:1.08;letter-spacing:-1.5px;margin:0;font-weight:900;white-space:pre-line}.section-heading p{color:#aaa8b1;max-width:360px;margin:0}.section-heading .eyebrow{color:var(--accent);margin-bottom:15px}.skip{position:absolute;left:15px;top:-100px;z-index:20;background:#fff;color:#111;padding:10px}.skip:focus{top:10px}footer{max-width:1440px;margin:auto;padding:35px 6%;border-top:1px solid #ffffff18;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;color:#a4a0ae}footer .wordmark{color:#fff;font-size:16px}
@media(max-width:900px){.header{height:85px;padding:0 5%}.header nav{gap:20px}.hero{padding:55px 5% 65px;gap:25px;min-height:610px}.hero-art{height:440px}.hero h2{font-size:48px}.nakavt-logo{width:250px}.art-caption{font-size:10px}.section{padding:75px 5%}}@media(max-width:640px){.header{height:auto;min-height:80px;flex-wrap:wrap;gap:15px;padding:22px 6%}.wordmark{font-size:16px}.header nav{order:3;width:100%;font-size:14px;gap:25px}.hero{grid-template-columns:1fr;padding:45px 6% 55px;gap:55px}.hero h2{font-size:52px}.hero-description{max-width:100%}.hero-art{height:430px;max-width:440px;margin:auto}.art-caption{font-size:11px}.ribbon{padding:17px 0}.section{padding:65px 6%}.section-heading{display:block}.section-heading p{margin-top:24px}.hero-actions{gap:20px}footer{flex-wrap:wrap;padding:30px 6%;gap:15px}footer .wordmark{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.roster{display:grid;grid-template-columns:1fr 1.12fr;gap:48px}.fighter-stage{position:relative;background:#1C1428;overflow:hidden;align-self:start}.stage-label{position:absolute;top:25px;left:25px;z-index:2;letter-spacing:1.8px;font-size:12px}.fighter-image{position:relative;aspect-ratio:1;overflow:hidden}.fighter-image>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.fighter-name{padding:25px 30px 30px}.fighter-badge{display:inline-block;margin-top:14px;color:var(--accent)!important;letter-spacing:0!important;font-size:14px!important}.fighter-badge[hidden]{display:none}#fighter-description{font-size:16px;line-height:1.75;color:#bbb8c3;margin:16px 0 0}.fighter-name span{font-size:12px;letter-spacing:2px;color:#ccc}.fighter-name h3{font-size:48px;line-height:1.1;letter-spacing:-1px;margin:8px 0 0}.select-label{font-size:12px;letter-spacing:1.8px;color:#aba8b2;margin:0 0 20px}.fighter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fighter-grid button{background:#1C1428;border:1px solid #ffffff14;color:#bcb9c3;cursor:pointer;padding:0;overflow:hidden;text-align:left;transition:background-color .2s,border-color .2s}.fighter-grid button:hover{background:#252429;border-color:#777}.fighter-grid button[aria-pressed=true]{border-color:var(--primary);color:white;background:var(--primary-soft)}.fighter-grid img{height:auto;width:100%;aspect-ratio:1;object-fit:cover;object-position:center}.fighter-grid span{display:block;padding:8px 12px;font-size:14px}.roster-note{font-size:14px;color:#9b98a4;margin:22px 0 0}.arena-section{background:#191121;border-block:1px solid #ffffff0d}.arena-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.arena-grid figure{margin:0;min-width:0}.arena-grid figure>div{aspect-ratio:1.05;background:#212125;overflow:hidden}.arena-grid img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;transition:transform .4s}.arena-grid figure:hover img{transform:scale(1.05)}.arena-grid figcaption{display:flex;gap:12px;align-items:baseline;padding-top:20px}.arena-grid figcaption>span{font-size:12px;color:var(--accent)}.arena-grid h3{margin:0;font-size:16px;font-weight:500}.studio{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding-block:110px}.studio-mark{height:310px;background:#eeeaf4;overflow:hidden;position:relative}.studio-mark img{width:100%;height:100%;object-fit:cover;transform:scale(1.05)}.studio .eyebrow{color:var(--accent);margin-bottom:20px}.studio>div>p:not(.eyebrow){max-width:430px;color:#aaa8b1;margin:25px 0;line-height:1.75}.release{background:var(--primary);color:var(--on-primary);padding:85px 6%;text-align:center}.release-inner{max-width:1000px;margin:auto}.release .eyebrow{color:var(--on-primary-muted)}.release h2{font-size:clamp(40px,5.2vw,72px)}.release p:not(.eyebrow){margin:25px 0;color:var(--on-primary-muted)}.store-badges{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:32px}.store-badge{display:flex;gap:16px;text-align:left;align-items:center;background:#141416;color:white;padding:12px 24px;min-width:210px;border:1px solid #ffffff24;border-radius:5px}.store-badge small{display:block;font-size:10px;letter-spacing:.8px;color:#c1bfc8}.store-badge strong{font-size:21px;line-height:1.2;display:block;font-weight:500}.store-symbol{width:34px;height:34px;flex:none;object-fit:contain}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.roster{gap:25px}.arena-grid{gap:15px}.studio{gap:40px}.arena-grid figcaption{gap:8px}.arena-grid h3{font-size:14px}}@media(max-width:640px){.roster{grid-template-columns:1fr;gap:30px}.arena-grid{grid-template-columns:repeat(2,1fr);row-gap:28px}.arena-grid h3{font-size:14px}.studio{grid-template-columns:1fr;gap:40px;padding-block:65px}.studio-mark{height:270px}.release{padding:65px 6%}.store-badge{min-width:195px}.fighter-name h3{font-size:42px}}

.release-app-icon{width:104px;height:104px;border-radius:22px;margin:0 auto 30px;box-shadow:0 10px 25px #31006a40}.stage-label{background:#111b;padding:6px 10px;left:16px;top:16px}.fighter-select{align-self:start}@media(max-width:640px){.fighter-name{padding:22px}.hero-art{height:390px}.stage-label{font-size:12px}}

.portrait-face{position:absolute;inset:0;display:block;overflow:hidden;border:1px solid #ffffff25;background:#21182e;box-shadow:0 15px 30px #0003}.portrait-face img{width:100%;height:100%;object-fit:cover}.portrait{pointer-events:none;transform-origin:center center}.portrait-exiting{z-index:6}.hero-art:focus-visible{outline:2px solid var(--accent);outline-offset:12px}.hero-art[data-busy="true"]{cursor:pointer}
.marquee-track{display:flex;width:max-content;animation:marquee var(--marquee-duration,38s) linear infinite;will-change:transform}
.marquee-group{flex:none;display:flex;align-items:center;justify-content:space-between;min-width:100vw;gap:36px;padding-inline:18px}
.marquee-group>span{white-space:nowrap}
.marquee-icon{flex:none;width:28px;height:28px;object-fit:contain}
.ribbon:hover .marquee-track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:640px){.marquee-group{gap:28px;padding-inline:14px}.marquee-icon{width:26px;height:26px}.art-caption{font-size:10px;letter-spacing:.6px}}
@media(prefers-reduced-motion:reduce){.marquee-track{width:100%;will-change:auto}.marquee-group{width:100%;min-width:0;flex-wrap:wrap;justify-content:center;gap:16px 20px;padding:0 20px}.marquee-group[aria-hidden="true"]{display:none}}

@font-face{font-family:Navigation;src:url('assets/noto-sans.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
.header{font-family:Navigation,Arial,sans-serif}
.header .wordmark{font-size:18px;font-weight:800;letter-spacing:-.35px;line-height:1.3}
.header nav{gap:12px;font-size:15px;font-weight:650;line-height:1.4;letter-spacing:.1px}
.header nav a{padding:10px 14px;border-radius:8px;transition:background-color .2s,color .2s}
.header nav a:hover{background:#ffffff08;color:#fff}
.header .languages{font-size:14px;font-weight:650;letter-spacing:.5px}
.languages a{display:block;color:#9b9b9f;padding:6px 0}
.languages a[aria-current="page"]{color:#fff}
.languages a:hover{color:var(--accent)}
.hero-actions .primary{position:relative;isolation:isolate;min-height:56px;align-items:center;justify-content:center;padding:16px 30px;border:0;background:none;font-size:15px;font-weight:750;line-height:1.4;filter:drop-shadow(0 5px 0 #370077);transition:transform .2s,filter .2s}
.hero-actions .primary:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#8618ef 0%,var(--primary) 58%,#5900c5 100%);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);transition:background .2s}
.hero-actions .primary:after{content:'';position:absolute;inset:2px;pointer-events:none;border-top:1px solid #ffffff35;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px)}
.hero-actions .primary:hover{transform:translateY(-2px);filter:drop-shadow(0 7px 0 #370077)}
.hero-actions .primary:hover:before{background:linear-gradient(135deg,#982df8,var(--primary-hover))}
.hero-actions .primary:active{transform:translateY(3px);filter:drop-shadow(0 2px 0 #370077)}
.art-caption{justify-content:flex-end}
@media(max-width:640px){.header .wordmark{font-size:16px}.header nav{gap:8px}.header nav a{padding:8px 10px}.header nav a:first-child{padding-left:0}.hero-actions .primary{padding-inline:26px}}

html{scroll-padding-top:calc(var(--header-height,100px) + 16px)}
.header{position:sticky;top:0;z-index:50;background:#110b18f5;backdrop-filter:blur(14px);transition:transform .24s ease,box-shadow .24s ease}
.header--hidden{transform:translateY(calc(-100% - 1px))}
.header:has(:focus-visible){transform:translateY(0)}
.header--scrolled{box-shadow:0 10px 25px #0003}
.footer-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.policy-main{max-width:1440px;margin:auto;padding:64px 6% 100px}
.policy-heading{padding-bottom:38px;margin-bottom:48px;border-bottom:1px solid #ffffff14}
.policy-heading .eyebrow{color:var(--accent);margin-bottom:16px}
.policy-heading h1{font-size:clamp(38px,4.2vw,60px);line-height:1.1;letter-spacing:-1.5px;margin:0 0 20px;font-weight:900}
.policy-updated{margin:0;color:#aaa8b1;font-size:15px}
.policy-translation-notice{max-width:78ch;margin:24px 0 0;padding:18px 22px;border:1px solid #b983ff35;border-left:3px solid var(--accent);border-radius:8px;background:#b983ff0d;color:#cfc8dc;font-size:15px;line-height:1.8;overflow-wrap:anywhere}
.policy-translation-notice p{margin:0}
.policy-translation-notice a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.account-deletion-page .policy-main{max-width:1000px}
.account-deletion-page .policy-content{max-width:none;padding:clamp(22px,4vw,42px);background:#1c1428;border:1px solid #ffffff10;border-radius:12px}
.account-deletion-page .notice{margin:24px 0;padding:18px 22px;border-left:3px solid var(--accent);background:#b983ff0d;border-radius:8px}
.account-deletion-page .contact{margin-top:32px;padding-top:24px;border-top:1px solid #ffffff14}
.policy-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:64px;align-items:start}
.policy-toc{position:sticky;top:calc(var(--header-height,100px) + 24px);background:#1c1428;border:1px solid #ffffff10;border-radius:12px;padding:22px}
.policy-toc summary{cursor:pointer;font-size:16px;font-weight:700;color:#fff}
.policy-toc nav{max-height:calc(100vh - var(--header-height,100px) - 120px);overflow:auto;margin-top:20px;scrollbar-width:thin;scrollbar-color:#513273 transparent}
.policy-toc ol{list-style:none;margin:0;padding:0}
.policy-toc li+li{margin-top:12px}
.policy-toc a{display:block;color:#bcb7c8;font-size:14px;line-height:1.55}
.policy-toc a:hover{color:var(--accent)}
.policy-content{max-width:72ch;min-width:0;font-size:16px;line-height:1.85;color:#bcb7c8;overflow-wrap:anywhere}
.policy-content h2{color:#f5f4f0;font-size:28px;line-height:1.3;letter-spacing:-.5px;margin:48px 0 20px}
.policy-content h2:first-child{margin-top:0}
.policy-content h3{color:#e9e3f1;font-size:20px;line-height:1.4;margin:30px 0 14px}
.policy-content p{margin:0 0 18px}
.policy-content strong,.policy-content b{color:#e9e3f1}
.policy-content ul{padding-left:24px;margin:16px 0 24px}
.policy-content li{padding-left:4px;margin-bottom:8px}
.policy-content li p{margin:0}
.policy-content li::marker{color:var(--accent)}
.policy-content a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.policy-content a:hover{color:#d6b8ff}
@media(max-width:900px){.policy-main{padding:45px 5% 75px}.policy-layout{grid-template-columns:1fr;gap:32px}.policy-toc{position:static}.policy-toc nav{max-height:340px}.policy-content{max-width:none}.policy-heading{margin-bottom:30px;padding-bottom:28px}}
@media(max-width:640px){.policy-main{padding:36px 6% 65px}.policy-heading h1{font-size:38px;letter-spacing:-1px}.policy-content h2{font-size:25px;margin-top:38px}.policy-toc{padding:18px}.footer-links{gap:20px}}
@media(prefers-reduced-motion:reduce){.header{transition:none}}

.header{display:block;width:100%;max-width:none;height:auto;min-height:0;padding:0}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;max-width:1440px;height:99px;margin:auto;padding:0 6%}
.header nav a{position:relative}
.header nav a[aria-current="location"],.header nav a:hover{background:transparent;color:#fff;box-shadow:none}
.header nav a[aria-current="location"]:after{content:'';position:absolute;height:2px;bottom:4px;left:14px;right:14px;background:var(--accent);border-radius:2px}
.policy-toc a{padding:8px 10px;border-radius:6px;border-left:3px solid transparent;transition:background-color .2s,color .2s,border-color .2s}
.policy-toc li+li{margin-top:4px}
.policy-toc{--toc-inset:22px}
.policy-toc nav{margin-right:calc(-1 * var(--toc-inset));padding-right:var(--toc-inset)}
.studio-section{--spot-x:calc(53% - min(360px,25%) - 21.25px);position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at var(--spot-x) 0%,#b983ff16 0%,#b983ff05 45%,transparent 75%)}
.studio-section:before{content:'';position:absolute;inset:0;z-index:0;background:conic-gradient(from 130deg at var(--spot-x) -14%,transparent 0deg,#c8a4fa10 10deg,#e9d9ff38 50deg,#c8a4fa10 90deg,transparent 100deg);filter:blur(24px);mask-image:linear-gradient(transparent 0%,#000 10%,#0009 55%,transparent 100%);pointer-events:none}
.studio-section:after{content:'';position:absolute;left:var(--spot-x);width:88%;bottom:5%;height:110px;z-index:0;transform:translateX(-50%);background:radial-gradient(ellipse,#b983ff18 0%,#b983ff08 38%,transparent 72%);filter:blur(18px);pointer-events:none}
@media(max-width:900px){.studio-section{--spot-x:calc(52.5% - 25% - 10px)}}
@media(max-width:640px){.studio-section{--spot-x:50%}}
.studio-section .studio{position:relative;z-index:1}
.studio-mark{background:none}
.studio-mark img{position:relative;z-index:1;filter:drop-shadow(0 8px 14px #05020880)}

.store-badge[href]{transition:background-color .2s,border-color .2s}
.store-badge[href]:hover{background:#252129;border-color:#ffffff70}
@media(max-width:640px){.store-badges{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:280px;margin-inline:auto}.store-badges>.store-badge{width:100%;min-width:0}}

.social-icon{display:block;width:22px;height:22px;object-fit:contain;flex-shrink:0}
.community-platform .social-icon{width:20px;height:20px}
.social-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.social-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #ffffff24;border-radius:8px;background:#ffffff05;transition:background-color .2s,border-color .2s}
.social-link:hover{background:#ffffff12;border-color:#b983ff80}

.header .languages{flex-shrink:0}
@media(min-width:641px) and (max-width:1100px){.header-inner{height:auto;min-height:84px;flex-wrap:wrap;gap:12px;padding-block:18px}.header nav{order:3;width:100%;flex-wrap:wrap;gap:6px}.header nav a{padding:8px 10px}}
@media(max-width:640px){.header nav{flex-wrap:wrap}}
@media(max-width:380px){.header .wordmark-image{width:140px}.header .languages{gap:6px}}
html:lang(ja) body{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-break:strict;overflow-wrap:break-word}
html:lang(ja) .header{font-family:inherit}
html:lang(ja) h1,html:lang(ja) h2,html:lang(ja) h3{letter-spacing:normal;line-height:1.35}
html:lang(ja) .hero-copy h2{font-size:clamp(2.25rem,4.2vw,3.75rem)}
html:lang(ja) .eyebrow,html:lang(ja) .select-label,html:lang(ja) .stage-label{letter-spacing:.06em}
html:lang(ja) .community-copy,html:lang(ja) .tester-intro{min-width:0}
@media(max-width:640px){.policy-toc{--toc-inset:18px}}
.policy-toc a[aria-current="location"]{background:var(--primary-soft);color:#fff;border-left-color:var(--accent);box-shadow:inset 0 0 0 1px #b983ff25}
@media(max-width:900px){.header{padding:0;height:auto}.header-inner{height:84px;padding:0 5%}}
@media(max-width:640px){.header{padding:0;min-height:0;gap:0}.header-inner{height:auto;min-height:79px;flex-wrap:wrap;gap:15px;padding:22px 6%}.header nav a:first-child{padding-left:10px}.header nav a[aria-current="location"]:after{left:10px;right:10px}}

.studio-links{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}.studio-links a{font-size:14px}.footer-links{font-size:14px;margin-left:auto}footer{flex-wrap:wrap}
@media(max-width:900px){.footer-links{width:100%;margin-left:0;gap:16px 24px}}

.community-card{display:grid;grid-template-columns:240px minmax(0,1fr) auto;align-items:center;gap:32px;margin-top:52px;padding:36px 40px;background:linear-gradient(115deg,#2a1542 0%,#20132e 55%,#26123b 100%);border:1px solid #b983ff30;border-radius:16px;position:relative;overflow:hidden}
.community-fighters{display:flex;justify-content:center;align-items:center;padding:16px 0}.community-fighters img{width:88px;height:88px;object-fit:cover;border:3px solid #28163c;border-radius:16px;box-shadow:0 10px 24px #0e071d66}.community-fighters img:first-child{transform:rotate(-12deg);margin-right:-16px}.community-fighters img:nth-child(2){width:112px;height:112px;z-index:1;transform:translateY(-8px)}.community-fighters img:last-child{transform:rotate(12deg);margin-left:-16px}
.community-platform{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:14px;font-weight:700;letter-spacing:1.8px;margin:0 0 10px}.community-platform svg{width:20px;height:20px}.community-copy h3{font-size:32px;font-weight:900;letter-spacing:-.7px;line-height:1.2;margin:0 0 12px}.community-copy>p:last-child{font-size:16px;line-height:1.65;color:#c6bbd3;margin:0;max-width:440px}
.community-button,.community-inline{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:700;border:1px solid #b983ff40;border-radius:8px;transition:background-color .2s,transform .2s}.community-button{padding:16px 22px;background:var(--primary);color:white;white-space:nowrap;box-shadow:0 5px 0 #410088}.community-button:hover{background:#7e20ee;transform:translateY(-2px)}.community-button:active{transform:translateY(2px)}.community-inline{padding:12px 16px;background:#2a1542;color:#ede0ff}.community-inline:hover{background:#381856;color:#fff}.community-inline svg{flex-shrink:0}
@media(max-width:1100px){.community-card{grid-template-columns:240px minmax(0,1fr);gap:24px;padding:30px}.community-fighters{grid-row:span 2;min-width:0}.community-fighters img{width:72px;height:72px;flex-shrink:0}.community-fighters img:nth-child(2){width:92px;height:92px}.community-copy{min-width:0;overflow-wrap:break-word}.community-button{justify-self:start;max-width:100%;white-space:normal}.community-button svg{flex-shrink:0}.community-copy h3{font-size:30px}}
@media(max-width:640px){.community-card{grid-template-columns:minmax(0,1fr);gap:24px;padding:28px 24px;margin-top:36px;text-align:center}.community-fighters{grid-row:auto;padding:8px 0 0}.community-platform{justify-content:center}.community-copy h3{font-size:30px}.community-button{justify-self:stretch}.community-inline{max-width:100%}.community-copy>p:last-child{max-width:none}}

@media(max-width:640px){.header nav{flex-wrap:wrap}}
@media(min-width:641px) and (max-width:850px){.header-inner{height:auto;min-height:84px;flex-wrap:wrap;gap:12px;padding-block:18px}.header nav{order:3;width:100%;flex-wrap:wrap;gap:6px}.header nav a{padding:8px 10px}}
