@font-face{font-family:JakartaLocal;src:url('/assets/jakarta-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:JakartaLocal;src:url('/assets/jakarta-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--ink:#102347;--muted:#62718a;--orange:#ed7409;--blue:#319fe9;--line:#e1eaf3;--sky:#eff7ff;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:radial-gradient(ellipse at 80% 5%,#dff1ff 0,transparent 35%),var(--sky);color:var(--ink);font-family:'Plus Jakarta Sans',JakartaLocal,sans-serif;font-size:16px;line-height:1.75}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}svg{display:block}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.045em}h1{font-size:clamp(38px,4.3vw,62px);font-weight:800}h2{font-size:clamp(32px,3.4vw,48px);font-weight:800}h3{font-size:clamp(25px,2.3vw,34px);font-weight:800}h4{font-size:18px;letter-spacing:-.025em;font-weight:700}em{font-style:normal;color:var(--orange)}p{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800;color:#58759b;margin-bottom:20px}.body-large,.lede{font-size:19px;line-height:1.75}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 32px #16396004}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;text-decoration:none;color:white;background:var(--orange);border:1px solid #e06800;border-radius:13px;padding:16px 24px;font-size:14px;font-weight:800;line-height:1.4;box-shadow:0 5px 0 #bd570018;transition:transform .18s,background .18s}.button:hover{background:#d96300;transform:translateY(-2px)}.button.small{padding:11px 18px;font-size:12px;gap:16px}.text-link{font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:12px}.text-link:hover{color:var(--orange)}.topbar{max-width:1200px;margin:auto;padding:25px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-size:23px;letter-spacing:-1.2px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center}.wordmark span{color:var(--orange)}.wordmark i{width:5px;height:20px;margin-left:9px;background:#48bd76;border-radius:2px;position:relative}.wordmark i:before{content:'';height:28px;width:1px;background:#48bd76;position:absolute;left:2px;top:-4px}.topbar nav,footer nav{display:flex;align-items:center;gap:26px}.topbar nav>a:not(.button){font-size:12px;font-weight:700;text-decoration:none}.topbar nav>a:hover{color:var(--orange)}main{max-width:1200px;margin:0 auto;padding:16px 24px 0}.hook{padding:60px 58px;min-height:475px;display:grid;grid-template-columns:1.05fr 1fr;gap:18px;align-items:center;overflow:hidden}.hook-copy{position:relative;z-index:1}.hook .lede{margin-top:26px;font-size:16px}.hook .text-link{margin-top:26px}.stress-art{margin-right:-32px;margin-left:-12px}.stress-art img{width:100%;height:auto}.meet{margin-top:26px;display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:center;padding:58px}.meet-name{font-size:32px;font-weight:800;color:var(--ink);letter-spacing:-1.2px;margin:24px 0 15px}.meet-name span{color:var(--orange)}.meet .body-large{font-size:16px;max-width:480px}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}.pills{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:27px 0 0}.pills li{font-size:10px;font-weight:700;border:1px solid var(--line);border-radius:100px;padding:5px 10px}.meet-visual{min-height:340px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{width:300px;height:300px;border-radius:50%;background:linear-gradient(140deg,#f2fbff,#dceeff);position:absolute}.hero-sprite{width:250px;position:relative;z-index:1;transform:rotate(-6deg)}.sprite{width:100%;height:auto;overflow:hidden}.float-candle{position:absolute;width:27px;height:80px;z-index:2}.c1{right:10%;top:5%;transform:rotate(12deg)}.c2{left:7%;top:10%;transform:rotate(-12deg)}.c3{right:3%;bottom:13%;width:20px}.market-label{position:absolute;bottom:0;background:#fff;border:1px solid var(--line);border-radius:100px;padding:8px 14px;font-size:10px;font-weight:700;z-index:3;white-space:nowrap}.market-label i,.hud b i{display:inline-block;width:6px;height:6px;background:#3eb96c;border-radius:50%;margin-right:5px}.section-block{padding:78px 0 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}.section-heading>p{max-width:345px;font-size:14px}.gameplay-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.arena-card{margin:0;padding:15px}.arena{position:relative;aspect-ratio:1.35;overflow:hidden;border-radius:18px;background:#d9efff}.arena-bg{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.arena-player{width:24%;position:absolute;bottom:2%;left:38%;z-index:2}.hud{position:absolute;left:3%;right:3%;top:4%;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:8px;z-index:3}.hud>div{background:#fffffff2;border:1px solid #b9d8f3;border-radius:11px;padding:7px 10px;box-shadow:0 2px 0 #17487522}.hud small{display:block;font-size:9px;line-height:1.2;font-weight:600;color:#5e7390}.hud b{font-size:14px;line-height:1.3;display:block}.hud>div:first-child b{font-size:10px;margin-top:3px}.rain{position:absolute;inset:18% 0 0;z-index:1;pointer-events:none}.rain img{position:absolute;width:3.5%;height:14%;object-fit:contain;transform:rotate(12deg);animation:candle-drift 6s ease-in-out infinite alternate}.rain img:nth-child(2n){transform:rotate(-10deg);animation-delay:-3s}.rain img:nth-child(3n){animation-delay:-1s}.arena-card figcaption,.community-showcase figcaption{font-size:10px;color:#73849a;text-align:center;padding-top:12px}.scoring{padding:35px}.score-row{display:flex;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid #edf1f6}.score-row img{object-fit:contain;width:23px;height:35px}.score-row span{font-size:14px;font-weight:600}.score-row b{margin-left:auto;padding:2px 16px;border-radius:100px;font-size:20px}.positive{color:#2b893a;background:#eaf9e8}.negative{color:#d94845;background:#ffedeb}.neutral{color:#667080;background:#edf0f4}.small-copy{font-size:11px;line-height:1.8}.scoring .small-copy{margin-top:17px}.mode-picker{display:flex;gap:6px;background:#eff5fa;border-radius:10px;padding:5px;margin-top:20px}.mode-picker button{border:0;flex:1;cursor:pointer;border-radius:7px;font-size:10px;font-weight:700;padding:9px 5px;background:transparent;color:#65768e}.mode-picker button.active{background:#fff;color:var(--ink);box-shadow:0 2px 5px #15314e0a}.mode-description{font-size:11px;margin-top:11px;min-height:42px}.roster{padding:42px;margin-top:28px}.roster .section-heading{margin-bottom:24px}.roster h2{font-size:36px}.characters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.character{margin:0;text-align:center}.character .sprite{max-width:145px;margin:auto;filter:drop-shadow(0 6px 3px #28649d10)}.character figcaption{font-size:11px;font-weight:700;line-height:1.5;margin-top:8px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}.feature-grid article{padding:33px}.feature-grid h3{font-size:27px}.feature-grid p:not(.eyebrow){font-size:13px;margin-top:18px}.power-items{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:26px}.power-item{text-align:center;flex:1}.power-item svg{height:67px;width:100%}.power-item span{font-size:10px;font-weight:700}.feature-symbol{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#fff1de;color:var(--orange);font-size:35px;font-weight:800;margin-bottom:24px}.feature-card .text-link{margin-top:24px;font-size:11px}.mini-profile{height:58px;display:flex;align-items:center;gap:13px;margin-bottom:24px}.mini-profile>div{width:45px;height:58px;overflow:hidden;background:#f0f7fd;border-radius:12px}.mini-profile .sprite{width:65px;transform:translate(-10px,-5px)}.mini-profile>span{font-size:8px;letter-spacing:.14em;font-weight:800;max-width:90px;color:#74849a}.progress-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;margin-top:28px}.progress-grid article{padding:36px}.rank-card>p:not(.eyebrow){margin-top:20px;font-size:13px}.rank-track{height:9px;background:linear-gradient(90deg,#ffdab0,#ff960e);border-radius:20px;margin:34px 0 50px;display:flex;justify-content:space-between;position:relative}.rank-track span{position:relative;top:18px;font-size:9px;font-weight:700}details{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;padding:18px 0}summary::-webkit-details-marker{display:none}summary span{font-size:22px;color:var(--orange)}details[open] summary span{transform:rotate(45deg)}table{width:100%;border-collapse:collapse;font-size:11px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}th{color:#71819a;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:28px 0 22px}.achievement-grid figure{margin:0;text-align:center}.achievement-grid img{height:80px;width:100%;object-fit:contain}.achievement-grid figcaption{font-size:9px;font-weight:700;line-height:1.5;margin-top:10px}.community-intro{padding:100px 0 40px;text-align:center;max-width:720px;margin:auto}.community-intro>p:last-child{font-size:16px;margin:24px auto 0;max-width:550px}.community-showcase{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;padding:24px;align-items:center}.community-showcase figure{margin:0}.branded-arena{aspect-ratio:1.2}.branded-arena .arena-bg{object-position:center}.branded-arena .arena-player{bottom:1%;width:22%}.showcase-copy{padding:14px 22px 14px 0}.showcase-copy p:not(.eyebrow){margin-top:22px;font-size:14px}.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.service-tags span{border:1px solid var(--line);padding:5px 10px;border-radius:100px;font-size:9px;font-weight:700}.code-section{padding:45px;display:grid;grid-template-columns:1fr 1.1fr;gap:65px;margin-top:26px;align-items:center}.code-example{border:1px solid #dce6f0;border-radius:12px;background:#f5faff;margin-top:26px;padding:14px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.code-example>span:first-child{width:100%;font-size:9px;font-weight:700;color:#6d8099}.code-example strong{letter-spacing:.08em;font-size:21px}.demo-chip{background:#e5eef7;color:#6c8098;border-radius:5px;font-size:8px;padding:2px 6px;margin-left:auto}.code-section .small-copy{margin-top:12px}.steps{padding:0;margin:0;list-style:none}.steps li{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.steps li:last-child{border:0}.steps>li>span{font-size:12px;font-weight:800;color:var(--orange);padding-top:2px}.steps h4{font-size:16px}.steps p{font-size:12px;line-height:1.8;margin-top:7px}.sponsor{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:54px;margin-top:28px;position:relative;overflow:hidden}.sponsor:before{content:'';position:absolute;width:190px;height:5px;top:0;left:54px;background:var(--orange);border-radius:0 0 5px 5px}.sponsor .body-large{font-size:19px;color:var(--ink);font-weight:600;margin-top:23px}.sponsor p:not(.eyebrow):not(.body-large):not(.small-copy):not(.contact-note){font-size:14px;margin-top:16px}.sponsor .button{margin-top:30px}.contact-note{font-size:10px;margin-top:10px}.support-options h3{font-size:25px}.support-options ul{list-style:none;margin:22px 0;padding:0}.support-options li{display:flex;gap:15px;align-items:center;padding:13px 0}.support-options li>span{display:grid;place-items:center;flex:0 0 37px;height:37px;border-radius:10px;background:#eaf6ff;color:#e97608;font-size:23px}.support-options b{display:block;font-size:12px;line-height:1.4}.support-options small{display:block;font-size:10px;line-height:1.7;color:var(--muted);margin-top:3px}.closing{padding:85px 0 80px;text-align:center}.closing .button{margin-top:26px}.closing>p:last-child{font-size:12px;margin-top:23px}footer{max-width:1152px;margin:auto;border-top:1px solid #d7e5f2;padding:28px 0 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer nav{gap:20px}footer nav a{font-size:11px;text-decoration:none}footer>small{font-size:9px;color:var(--muted);width:100%}.skip{position:absolute;left:15px;top:-100px;padding:8px;background:#fff;z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes candle-drift{from{translate:0 -6px}to{translate:0 11px}}
@media(min-width:1400px){body{font-size:17px}}
@media(max-width:1000px){.hook{padding:40px}.meet{padding:40px}.hook h1{font-size:44px}.feature-grid{gap:16px}.feature-grid article{padding:25px}.progress-grid{grid-template-columns:1fr 1fr}.achievement-grid{grid-template-columns:repeat(2,1fr)}.code-section{gap:35px}.sponsor{gap:35px;padding:40px}footer{margin:0 24px}.roster{padding:30px}.character figcaption{font-size:9px}.hud b{font-size:12px}.hud>div{padding:6px 8px}}
@media(max-width:760px){html{scroll-padding-top:24px}.topbar{padding:19px 20px}.topbar nav{gap:18px}.desktop-link{display:none}.topbar nav>a:not(.button){font-size:11px}.wordmark{font-size:21px}main{padding:4px 16px 0}.card{border-radius:22px}.hook{padding:32px 28px 12px;grid-template-columns:1fr;gap:8px;min-height:0}.hook h1{font-size:clamp(35px,8.4vw,51px);max-width:500px}.hook .eyebrow{margin-bottom:17px}.hook .lede{font-size:14px;margin-top:18px}.hook .text-link{margin-top:18px;font-size:11px}.stress-art{margin:0 auto;width:90%;max-width:420px}.meet{margin-top:18px;padding:32px 28px 20px;grid-template-columns:1fr;gap:10px}.meet h2{font-size:32px}.meet-name{font-size:28px;margin-top:22px}.meet .body-large{font-size:14px}.actions{gap:18px}.actions .button{font-size:12px;padding:15px 18px}.actions .text-link{font-size:11px}.pills{gap:6px;margin-top:22px}.pills li{font-size:8px;padding:5px 8px}.meet-visual{min-height:255px}.orbit{width:220px;height:220px}.hero-sprite{width:195px}.market-label{bottom:3px;font-size:9px}.c1{right:19%;top:3%}.c2{left:13%}.c3{right:12%}.section-block{padding-top:52px}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:33px}.section-heading>p{margin-top:18px;font-size:13px;max-width:none}.gameplay-grid{grid-template-columns:1fr;gap:18px}.arena-card{padding:10px}.arena{border-radius:15px}.arena-card figcaption{font-size:9px}.scoring{padding:28px}.scoring h3{font-size:28px}.scoring .score-row{padding:12px 0}.mode-description{min-height:0}.roster{margin-top:18px;padding:30px 24px}.roster .section-heading h2{font-size:30px}.roster .section-heading>p{font-size:12px}.characters{grid-template-columns:repeat(3,1fr);gap:24px 8px}.character figcaption{font-size:10px}.character .sprite{max-width:145px}.feature-grid{grid-template-columns:1fr;gap:18px;margin-top:18px}.feature-grid article{padding:28px}.feature-grid h3{font-size:27px}.feature-grid .eyebrow{margin-bottom:14px}.power-items{max-width:310px;margin:24px auto 0}.power-item svg{height:75px}.feature-symbol{float:right;margin:0 0 10px 15px}.mini-profile{float:right;width:105px;height:60px;margin:0 0 8px 10px}.mini-profile>span{font-size:7px}.feature-card .text-link{margin-top:18px}.progress-grid{grid-template-columns:1fr;gap:18px;margin-top:18px}.progress-grid article{padding:30px 28px}.progress-grid h3{font-size:29px}.achievement-grid{grid-template-columns:repeat(2,1fr);gap:25px 18px;margin:28px 0}.achievement-grid img{height:110px}.achievement-grid figcaption{font-size:11px}.community-intro{padding:60px 10px 28px}.community-intro h2{font-size:32px}.community-intro>p:last-child{font-size:14px;margin-top:20px}.community-showcase{grid-template-columns:1fr;gap:24px;padding:13px}.showcase-copy{padding:4px 15px 20px}.showcase-copy h3{font-size:31px}.showcase-copy p:not(.eyebrow){font-size:13px;margin-top:18px}.showcase-copy .eyebrow{margin-bottom:14px}.branded-arena{aspect-ratio:1.2}.code-section{grid-template-columns:1fr;padding:30px 28px;gap:18px;margin-top:18px}.code-section h3{font-size:29px}.steps li{gap:16px}.sponsor{grid-template-columns:1fr;gap:32px;padding:36px 28px;margin-top:18px}.sponsor:before{left:28px;width:120px}.sponsor h2{font-size:34px}.sponsor .body-large{font-size:18px}.sponsor .button{width:100%;font-size:12px}.contact-note{text-align:center}.support-options h3{font-size:27px}.support-options li{padding:12px 0}.support-options b{font-size:13px}.support-options small{font-size:11px}.closing{padding:56px 15px}.closing h2{font-size:38px}.closing .eyebrow{font-size:9px}.closing>p:last-child{font-size:11px}.closing .button{margin-top:24px}footer{margin:0 20px;padding:26px 0;gap:22px}footer nav{gap:13px;flex-wrap:wrap}footer nav a{font-size:10px}footer>small{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* About refinements: native sprite crops and centered, consistent feature icons. */
.power-item{overflow:hidden;min-width:0}.power-item svg{overflow:hidden;contain:paint}.hero-sprite{width:190px;transform:none}.meet-visual{min-height:300px}.orbit{width:270px;height:270px}.hero-sprite .sprite{image-rendering:-webkit-optimize-contrast}.feature-card{display:flex;flex-direction:column}.feature-card h3{order:0}.feature-card p{order:1}.feature-icon{order:2;display:grid;place-items:center;align-self:center;margin:25px auto;width:84px;height:84px;border-radius:23px;background:#ecf7ff;color:#ef850b}.feature-icon svg{width:47px;height:47px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.feature-card .text-link{order:3;margin-top:auto;padding-top:10px}.feature-symbol,.mini-profile{display:none}
/* Preview uses the game's 1:1 arena, original frame atlas and value-only HUD. */
.game-demo{position:relative;width:100%;aspect-ratio:1/1;border-radius:20px;overflow:hidden;background:#41ccec;container-type:inline-size;isolation:isolate}.game-demo canvas{width:100%;height:100%;display:block}.demo-hud{position:absolute;z-index:2;left:3%;right:3%;top:2%;display:grid;grid-template-columns:1.45fr 1fr 1.1fr;gap:1.4cqw;pointer-events:none}.demo-hud>div{display:flex;align-items:center;justify-content:center;gap:1.3cqw;min-width:0;min-height:11.7cqw;border-radius:3.5cqw;padding:1cqw 1.2cqw;background:#fff;color:#111c38;box-shadow:0 4px 14px #16385b1c;font-family:'Nunito',sans-serif}.demo-hud .demo-market{box-shadow:inset 0 -4px 0 #ff9b24,0 4px 14px #16385b1c}.demo-hud .demo-score{box-shadow:inset 0 -4px 0 #2dcc8d,0 4px 14px #16385b1c}.demo-hud .demo-time{box-shadow:inset 0 -4px 0 #46baf4,0 4px 14px #16385b1c}.demo-market img{flex:none;width:6.7cqw;height:6.7cqw;object-fit:contain}.demo-hud strong{font-weight:1000;line-height:1.1;font-size:5.8cqw;letter-spacing:0;white-space:nowrap}.demo-market strong{font-size:3.3cqw}.demo-score svg{flex:none;width:6.3cqw;height:6.8cqw;overflow:hidden}.demo-clock{position:relative;flex:none;width:6cqw;height:6cqw;border:2px solid #19b9ed;box-shadow:0 0 0 1.5px #111c38;border-radius:50%;transform:rotate(-12deg);background:#fff}.demo-clock:after{content:'';position:absolute;left:44%;top:16%;height:36%;width:1.5px;background:#111c38;transform-origin:bottom;transform:rotate(-25deg)}.demo-clock i{position:absolute;left:44%;top:51%;width:32%;height:1.5px;background:#111c38;transform:rotate(20deg);transform-origin:left}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px 3px}.demo-toolbar>span{font-size:9px;line-height:1.6;color:#71819a}.demo-toolbar button{border:1px solid #dae5ef;border-radius:7px;padding:5px 9px;background:#fff;font-size:9px;font-weight:700;white-space:nowrap;color:#38516d;cursor:pointer}.demo-toolbar button:hover{border-color:#389ce2;background:#f4faff}.arena-card{align-self:start}.scoring{align-self:start}.community-showcase{align-items:center}.gameplay-grid{align-items:start}.community-showcase figcaption{line-height:1.6}
@media(max-width:760px){.hero-sprite{width:170px}.meet-visual{min-height:255px}.orbit{width:220px;height:220px}.feature-icon{width:80px;height:80px;margin:24px auto}.feature-card .text-link{margin-top:0}.game-demo{border-radius:15px}.demo-toolbar{gap:8px}.demo-toolbar>span{font-size:8px}.demo-toolbar button{font-size:9px}.community-showcase .game-demo{aspect-ratio:1/1}}

/* About polish: paired cards share a row height; demos occupy three quarters. */
.sponsor:before{display:none}
.gameplay-grid,.community-showcase{grid-template-columns:minmax(0,3fr) minmax(0,1fr);align-items:stretch;gap:24px}
.arena-card,.scoring{align-self:stretch;min-width:0}.arena-card{display:flex;flex-direction:column}.scoring{padding:26px 20px;display:flex;flex-direction:column;justify-content:center}.scoring h3{font-size:26px}.scoring .eyebrow{font-size:9px}.score-row{gap:10px}.score-row span{font-size:12px}.score-row b{padding:2px 10px;font-size:18px}.mode-picker{flex-wrap:wrap}.mode-picker button{flex-basis:100%}
.game-demo{aspect-ratio:4/3;flex:1;min-height:380px}.community-showcase figure{min-width:0;display:flex;flex-direction:column}.showcase-copy{padding:24px 0;align-self:center}.showcase-copy h3{font-size:29px}.showcase-copy p:not(.eyebrow){font-size:12px}.hero-bitmap{width:180px;height:234px;transform:none;filter:none}
.demo-effects{position:absolute;left:4%;top:20%;z-index:3;display:flex;gap:8px;pointer-events:none}.demo-effect{background:#fffffff2;color:#111c38;border:1px solid #d6cbec;border-radius:100px;padding:4px 10px;display:flex;align-items:center;gap:7px;font:800 12px Nunito,sans-serif;box-shadow:0 2px 8px #12244b16}.demo-effect svg{width:27px;height:27px;overflow:hidden}
.rank-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}.rank-entry{border:1px solid #e1eaf3;background:#f7fbff;border-radius:13px;padding:13px 12px;display:flex;flex-direction:column;gap:5px}.rank-entry span{font-size:10px;color:#71819a}.rank-entry strong{font-size:12px;line-height:1.4}.rank-entry:last-child{background:#fff5e7;border-color:#f4d3a7}
.leaderboard-example-label{font-size:10px;margin-top:20px}.leaderboard-examples{display:grid;gap:10px;margin:14px 0 20px}.example-player{position:relative;isolation:isolate;overflow:hidden;min-height:74px;border-radius:12px;display:flex;align-items:center;gap:12px;padding:12px 16px;color:#fff}.example-record{background:#490706}.example-weekly{background:#07594e}.example-supporter{background:#bfeee0;color:#254e64}.example-donatur{background:#ffe6a1;color:#70551b}.example-overlay{position:absolute;inset:auto 0 0;width:100%;height:60%;object-fit:fill;opacity:.4;z-index:-2}.example-art{position:absolute;right:14%;bottom:0;width:37%;height:100%;object-fit:contain;object-position:center bottom;z-index:-1}.example-position{font-size:11px;opacity:.75}.example-name{display:flex;flex-direction:column;gap:3px;min-width:0;text-shadow:0 1px 3px #0003}.example-name strong{font-size:12px}.example-name small{font-size:9px;font-weight:600}.example-player>b{margin-left:auto;font-size:13px;text-shadow:0 1px 3px #0003}
@media(max-width:1000px) and (min-width:761px){.gameplay-grid,.community-showcase{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.game-demo{min-height:380px}}
@media(max-width:760px){.gameplay-grid,.community-showcase{grid-template-columns:1fr}.game-demo{aspect-ratio:1/1;min-height:0}.scoring{padding:28px}.scoring h3{font-size:29px}.mode-picker button{flex-basis:0}.showcase-copy{padding:20px 6px}.hero-bitmap{width:160px;height:208px}.rank-list{gap:9px}.rank-entry{padding:12px 10px}.demo-effect{font-size:10px;padding:3px 7px}.demo-effect svg{width:22px;height:22px}}

/* Match the real desktop game's HUD-to-canvas proportions (1000 logical pixels). */
.gameplay-grid,.community-showcase{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.rank-entry:last-child{background:#f7fbff;border-color:#e1eaf3}
.demo-hud{left:50%;right:auto;transform:translateX(-50%);width:66%;top:1.2cqw;gap:1.2cqw;grid-template-columns:minmax(0,1fr) 16.5cqw 17.8cqw}
.demo-hud>div{min-height:6.5cqw;border-radius:2.3cqw;padding:.8cqw 1.4cqw;gap:.9cqw}
.demo-market img{width:4.5cqw;height:4.5cqw}
.demo-hud strong{font-size:3.4cqw}.demo-market strong{font-size:2.25cqw}
.demo-score svg{width:4cqw;height:4.3cqw}.demo-clock{width:3.7cqw;height:3.9cqw;border-width:1.5px;box-shadow:0 0 0 1px #111c38}
.demo-effects{left:50%;top:9.4cqw;transform:translateX(-50%);width:95%;justify-content:center;flex-wrap:wrap;text-align:center;gap:5px}
.demo-effect{justify-content:center;text-align:center;padding:3px 12px;font:800 12px Nunito,sans-serif;line-height:1.4;white-space:nowrap}
/* Real leaderboard markup and original production skin rules, scoped to this example. */
.about-board{display:block;font-family:'Nunito',sans-serif;color:#fff}
.about-board-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.about-board-rows>li{display:grid;border:0;box-shadow:none;border-radius:13px;position:relative;overflow:hidden;font-size:13px;line-height:1.25}
.about-board .username{font-weight:800;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.about-board li>b{font-family:'Nunito',sans-serif;font-size:15px;font-weight:800;letter-spacing:0}
.about-board .achievement-name-label{font-size:10px;font-weight:600;letter-spacing:0}
.about-board .achievement-name--record .achievement-name-label,.about-board .achievement-name--weekly .achievement-name-label{color:#ffe884}
.about-board .achievement-name--supporter .achievement-name-label{color:#d7e7ff}
.about-board .achievement-name--donatur .achievement-name-label{color:#70551b}
.about-board li:has(.achievement-name){position:relative;overflow:hidden;isolation:isolate;background-image:none;container-type:inline-size;grid-template-columns:20px 30px minmax(0,1fr) auto;gap:5px;padding:4px 8px}
.about-board .recent-players li:has(.achievement-name){grid-template-columns:30px minmax(0,1fr) auto}
.about-board li:has(.achievement-name--record){background:#490706;--row-overlay:url('/assets/achievements-v4/record-overlay-v3.webp')}
.about-board li:has(.achievement-name--weekly){background:#07594e;--row-overlay:url('/assets/achievements-v4/weekly-overlay-v3.webp')}
.about-board li:has(.achievement-name--supporter){background:#bfeee0;--row-overlay:url('/assets/achievements-v4/supporter-network-final.webp')}
.about-board li:has(.achievement-name--donatur){background:#ffe6a1;--row-overlay:url('/assets/achievements-v4/donatur-overlay-v3.webp')}
.about-board li:has(.achievement-name)::before{content:'';display:block;position:absolute;inset:0;width:100%;height:100%;z-index:-2;background:var(--row-overlay) center bottom/100% 60% no-repeat;opacity:.4;pointer-events:none}
.about-board li:has(.achievement-name) .achievement-art{display:block;visibility:visible;position:absolute;right:10%;bottom:0;width:37%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}
.about-board li:has(.achievement-name) .achievement-art img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center bottom;opacity:1}
.about-board li:has(.achievement-name) .username{padding:0;position:relative;z-index:1;min-width:0;max-width:100%;text-shadow:0 1px 3px #0005}
.about-board li:has(.achievement-name) .avatar::after{display:none}
.about-board li:has(.achievement-name) b{position:relative;z-index:1;background:none;color:inherit;text-shadow:0 1px 3px #0005}
.about-board li:has(.achievement-name) .rank,.about-board li:has(.achievement-name) .avatar{position:relative;z-index:1}
.about-board li:has(.achievement-name--record) .player-name-text,.about-board li:has(.achievement-name--weekly) .player-name-text{color:#fff!important}
.about-board li:has(.achievement-name--supporter) .username,.about-board li:has(.achievement-name--donatur) .username{ text-shadow:none }
@media(min-width:1600px){.about-board li:has(.achievement-name){grid-template-columns:25px 34px minmax(0,1fr) auto}.about-board .recent-players li:has(.achievement-name){grid-template-columns:34px minmax(0,1fr) auto}}
.about-board li:has(.achievement-name) .achievement-art{right:9%;top:0;bottom:auto;width:40%;height:100%;overflow:visible}
.about-board li:has(.achievement-name) .achievement-art img{position:absolute;right:0;top:0;width:auto;height:135%;max-width:none;object-fit:fill;object-position:initial}
.about-board li:has(.achievement-name--weekly) .achievement-art img{height:140%;top:-3%}
.about-board li:has(.achievement-name--supporter) .achievement-art img{height:135%;top:-3%}
.about-board li:has(.achievement-name--donatur) .achievement-art img{height:120%;top:0}
.about-board li:has(.achievement-name--supporter) .achievement-art img{height:145%;top:-8%}
.about-board li:has(.achievement-name--donatur) .achievement-art img{height:145%;top:-4%}
.about-board li:has(.achievement-name--supporter){background:#cce9ff;color:#173b62}
.about-board li:has(.achievement-name--supporter) .player-name-text{color:#173b62!important}
.about-board li:has(.achievement-name--supporter) .achievement-name-label,.about-board li:has(.achievement-name--supporter) time{color:#3a6488}
.about-board li:has(.achievement-name--supporter) .achievement-art img{height:112%;top:0}
.about-board li:has(.achievement-name--donatur) .achievement-art img{height:135%;top:-2%}
.about-board li:has(.achievement-name--donatur) .achievement-art img{height:125%;top:-1%}
.about-board li:has(.achievement-name--supporter) .achievement-art img{height:115%;top:0}
.about-board li:has(.achievement-name){--achievement-score-width:32px;--achievement-score-gap:-10px}
.about-board li:has(.achievement-name)>b{width:var(--achievement-score-width);min-width:var(--achievement-score-width);box-sizing:border-box}
.about-board li:has(.achievement-name) .achievement-art{right:calc(8px + var(--achievement-score-width) + var(--achievement-score-gap))}
.about-board li:has(.achievement-name){--head-to-score:48px;--head-right-part:40%}
.about-board li:has(.achievement-name--record){--head-right-part:39%}
.about-board li:has(.achievement-name--weekly){--head-right-part:34%}
.about-board li:has(.achievement-name--supporter){--head-right-part:43%}
.about-board li:has(.achievement-name--donatur){--head-right-part:44%}
.about-board li:has(.achievement-name) .achievement-art{right:calc(8px + var(--achievement-score-width)/2 + var(--head-to-score))}
.about-board li:has(.achievement-name) .achievement-art img{transform:translateX(var(--head-right-part))}
.about-board li:has(.achievement-name)::before{opacity:.4}
.about-board li:has(.achievement-name--supporter){background:#bddfff}
.about-board li:has(.achievement-name--supporter){background:#363e66;color:#fff}
.about-board li:has(.achievement-name--supporter) .player-name-text{color:#fff!important}
.about-board li:has(.achievement-name--supporter) .achievement-name-label,.about-board li:has(.achievement-name--supporter) time{color:#d7e7ff}
.about-board li:has(.achievement-name){--ornament-position:0%}
.about-board li:has(.achievement-name--supporter){background:#365175;--ornament-position:33.333333%}
.about-board li:has(.achievement-name--weekly){--ornament-position:66.666667%}
.about-board li:has(.achievement-name--donatur){--ornament-position:100%}
.about-board li:has(.achievement-name)::before{inset:auto 0 0;height:60%;width:100%;background-image:url('/assets/achievements-v4/ornaments-unified-v2.webp');background-size:100% 400%;background-position:center var(--ornament-position);background-repeat:no-repeat;opacity:.4}
.about-board li:has(.achievement-name--record){--wide-ornament:url('/assets/achievements-v4/record-wide-flush.webp')}
.about-board li:has(.achievement-name--supporter){--wide-ornament:url('/assets/achievements-v4/supporter-wide-flush.webp')}
.about-board li:has(.achievement-name--weekly){--wide-ornament:url('/assets/achievements-v4/weekly-wide-flush.webp')}
.about-board li:has(.achievement-name--donatur){--wide-ornament:url('/assets/achievements-v4/donatur-wide-flush.webp')}
.about-board li:has(.achievement-name)::before{inset:0;height:100%;width:100%;background-image:var(--wide-ornament);background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;opacity:.4}
.about-board li:has(.achievement-name)::before{top:0;bottom:-1px;height:calc(100% + 1px)}
.about-board li:has(.achievement-name),.about-board li:has(.achievement-name) *{text-shadow:none!important}
.about-board{--list-avatar:34px}
.about-board .about-board-rows>li{grid-template-columns:16px var(--list-avatar) minmax(0,1fr) auto;gap:6px;padding:4px 8px;align-items:center}
.about-board #recentRows>li{grid-template-columns:var(--list-avatar) minmax(0,1fr) auto;gap:6px;padding:4px 8px;align-items:center}
.about-board .about-board-rows .rank{display:block;width:16px;height:auto;min-width:0;padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:none;text-align:center;font-size:11px;line-height:1;font-weight:800;color:#8493a8;font-variant-numeric:tabular-nums}
.about-board .about-board-rows>li:has(.achievement-name--record) .rank,.about-board .about-board-rows>li:has(.achievement-name--weekly) .rank,.about-board .about-board-rows>li:has(.achievement-name--supporter) .rank{color:#e2ebf7}
.about-board .about-board-rows .avatar,.about-board #recentRows .avatar{box-sizing:border-box;width:var(--list-avatar);height:var(--list-avatar);min-width:0;border:0;border-radius:7px;box-shadow:none;overflow:hidden;display:grid;place-items:center;font-size:23px;line-height:1}
.about-board .about-board-rows .avatar img,.about-board #recentRows .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.about-board .about-board-rows .avatar--gold{border:2px solid #e9ba48}
.about-board .about-board-rows .avatar--silver{border:2px solid #bdc9d6}
.about-board .about-board-rows .avatar--bronze{border:2px solid #c98a59}
.about-board .about-board-rows .username,.about-board #recentRows .recent-player-info{align-self:center;margin:0;min-width:0}
.about-board .about-board-rows .username{font-size:13px;line-height:1.25}
.about-board .about-board-rows .achievement-name{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:0}
.about-board .about-board-rows .achievement-name-label{font-size:10px;line-height:1.25;margin:0}
@media(min-width:1600px){.about-board{--list-avatar:40px}.about-board .about-board-rows .username{font-size:16px}.about-board .about-board-rows .achievement-name-label{font-size:11px}}
.about-board{--list-avatar:38px}
.about-board .about-board-rows>li,.about-board #recentRows>li{height:48px;min-height:48px;max-height:48px;flex-basis:48px}
.about-board .about-board-rows>li{grid-template-columns:21px var(--list-avatar) minmax(0,1fr) auto}
.about-board .about-board-rows .rank{width:21px;font-size:16px;font-weight:1000;color:#121e40}
.about-board .about-board-rows>li:has(.achievement-name--record) .rank,.about-board .about-board-rows>li:has(.achievement-name--weekly) .rank,.about-board .about-board-rows>li:has(.achievement-name--supporter) .rank{color:#fff}
.about-board .about-board-rows>li:has(.achievement-name--donatur) .rank{color:#412a12}
.about-board .about-board-rows .avatar,.about-board #recentRows .avatar{border:0;font-size:26px}
@media(min-width:1600px){.about-board{--list-avatar:44px}.about-board .about-board-rows>li,.about-board #recentRows>li{height:54px;min-height:54px;max-height:54px;flex-basis:54px}.about-board .about-board-rows .rank{font-size:18px}}

@media(max-width:760px){.gameplay-grid,.community-showcase{grid-template-columns:1fr}.demo-hud{width:82%;grid-template-columns:minmax(0,1fr) 21cqw 23cqw;gap:1cqw;top:2cqw}.demo-hud>div{min-height:8.5cqw;border-radius:2.5cqw;padding:1cqw}.demo-hud strong{font-size:4.5cqw}.demo-market strong{font-size:2.9cqw}.demo-market img{width:5.5cqw;height:5.5cqw}.demo-score svg{width:5cqw;height:5.3cqw}.demo-clock{width:4.6cqw;height:4.6cqw}.demo-effects{top:12cqw}.demo-effect{font-size:10px;padding:3px 8px}}

/* Content-driven layout: connected information shares a row and a rhythm. */
main{max-width:1160px}.topbar{max-width:1160px}
.hook{padding:42px;min-height:0;grid-template-columns:1fr 1fr;gap:24px}.hook h1{font-size:clamp(36px,4vw,54px)}.hook .lede{margin-top:20px}.hook .text-link{margin-top:18px}.stress-art{margin:0 -12px 0 0}
.meet{margin-top:20px;padding:38px 42px;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:30px}.meet h2{font-size:clamp(30px,3vw,41px)}.meet-name{font-size:27px;margin:18px 0 12px}.meet .body-large{font-size:15px;max-width:520px}.meet .actions{margin-top:22px;gap:18px}.meet .pills{margin-top:20px}.meet-visual{min-height:280px}.orbit{width:245px;height:245px}.market-label{bottom:2px}
.section-block{padding-top:50px}.section-heading{gap:28px;margin-bottom:24px}.section-heading h2{font-size:38px}.section-heading>p{font-size:13px;max-width:360px}
.gameplay-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px;align-items:stretch}.game-side{display:flex;flex-direction:column;gap:16px;min-width:0}.arena-card{padding:12px;align-self:stretch;min-width:0}.game-demo{aspect-ratio:4/3;min-height:0;flex:1}.arena-card>.game-demo{min-height:430px}.scoring{padding:24px;justify-content:flex-start;flex:1}.scoring .eyebrow{margin-bottom:12px}.scoring h3{font-size:26px}.score-row{padding:10px 0}.score-row img{height:28px;width:20px}.scoring .small-copy{margin-top:12px;font-size:10px;line-height:1.65}.mode-picker{margin-top:14px;flex-wrap:nowrap}.mode-picker button{flex-basis:0;font-size:9px;padding:8px 3px}.mode-description{min-height:0;font-size:10px;margin-top:9px}
.game-side .power-card{padding:22px 24px}.game-side .power-card .eyebrow{font-size:9px;margin-bottom:10px}.game-side .power-card h3{font-size:25px}.game-side .power-items{margin:18px 0 0;gap:8px}.game-side .power-item svg{height:48px}.game-side .power-card>p:last-child{font-size:11px;line-height:1.7;margin-top:14px}
.roster{padding:30px 34px;margin-top:20px}.roster .section-heading{margin-bottom:18px}.roster h2{font-size:31px}.character .sprite{max-width:112px}.characters{gap:14px}.character figcaption{margin-top:4px}
.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.feature-grid article{padding:26px 30px;display:grid;grid-template-columns:minmax(0,1fr) 88px;column-gap:24px;align-content:start;align-items:center}.feature-card h3{grid-column:1;grid-row:1;font-size:27px;order:initial}.feature-card p{grid-column:1;grid-row:2;order:initial;margin-top:12px!important;font-size:12px!important;line-height:1.8}.feature-icon{grid-column:2;grid-row:1/4;order:initial;align-self:center;justify-self:center;margin:0;width:76px;height:76px}.feature-icon svg{width:43px;height:43px}.feature-card .text-link{grid-column:1;grid-row:3;order:initial;margin:16px 0 0;padding:0;font-size:11px}
.progress-grid{margin-top:20px;gap:0;grid-template-columns:1fr 1.1fr;align-items:start;overflow:hidden}.progress-grid article{padding:30px}.progress-grid h3{font-size:28px}.progress-grid .eyebrow{margin-bottom:14px;font-size:9px}.rank-card>p:not(.eyebrow){margin-top:14px;font-size:12px}.rank-list{gap:9px;margin-top:20px}.rank-entry{padding:10px 12px;gap:4px}.rank-entry strong{font-size:11px}.rank-entry span{font-size:9px}.achievements{border-left:1px solid var(--line);align-self:stretch}.leaderboard-example-label{margin-top:15px}.leaderboard-examples{margin:12px 0 15px}.achievements .small-copy{font-size:10px;line-height:1.8}
.community-intro{padding:56px 0 26px;display:grid;grid-template-columns:1.2fr 1fr;gap:0 36px;max-width:none;text-align:left;align-items:center}.community-intro .eyebrow{grid-column:1/-1;margin-bottom:14px}.community-intro h2{font-size:37px}.community-intro>p:last-child{font-size:14px;margin:0;max-width:none}
.community-showcase{padding:12px;gap:24px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:stretch}.community-showcase figure{min-width:0}.community-showcase .game-demo{min-height:440px}.showcase-copy{padding:18px 18px 18px 0;align-self:start}.showcase-copy .eyebrow{font-size:9px;margin-bottom:12px}.showcase-copy h3{font-size:28px}.showcase-copy p:not(.eyebrow){font-size:12px;line-height:1.75;margin-top:14px}.service-tags{gap:5px;margin:16px 0}.service-tags span{font-size:8px;padding:4px 7px}.showcase-copy .text-link{font-size:10px}.brand-code-guide{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.brand-code-guide h4{font-size:16px;letter-spacing:-.03em}.brand-code-guide .code-example{margin-top:12px;padding:10px 12px;gap:4px}.brand-code-guide .code-example strong{font-size:16px}.brand-code-guide .steps{margin-top:7px}.brand-code-guide .steps li{padding:11px 0;gap:10px}.brand-code-guide .steps>li>span{font-size:10px}.brand-code-guide .steps h4{font-size:12px;line-height:1.4;letter-spacing:-.02em}.brand-code-guide .steps p{font-size:10px!important;line-height:1.65;margin-top:4px!important}
.sponsor{margin-top:20px;padding:36px;gap:40px;grid-template-columns:1fr 1fr;align-items:start}.sponsor h2{font-size:37px}.sponsor .eyebrow{margin-bottom:15px}.sponsor .body-large{font-size:17px;margin-top:18px}.sponsor p:not(.eyebrow):not(.body-large):not(.small-copy):not(.contact-note){font-size:13px;line-height:1.8;margin-top:13px}.sponsor .button{margin-top:22px}.support-options h3{font-size:25px}.support-options ul{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin:24px 0 18px}.support-options li{display:block;padding:0}.support-options li>span{width:34px;height:34px;margin-bottom:10px;font-size:21px}.support-options b{font-size:11px;line-height:1.5}.support-options small{font-size:10px;line-height:1.7}.support-options .small-copy{font-size:10px}.closing{padding:52px 0}.closing .eyebrow{margin-bottom:14px}.closing h2{font-size:40px}.closing .button{margin-top:20px}.closing>p:last-child{margin-top:16px}footer{max-width:1112px}
@media(max-width:1000px) and (min-width:761px){.meet{padding:30px;grid-template-columns:1.5fr 1fr;gap:20px}.meet h2{font-size:32px}.meet .actions{gap:12px}.meet .button{font-size:12px;padding:13px 16px}.meet .text-link{font-size:11px}.scoring{padding:20px}.game-side .power-card{padding:20px}.feature-grid article{padding:24px;grid-template-columns:minmax(0,1fr) 64px;gap:18px}.feature-icon{width:64px;height:64px}.progress-grid article{padding:24px}.progress-grid h3{font-size:25px}.community-showcase{gap:18px}.showcase-copy{padding-right:8px}.showcase-copy h3{font-size:25px}.sponsor{gap:28px;padding:30px}.support-options ul{gap:16px}}
@media(max-width:760px){main{padding:4px 16px 0}.hook{padding:28px 26px 12px;grid-template-columns:1fr;gap:4px}.hook h1{font-size:clamp(34px,8vw,46px)}.stress-art{max-width:360px;margin:0 auto;width:90%}.meet{padding:28px 26px;grid-template-columns:1fr;gap:18px}.meet h2{font-size:30px}.meet-visual{min-height:250px}.section-block{padding-top:36px}.section-heading h2{font-size:32px}.section-heading>p{margin-top:14px}.gameplay-grid{grid-template-columns:1fr;gap:16px}.arena-card>.game-demo,.community-showcase .game-demo{min-height:0;aspect-ratio:1/1}.game-side{display:grid;grid-template-columns:1fr;gap:16px}.scoring{padding:24px}.game-side .power-card{padding:24px}.game-side .power-items{max-width:300px;margin:18px auto 0}.game-side .power-item svg{height:62px}.roster{padding:26px 22px;margin-top:16px}.roster h2{font-size:28px}.characters{gap:18px 8px}.character .sprite{max-width:110px}.feature-grid{grid-template-columns:1fr;margin-top:16px;gap:16px}.feature-grid article{padding:24px;grid-template-columns:minmax(0,1fr) 64px;gap:0 18px}.feature-grid h3{font-size:25px}.feature-icon{width:64px;height:64px;margin:0}.feature-icon svg{width:36px;height:36px}.progress-grid{grid-template-columns:1fr;margin-top:16px}.progress-grid article{padding:26px 24px}.progress-grid h3{font-size:27px}.achievements{border-left:0;border-top:1px solid var(--line)}.community-intro{display:block;padding:38px 4px 22px}.community-intro h2{font-size:31px}.community-intro>p:last-child{margin-top:16px;font-size:13px}.community-showcase{grid-template-columns:1fr;gap:8px;padding:10px}.showcase-copy{padding:20px 16px 18px}.showcase-copy h3{font-size:30px}.showcase-copy p:not(.eyebrow){font-size:13px}.brand-code-guide .steps{display:block}.brand-code-guide .steps h4{font-size:13px}.brand-code-guide .steps p{font-size:11px!important}.sponsor{grid-template-columns:1fr;padding:28px 26px;gap:26px;margin-top:16px}.sponsor h2{font-size:32px}.support-options{border-top:1px solid var(--line);padding-top:24px}.support-options ul{gap:20px}.closing{padding:40px 12px}.closing h2{font-size:35px}}

/* Keep supporting copy directly beneath its heading. */
.section-heading{display:block}.section-heading>p{margin-top:14px;max-width:660px;font-size:13px;line-height:1.8}.roster .section-heading>p br{display:none}.community-intro{display:block;max-width:760px;margin:0;padding:48px 0 24px}.community-intro>p:last-child{margin-top:16px;max-width:660px;font-size:14px;line-height:1.8}.community-intro h2{font-size:37px}
/* The arena and its explanation form one compact feature; entry steps get a clear row. */
.community-showcase{align-items:center;gap:28px;padding:14px;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.community-showcase figure{display:block}.community-showcase .game-demo{aspect-ratio:4/3;min-height:0;flex:none}.showcase-copy{align-self:center;padding:18px 18px 18px 0}.showcase-copy .brand-prizes{padding:14px 0;margin-top:16px!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px!important;line-height:1.8}
.brand-code-guide.card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;gap:32px;margin-top:18px;padding:28px 30px;border:1px solid var(--line);border-radius:24px}.code-guide-intro .eyebrow{font-size:9px;margin-bottom:12px}.code-guide-intro h3{font-size:27px}.brand-code-guide .code-example{margin-top:16px;max-width:290px;padding:12px}.brand-code-guide .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0}.brand-code-guide .steps li{display:block;border:0;padding:0}.brand-code-guide .steps>li>span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff3e2;border-radius:9px;font-size:10px;margin-bottom:12px;padding:0}.brand-code-guide .steps h4{font-size:13px;line-height:1.5;letter-spacing:-.025em}.brand-code-guide .steps p{font-size:11px!important;line-height:1.8;margin-top:8px!important}
/* Equal icon blocks aligned beside each support option’s text. */
.support-options ul{grid-template-columns:1fr;gap:18px;margin:22px 0}.support-options li{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:13px;padding:0}.support-options li>span{width:40px;height:40px;min-height:40px;margin:0;border-radius:12px;font-size:23px;line-height:1}.support-options b{font-size:12px;line-height:1.45}.support-options small{font-size:10px;line-height:1.7;margin-top:3px}.sponsor{gap:48px;align-items:center}.sponsor .support-options{padding-left:30px;border-left:1px solid var(--line)}
@media(max-width:1000px) and (min-width:761px){.community-showcase{gap:20px}.showcase-copy{padding-right:8px}.showcase-copy h3{font-size:25px}.showcase-copy p:not(.eyebrow){font-size:11px}.brand-code-guide.card{gap:24px;padding:26px}.brand-code-guide .steps{gap:14px}.sponsor{gap:28px}.sponsor .support-options{padding-left:24px}}
@media(max-width:760px){.section-heading>p{margin-top:12px}.community-intro{padding:36px 4px 22px}.community-intro h2{font-size:31px}.community-intro>p:last-child{font-size:13px;margin-top:14px}.community-showcase{grid-template-columns:1fr;gap:0;padding:10px}.community-showcase .game-demo{aspect-ratio:1/1}.showcase-copy{padding:22px 16px 18px}.showcase-copy h3{font-size:29px}.showcase-copy p:not(.eyebrow){font-size:13px}.showcase-copy .brand-prizes{font-size:12px!important}.brand-code-guide.card{grid-template-columns:1fr;gap:24px;padding:26px 24px;margin-top:16px;border-radius:22px}.brand-code-guide .code-example{max-width:none}.brand-code-guide .steps{grid-template-columns:1fr;gap:0}.brand-code-guide .steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.brand-code-guide .steps li:last-child{padding-bottom:0;border:0}.brand-code-guide .steps>li>span{margin:0}.brand-code-guide .steps p{margin-top:5px!important}.sponsor{gap:26px}.sponsor .support-options{padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}.support-options li{grid-template-columns:40px minmax(0,1fr);gap:13px}.support-options ul{gap:20px}}

/* Reference-led opening and independent, balanced cards. */
.hook{grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);padding:40px;gap:30px;align-items:center}.hook h1{font-size:clamp(29px,3vw,39px);line-height:1.22;letter-spacing:-.045em}.hook h1 .hook-line,.hook h1 em{white-space:nowrap}.stress-art{margin:0;width:100%}.hook .lede{margin-top:22px;font-size:15px;line-height:1.8}.hook .text-link{font-size:16px;margin-top:26px;gap:14px}
.market-label i{animation:live-dot 1.6s ease-in-out infinite}@keyframes live-dot{0%,100%{opacity:1;box-shadow:0 0 0 0 #3eb96c33}50%{opacity:.3;box-shadow:0 0 0 4px #3eb96c00}}
.progress-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;overflow:visible;border:0;background:none;box-shadow:none;align-items:stretch}.progress-grid article{padding:30px;min-width:0}.achievements{border:1px solid var(--line)}
.about-board .about-board-rows>li{padding-right:16px;grid-template-columns:21px var(--list-avatar) minmax(0,1fr) 48px}.about-board li:has(.achievement-name)>b{width:48px;min-width:48px;text-align:right;padding:0;color:#fff;justify-self:end;z-index:2}.about-board li:has(.achievement-name) .achievement-art{right:84px}.about-board li:has(.achievement-name--donatur),.about-board li:has(.achievement-name--donatur) .player-name-text,.about-board li:has(.achievement-name--donatur)>b{color:#412a12!important}.about-board li:has(.achievement-name--donatur) .achievement-name-label{color:#70551b}.about-board li:has(.achievement-name--record) .player-name-text,.about-board li:has(.achievement-name--weekly) .player-name-text,.about-board li:has(.achievement-name--supporter) .player-name-text{color:#fff!important}.about-board .username{position:relative;z-index:2}
.community-showcase{padding:0;border:0;background:none;box-shadow:none;gap:20px;align-items:stretch;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.community-showcase .brand-preview-card{margin:0;padding:12px;display:flex;flex-direction:column;min-width:0}.community-showcase .game-demo{flex:1;min-height:410px}.community-showcase .showcase-copy{padding:28px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.showcase-copy .text-link{margin-top:8px}
.sponsor{padding:0;background:none;border:0;box-shadow:none;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;overflow:visible}.sponsor-intro,.sponsor .support-options{padding:32px;min-width:0}.sponsor .support-options{border:1px solid var(--line)}.sponsor h2{font-size:34px}.support-options h3{font-size:27px}.sponsor .body-large{font-size:17px}.sponsor .support-options .small-copy{margin-top:16px}
@media(max-width:1000px) and (min-width:761px){.hook{padding:30px;gap:22px}.hook h1{font-size:clamp(24px,3.15vw,31px)}.hook .lede{font-size:13px}.hook .text-link{font-size:13px}.progress-grid article{padding:24px}.community-showcase .showcase-copy{padding:22px}.sponsor-intro,.sponsor .support-options{padding:26px}.about-board .about-board-rows>li{padding-right:12px;grid-template-columns:18px 30px minmax(0,1fr) 42px;gap:4px}.about-board{--list-avatar:30px}.about-board .about-board-rows .username{font-size:11px}.about-board .about-board-rows .achievement-name-label{font-size:8px}.about-board li:has(.achievement-name)>b{width:42px;min-width:42px;font-size:13px}.about-board li:has(.achievement-name) .achievement-art{right:72px}}
@media(max-width:760px){.hook{grid-template-columns:1fr;padding:28px 24px 14px;gap:14px}.hook h1{font-size:clamp(26px,6.4vw,40px)}.hook h1 .hook-line{white-space:normal}.hook h1 em{white-space:nowrap}.hook .lede{font-size:14px;margin-top:18px}.hook .text-link{font-size:13px;margin-top:20px}.stress-art{width:92%;max-width:370px;margin:auto}.progress-grid{grid-template-columns:1fr;gap:16px}.progress-grid article{padding:26px 24px}.achievements{border:1px solid var(--line)}.community-showcase{grid-template-columns:1fr;gap:16px}.community-showcase .brand-preview-card{padding:10px}.community-showcase .game-demo{min-height:0;aspect-ratio:1/1}.community-showcase .showcase-copy{padding:26px 24px}.sponsor{grid-template-columns:1fr;gap:16px}.sponsor-intro,.sponsor .support-options{padding:28px 24px}.sponsor .support-options{border:1px solid var(--line)}.sponsor h2{font-size:31px}.about-board .about-board-rows>li{padding-right:12px;grid-template-columns:18px 30px minmax(0,1fr) 42px;gap:4px}.about-board{--list-avatar:30px}.about-board .about-board-rows .username{font-size:11px}.about-board .about-board-rows .achievement-name-label{font-size:8px}.about-board li:has(.achievement-name)>b{width:42px;min-width:42px;font-size:13px}.about-board li:has(.achievement-name) .achievement-art{right:72px}}
@media(prefers-reduced-motion:reduce){.market-label i{animation:none}}

/* Let headings lead; use the brand sidebar for the joining instructions. */
.community-showcase{align-items:stretch}.community-showcase .showcase-copy{justify-content:flex-start;padding:28px}.showcase-copy>h3{font-size:28px}.showcase-copy .brand-prizes{padding:12px 0;margin-top:14px!important}.showcase-copy .service-tags{margin:14px 0}.showcase-copy .text-link{margin-top:0}.showcase-copy .brand-code-guide{display:block;margin-top:22px;padding:20px 0 0;border-top:1px solid var(--line);border-radius:0;background:none;box-shadow:none}.showcase-copy .code-guide-intro h3{font-size:20px;line-height:1.3}.showcase-copy .code-guide-intro h3 br{display:none}.showcase-copy .code-example{max-width:none;margin-top:12px}.showcase-copy .brand-code-guide .steps{display:block;margin-top:10px}.showcase-copy .brand-code-guide .steps li{display:grid;grid-template-columns:25px minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.showcase-copy .brand-code-guide .steps li:last-child{padding-bottom:0;border-bottom:0}.showcase-copy .brand-code-guide .steps>li>span{width:25px;height:25px;margin:0}.showcase-copy .brand-code-guide .steps h4{font-size:12px}.showcase-copy .brand-code-guide .steps p{font-size:10px!important;margin-top:4px!important;line-height:1.65}.community-showcase .brand-preview-card .game-demo{min-height:440px}
@media(max-width:1000px) and (min-width:761px){.community-showcase .showcase-copy{padding:22px}.showcase-copy>h3{font-size:25px}}
@media(max-width:760px){.community-showcase .showcase-copy{padding:26px 24px}.community-showcase .brand-preview-card .game-demo{min-height:0}.showcase-copy>h3{font-size:29px}.showcase-copy .brand-code-guide .steps h4{font-size:13px}.showcase-copy .brand-code-guide .steps p{font-size:11px!important}}

/* Simple introduction, uncluttered preview and separate community cards. */
.meet .pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}.meet .pills li{border:1px solid #dae6f0;border-radius:13px;background:#f5faff;padding:14px 10px;text-align:center;font-size:11px;font-weight:700;line-height:1.5;display:flex;align-items:center;justify-content:center;min-height:58px}
#gameplay>.section-heading h2{white-space:nowrap;font-size:clamp(24px,3.3vw,38px)}
.brand-side{display:flex;flex-direction:column;gap:16px;min-width:0}.community-showcase .showcase-copy{padding:28px;flex:none;justify-content:flex-start}.brand-side>.brand-code-guide.card{display:block;padding:26px 28px;margin:0;border:1px solid var(--line);border-radius:28px;flex:1}.brand-side .code-guide-intro h3{font-size:23px;line-height:1.3}.brand-side .code-guide-intro h3 br{display:none}.brand-side .code-example{max-width:none;margin-top:14px}.brand-side .steps{display:block;margin-top:10px}.brand-side .steps li{display:grid;grid-template-columns:25px minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.brand-side .steps li:last-child{padding-bottom:0;border:0}.brand-side .steps>li>span{width:25px;height:25px;margin:0}.brand-side .steps h4{font-size:12px;line-height:1.4}.brand-side .steps p{font-size:10px!important;line-height:1.65;margin-top:4px!important}
@media(max-width:1000px) and (min-width:761px){.meet .pills{gap:6px}.meet .pills li{font-size:9px;padding:11px 7px}.community-showcase .showcase-copy{padding:22px}.brand-side>.brand-code-guide.card{padding:22px}.brand-side .code-guide-intro h3{font-size:21px}}
@media(max-width:760px){.meet .pills{gap:8px;grid-template-columns:1fr}.meet .pills li{min-height:48px;font-size:12px;padding:12px}.community-showcase .showcase-copy{padding:26px 24px}.brand-side>.brand-code-guide.card{padding:26px 24px;border-radius:22px}.brand-side .steps h4{font-size:13px}.brand-side .steps p{font-size:11px!important}#gameplay>.section-heading h2{font-size:clamp(20px,5.6vw,36px);letter-spacing:-.05em}}

.meet h2+.body-large{margin-top:18px}

/* Three typography sizes across the page: 36 / 24 / 15. */
:root{--type-heading:36px;--type-card:24px;--type-body:14px}
body{font-size:var(--type-body)!important}
body *{font-size:inherit!important}
h1,h2{font-size:var(--type-heading)!important}
h3{font-size:var(--type-card)!important}
body :is(p,li,a,button,small,label,figcaption,th,td,.small-copy,.text-link,.wordmark,.rank-entry,.service-tags,.code-example,.contact-note,.market-label,.demo-effect,.power-item,.character figcaption){font-size:var(--type-body)!important}
:is(h1,h2,h3,h4) :is(em,span,strong){font-size:inherit!important}
h4{font-size:var(--type-body)!important;font-weight:800}
.about-board .about-board-rows :is(.username,.achievement-name-label,.rank,b){font-size:var(--type-body)!important}
.about-board .about-board-rows .avatar{font-size:var(--type-card)!important}
.demo-hud strong{font-size:var(--type-card)!important}.demo-market strong{font-size:var(--type-body)!important}
.meet .body-large,.meet .pills li{font-size:var(--type-body)!important;line-height:1.75}.meet .pills li{padding:14px 10px;min-height:58px}
.showcase-copy>h3,.brand-side .code-guide-intro h3{font-size:var(--type-card)!important;line-height:1.25;letter-spacing:-.04em}
.showcase-copy p,.showcase-copy .brand-prizes,.brand-side .steps p{font-size:var(--type-body)!important;line-height:1.75}
.brand-side .code-example{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding:10px 12px;min-height:44px}.brand-side .code-example>span:first-child{width:auto;font-weight:500}.brand-side .code-example strong{font-size:var(--type-body)!important;letter-spacing:.04em;white-space:nowrap}
.brand-side .steps{margin-top:6px}.brand-side .steps li{padding:14px 0}.brand-side .steps h4{line-height:1.5}.brand-side .steps>li>span{width:28px;height:28px}.brand-side .steps li{grid-template-columns:28px minmax(0,1fr);gap:12px}
.about-board .about-board-rows>li{height:64px;min-height:64px;max-height:64px;flex-basis:64px}.about-board .about-board-rows .achievement-name-label{line-height:1.4}.about-board li:has(.achievement-name) .achievement-art{right:94px}.about-board .about-board-rows .username{overflow:hidden}.about-board .achievement-name>span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.hook h1 .hook-line,.hook h1 em{white-space:normal}#gameplay>.section-heading h2{white-space:normal;font-size:var(--type-heading)!important}.demo-hud{width:94%;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.1fr)}.demo-hud>div{min-height:50px;padding:6px;gap:5px}.demo-market img{width:22px;height:22px}.demo-score svg{width:22px;height:24px}.demo-clock{width:20px;height:20px}.demo-effects{top:65px}.about-board .about-board-rows>li{grid-template-columns:18px 28px minmax(0,1fr) 44px;gap:4px;padding:4px 10px}.about-board .about-board-rows .avatar{width:28px;height:28px}.about-board li:has(.achievement-name) .achievement-art{right:84px}.meet .pills{grid-template-columns:1fr}}

/* Three equal event cards; the middle card carries the sponsorship CTA. */
.gameplay-grid,.community-showcase{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.community-showcase .brand-side{align-self:stretch}.community-showcase .showcase-copy{flex:1;justify-content:center}
.sponsor-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.sponsor-three>.card{padding:28px;min-width:0;margin:0}.sponsor-three h2,.sponsor-three h3{font-size:var(--type-card)!important;line-height:1.25;letter-spacing:-.04em}.sponsor-three .sponsor-intro{display:flex;flex-direction:column}.sponsor-three .sponsor-intro .body-large{font-weight:700;margin-top:22px}.sponsor-three .sponsor-intro .button{margin-top:auto;padding:14px 12px;gap:10px;text-align:center}.sponsor-three .sponsor-intro .contact-note{margin-top:12px;text-align:center}.sponsor-three .sponsor-intro>p:not(.contact-note){margin-bottom:20px}.sponsor-three .support-options{padding:28px;border:1px solid var(--line)}.sponsor-three .support-options ul{gap:18px;margin:22px 0}.sponsor-three .support-options li{grid-template-columns:34px minmax(0,1fr);gap:10px}.sponsor-three .support-options li>span{width:34px;height:34px;min-height:34px}.sponsor-three .support-options small{line-height:1.6}
.sponsor-three .brand-code-guide{display:block;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 8px 32px #16396004}.sponsor-three .code-guide-intro h3 br{display:none}.sponsor-three .code-example{display:flex;justify-content:space-between;align-items:center;gap:8px;max-width:none;margin-top:20px;padding:10px;flex-wrap:wrap}.sponsor-three .code-example>span:first-child{width:auto}.sponsor-three .steps{display:block;margin-top:10px}.sponsor-three .steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}.sponsor-three .steps li:last-child{padding-bottom:0;border:0}.sponsor-three .steps>li>span{width:28px;height:28px;margin:0}.sponsor-three .steps h4{line-height:1.5}.sponsor-three .steps p{font-size:var(--type-body)!important;line-height:1.65;margin-top:5px!important}
@media(max-width:1000px) and (min-width:761px){.sponsor-three{gap:14px}.sponsor-three>.card,.sponsor-three .support-options{padding:22px}}
@media(max-width:760px){.gameplay-grid,.community-showcase,.sponsor-three{grid-template-columns:1fr}.sponsor-three{gap:16px}.sponsor-three>.card,.sponsor-three .support-options{padding:26px 24px}.sponsor-three .brand-code-guide{border-radius:22px}.sponsor-three .sponsor-intro .button{margin-top:4px}.community-showcase .showcase-copy{justify-content:flex-start}}

/* Brand services as distinct rounded boxes. */
.showcase-copy .service-tags{display:flex;flex-direction:column;gap:10px;margin:18px 0;align-items:stretch}.showcase-copy .service-tags span{display:flex;align-items:center;justify-content:center;min-height:46px;padding:11px 14px;border:1px solid #dbe6f0;border-radius:12px;background:#f5faff;color:var(--ink);font-size:var(--type-body)!important;font-weight:700;line-height:1.5;text-align:center}

/* Approved sponsor mockup: two equal cards and a clear self-service path. */
.sponsor-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}.sponsor-pair>.card{padding:30px;min-width:0;margin:0}.sponsor-pair h3{font-size:var(--type-card)!important;line-height:1.3}.sponsor-pair .brand-code-guide{display:block;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 8px 32px #16396004}.sponsor-pair .code-example{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 6px;padding:12px 14px;max-width:none}.sponsor-pair .code-example>span:first-child{width:auto}.sponsor-pair .steps{display:block;margin-top:4px}.sponsor-pair .steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.sponsor-pair .steps li:last-child{padding-bottom:0;border:0}.sponsor-pair .steps>li>span{display:grid;place-items:center;width:32px;height:32px;background:#fff3e2;border-radius:10px;padding:0;margin:0;color:var(--orange);font-weight:800}.sponsor-pair .steps h4{line-height:1.5;letter-spacing:-.02em}.sponsor-pair .steps p{font-size:var(--type-body)!important;line-height:1.75;margin-top:6px!important}.sponsor-pair .sponsor-intro{display:flex;flex-direction:column;align-items:stretch;gap:0}.sponsor-pair .sponsor-intro>p:not(.contact-note){margin:22px 0 0!important;font-size:var(--type-body)!important;line-height:1.8}.sponsor-pair .free-event-note strong{display:block;color:var(--ink);margin-bottom:6px}.sponsor-support-note{display:grid;grid-template-columns:30px minmax(0,1fr);gap:15px;align-items:center;background:#f1f8ff;border:1px solid #dce8f2;border-radius:14px;padding:18px;margin-top:22px}.sponsor-support-note svg{width:30px;height:30px;fill:none;stroke:var(--orange);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.sponsor-support-note p{line-height:1.75}.sponsor-pair .sponsor-intro .button{margin:24px 0 0;padding:16px 20px;gap:16px;text-align:center}.sponsor-pair .contact-note{margin:14px 0 0;text-align:center}.sponsor-pair .sponsor-intro .sponsor-support-note p{margin:0!important}
@media(max-width:760px){.sponsor-pair{grid-template-columns:1fr;gap:16px}.sponsor-pair>.card{padding:26px 24px}.sponsor-pair .brand-code-guide{border-radius:22px}.sponsor-pair .steps li{grid-template-columns:30px minmax(0,1fr);gap:12px}.sponsor-pair .code-example{flex-wrap:wrap}}

/* Approved change: illustration left, unchanged introduction copy right. */
.meet{grid-template-columns:minmax(240px,1fr) minmax(0,1.65fr)}.meet-copy{min-width:0}
/* Mobile mirrors production HUD proportions and leaderboard artwork geometry. */
@media(max-width:760px),(hover:none) and (pointer:coarse){
.meet{grid-template-columns:1fr}.meet-visual{max-width:360px;width:100%;margin:0 auto}.meet-copy{width:100%}
h1,h2{font-size:var(--type-card)!important;line-height:1.25}.hook h1{font-size:var(--type-card)!important}.section-heading h2,.roster h2,.community-intro h2,.closing h2,#gameplay>.section-heading h2{font-size:var(--type-card)!important}.hook h1 .hook-line,.hook h1 em{white-space:normal}
.demo-hud{width:94%;max-width:94%;left:50%;right:auto;top:2cqw;transform:translateX(-50%);grid-template-columns:1.45fr 1fr 1.1fr;gap:9px}
.demo-hud>div{min-height:11.7cqw;width:auto;min-width:0;padding:1cqw 1.2cqw;gap:1.3cqw;border-radius:3.5cqw;border:0;justify-content:center}
.demo-market img{display:block;width:7.6cqw;height:7.6cqw;flex:none}.demo-hud .demo-market{gap:1.2cqw;padding:1cqw 1.3cqw}
.demo-hud strong{font-size:var(--demo-number-size,5.8cqw)!important;line-height:1.1;font-weight:1000;white-space:nowrap;letter-spacing:0}.demo-hud .demo-market strong{font-size:var(--demo-number-size,4.5cqw)!important;font-weight:900;line-height:1.15;letter-spacing:-.06cqw}
.demo-score svg{width:6.3cqw;height:6.8cqw;flex:none}.demo-clock{width:6cqw;height:6cqw;flex:none;border:2px solid #19b9ed;box-shadow:0 0 0 1.5px #111c38;border-radius:50%}.demo-effects{top:16cqw}.demo-effect{font-size:12px!important}
.about-board{--list-avatar:38px}.about-board .about-board-rows>li{height:48px;min-height:48px;max-height:48px;flex-basis:48px;grid-template-columns:21px var(--list-avatar) minmax(0,1fr) auto;gap:6px;padding:4px 8px;border-radius:13px}
.about-board .about-board-rows .avatar{width:38px;height:38px;font-size:26px!important;border-radius:7px}.about-board .about-board-rows .rank{width:21px;font-size:16px!important;line-height:1;font-weight:1000}.about-board .about-board-rows .username{font-size:13px!important;line-height:1.25}.about-board .about-board-rows .achievement-name-label{font-size:10px!important;line-height:1.25}.about-board .about-board-rows .achievement-name{gap:2px}.about-board .about-board-rows>li>b{font-size:15px!important;width:32px;min-width:32px;letter-spacing:0;font-weight:800}
.about-board li:has(.achievement-name) .achievement-art{right:calc(8px + 32px/2 + 48px);width:40%;height:100%;top:0;bottom:auto;overflow:visible}.about-board li:has(.achievement-name) .achievement-art img{position:absolute;right:0;top:0;width:auto;height:135%;object-fit:fill;transform:translateX(var(--head-right-part));max-width:none}.about-board li:has(.achievement-name--weekly) .achievement-art img{height:140%;top:-3%}.about-board li:has(.achievement-name--supporter) .achievement-art img{height:115%;top:0}.about-board li:has(.achievement-name--donatur) .achievement-art img{height:125%;top:-1%}.about-board .achievement-name>span{font-size:inherit!important}.about-board .achievement-name>.achievement-name-label{font-size:10px!important}
}

/* Original supplied Candle Rain logo in the About header and footer. */
.wordmark .brand-logo{display:block;width:36px;height:42px;object-fit:contain;flex:none;margin-right:8px}.wordmark{align-items:center}.wordmark i{display:none}@media(max-width:760px){.wordmark .brand-logo{width:30px;height:35px;margin-right:7px}}

/* Background selection is independent of the running sponsor simulation. */
.arena-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.arena-picker button{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:7px;border:1px solid #dce6f0;border-radius:13px;background:#fff;color:var(--ink);cursor:pointer;min-width:0;transition:border-color .16s,background .16s}.arena-picker button img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:8px}.arena-picker button span{font-size:var(--type-body)!important;font-weight:700;line-height:1.4;text-align:center;padding:2px 3px 5px}.arena-picker button[aria-pressed="true"]{border-color:var(--orange);background:#fff4e7;box-shadow:inset 0 0 0 1px var(--orange)}.arena-picker button:hover{border-color:var(--orange)}@media(max-width:760px){.arena-picker{gap:7px}.arena-picker button{padding:5px;border-radius:10px;gap:6px}.arena-picker button span{overflow-wrap:anywhere}.arena-picker button img{border-radius:6px}}

/* Show the complete sponsor background; keep the picker compact. */
.community-showcase .brand-preview-card .game-demo{aspect-ratio:3/2;min-height:0;height:auto;flex:0 0 auto}.community-showcase .brand-preview-card{align-self:start}.community-showcase .brand-side{align-self:start}.community-showcase .showcase-copy{justify-content:flex-start}.arena-picker{margin-top:10px;gap:8px}.arena-picker button{flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;padding:7px;min-height:48px}.arena-picker button img{width:48px;height:32px;aspect-ratio:3/2;object-fit:contain;flex:none;border-radius:6px}.arena-picker button span{text-align:left;padding:0;line-height:1.4}
@media(max-width:760px){.arena-picker{gap:6px;margin-top:8px}.arena-picker button{flex-direction:column;padding:6px;gap:5px;justify-content:center}.arena-picker button img{width:48px;height:32px}.arena-picker button span{text-align:center;overflow-wrap:normal;line-height:1.35}.community-showcase .brand-preview-card .game-demo{aspect-ratio:3/2;min-height:0;flex:0 0 auto}}

/* Equal outer card heights, preserving the sponsor arena’s native ratio. */
@media(min-width:761px){.community-showcase{align-items:stretch}.community-showcase .brand-preview-card,.community-showcase .brand-side{align-self:stretch}.community-showcase .brand-side{display:flex}.community-showcase .showcase-copy{flex:1;padding:24px;justify-content:flex-start}.community-showcase .showcase-copy>p{line-height:1.6!important;margin-top:12px!important}.community-showcase .showcase-copy .brand-prizes{padding:10px 0;line-height:1.6!important}.community-showcase .showcase-copy .service-tags{gap:8px;margin:14px 0}.community-showcase .showcase-copy .service-tags span{min-height:40px;padding:8px 12px}.community-showcase .showcase-copy>.text-link{margin-top:auto;padding-top:12px}}

/* Four shared sizes: 36px heading, 24px card title, 14px body, 12px metadata. */
:root{--type-heading:36px;--type-card:24px;--type-body:14px;--type-meta:12px}
body :is(small,figcaption,time,.small-copy,.contact-note,.leaderboard-example-label,.market-label,.power-item>span,.character figcaption,.rank-entry>span,.demo-effect,.service-tags>span,footer nav a,footer>small){font-size:var(--type-meta)!important;font-weight:500}
body .scoring .small-copy,body .achievements .small-copy,body .support-options .small-copy{font-size:var(--type-meta)!important}
body :is(h1,h2,h3){font-weight:800}body :is(h4,button,.button,.pills li,.service-tags>span){font-weight:700}
body .arena-picker button span{font-size:var(--type-meta)!important;font-weight:700}
body .about-board .about-board-rows :is(.username,.rank,b){font-size:var(--type-body)!important}
body .about-board .about-board-rows .achievement-name-label,body .about-board .achievement-name>.achievement-name-label{font-size:var(--type-meta)!important;font-weight:600}
body .about-board .about-board-rows .avatar{font-size:var(--type-card)!important}
body .demo-hud strong{font-size:var(--demo-number-size,var(--type-card))!important}body .demo-hud .demo-market strong{font-size:var(--demo-number-size,var(--type-body))!important}body .demo-effect{font-size:var(--type-meta)!important}