/* KEAIFUN V5 — art-directed, screenshot-free brand experience.
   Original artwork is a visual concept, not gameplay footage or the Kea character. */
:root{--ink:#252038;--purple:#7554e9;--purple-deep:#6040d1;--font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif}
.shell{width:min(1270px,calc(100% - 88px))}
/* Refined translucent studio navigation */
.site-header{top:22px}
.nav{min-height:74px;background:rgba(29,22,49,.78);border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 35px rgba(8,6,27,.13);border-radius:20px;padding:11px 13px 11px 21px;backdrop-filter:blur(20px) saturate(135%)}
.brand{min-width:180px}.brand-symbol{transform:rotate(-6deg)}.brand-text{font-size:24px;color:#fff;letter-spacing:-.065em}.brand-dot{color:#fbd38c}.brand-text small{color:#c0b6d9;font-weight:650;font-size:9px;letter-spacing:.095em}
.nav-link{color:#e0d8f2;font-size:12px;font-weight:680}.nav-link:hover,.nav-link.is-current{color:#ffde97}.nav-link::after{background:#ffce75}
.language-toggle{color:#fff;background:rgba(255,255,255,.11);padding:12px 12px}.language-toggle:hover{background:rgba(255,255,255,.2)}
.nav-contact{background:#f6d687;color:#292038;border-radius:13px;padding:13px 18px;box-shadow:none}.nav-contact:hover{background:#ffe5a5;color:#292038}
/* Hero: full-bleed, cinematic yet approachable */
.hero-v5{position:relative;isolation:isolate;min-height:795px;padding:138px 0 70px;color:#fff;background:radial-gradient(ellipse 66% 66% at 74% 46%,#6049a8 0%,#32255a 45%,transparent 88%),radial-gradient(ellipse 40% 55% at 8% 95%,#30234f 0%,transparent 90%),#17112c;overflow:hidden}
.hero-v5::before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.025),transparent 36%),radial-gradient(circle at 55% 50%,rgba(188,151,255,.12),transparent 32%);pointer-events:none;z-index:-1}
.hero-v5::after{content:"";position:absolute;height:1px;background:rgba(255,255,255,.11);left:5%;right:5%;bottom:0}
.hero-atmosphere{position:absolute;pointer-events:none;z-index:-1;filter:blur(6px);border-radius:50%}
.hero-atmosphere-a{width:660px;height:570px;right:-160px;top:155px;background:radial-gradient(ellipse at center,rgba(243,155,169,.25),transparent 65%)}
.hero-atmosphere-b{width:530px;height:480px;left:-240px;bottom:-270px;background:radial-gradient(ellipse at center,rgba(104,86,184,.27),transparent 65%)}
.hero-grid-lines{position:absolute;right:-2%;top:9%;width:56%;height:90%;opacity:.10;z-index:-1;background-image:linear-gradient(rgba(249,241,255,.54) 1px,transparent 1px),linear-gradient(90deg,rgba(249,241,255,.54) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse at 45% 44%,#000,transparent 75%)}
.hero-deco-cross{position:absolute;color:#fff;pointer-events:none;z-index:0;opacity:.35;line-height:1}.hero-deco-cross-a{left:53%;top:16%;font-size:32px}.hero-deco-cross-b{left:12%;bottom:14%;font-size:21px;color:#ffdb92}
.hero-v5 .hero-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:3%;min-height:560px;align-items:center}
.hero-v5 .hero-copy{padding:21px 0 35px 0;z-index:5}
.hero-v5 .hero-eyebrow{display:inline-flex;align-items:center;gap:12px;padding:0;border:0;border-radius:0;background:none;color:#dac9f8;letter-spacing:.16em;font-size:10px;font-weight:850;line-height:1.6;white-space:normal}
.eyebrow-live{flex:0 0 8px;width:8px;height:8px;background:#bdebb9;border-radius:50%;box-shadow:0 0 0 6px rgba(191,237,186,.12)}
.hero-v5 h1{font-size:clamp(55px,5.35vw,80px);line-height:1.19;letter-spacing:-.079em;font-weight:950;color:#fff;margin:30px 0 25px;white-space:normal;max-width:760px;text-wrap:balance}
.hero-highlight{display:inline;color:#ffd98c;white-space:nowrap}.hero-title-dot{color:#ff9a8f}
.hero-v5 .hero-lead{color:#d7cfe8;max-width:490px;line-height:1.95;font-size:16px;letter-spacing:.01em;margin:0 0 30px;font-weight:450}
.hero-v5 .hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.hero-v5 .button{min-height:60px;padding:14px 19px 14px 23px;border-radius:16px;font-size:14px;gap:18px;white-space:nowrap}
.hero-v5 .button-primary{background:#ffe091;color:#31243f;box-shadow:0 12px 29px rgba(11,8,36,.20);border:1px solid #ffeebc}
.hero-v5 .button-primary:hover{background:#ffe9ad;box-shadow:0 17px 35px rgba(11,8,36,.30)}
.hero-v5 .button-arrow{background:#2d2343;color:#fff;border-radius:10px;font-size:20px}
.hero-v5 .button-secondary{color:#f0eaff;background:rgba(255,255,255,.08);border:1px solid rgba(235,216,255,.23)}
.hero-v5 .button-secondary:hover{background:rgba(255,255,255,.15);box-shadow:none}
.hero-secondary-arrow{font-size:19px;font-weight:400;color:#dfcfa4}
.hero-micro{display:flex;align-items:center;gap:12px;color:#ada1c7;margin-top:42px;font-weight:720;font-size:11px;letter-spacing:.04em}
.micro-divider{display:block;width:32px;height:1px;background:#ffde9a}.micro-star{font-size:18px;color:#e0c7ff;margin-left:2px}
.hero-v5 .hero-visual{height:578px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.pixel-ring{pointer-events:none;position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%;transform:rotate(-17deg)}
.pixel-ring-a{width:590px;height:450px;left:-15px;top:63px}.pixel-ring-b{width:435px;height:555px;left:65px;top:14px;transform:rotate(22deg);border-style:dashed;border-color:rgba(255,255,255,.09)}
.pixel-spark{position:absolute;z-index:4;font-weight:900;line-height:1;pointer-events:none;animation:pixelBob 5.3s ease-in-out infinite}.pixel-spark-one{font-size:43px;color:#ffd986;right:6%;top:9%}.pixel-spark-two{font-size:31px;color:#ffc7c3;left:0%;bottom:20%;animation-delay:-2s}
.pixel-art-card{width:min(445px,86%);position:relative;z-index:2;background:#fbf8f3;box-shadow:0 37px 0 -21px #3b2c67,0 52px 90px rgba(10,7,34,.35),0 4px 0 rgba(255,255,255,.5) inset;border:7px solid rgba(255,255,255,.92);border-radius:35px;overflow:hidden;transform:rotate(5deg) translateY(-3px);animation:floatArt 8s ease-in-out infinite}
.pixel-art-head{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fffdf8;color:#322947;border-bottom:1px solid #e5dae5;font-size:13px;font-weight:950;letter-spacing:.035em}
.pixel-art-brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.pixel-art-brand-mark{width:24px;height:24px;display:grid;place-items:center;background:#e9dcff;border-radius:8px;color:#704ccf;font-size:15px}
.pixel-art-edition{font-size:9px;letter-spacing:.09em;color:#a69ba9;white-space:nowrap}
.pixel-art-scene{height:365px;position:relative;background:radial-gradient(ellipse at 42% 42%,#fff2d9 0%,#f9d5e2 56%,#e6cbfb 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.pixel-art-scene::before{content:"";position:absolute;inset:15px;background:radial-gradient(circle,rgba(255,255,255,.66) 1.2px,transparent 2px);background-size:20px 20px;opacity:.48;mask-image:radial-gradient(circle at center,transparent 28%,#000 80%)}
.pixel-canvas-frame{position:relative;width:310px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:17px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.98);border-radius:24px;box-shadow:0 13px 35px rgba(102,55,119,.13),inset 0 0 0 1px rgba(255,255,255,.5)}
.pixel-canvas{width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(var(--pixel-columns,15),1fr);gap:2.8px;grid-auto-rows:1fr}
.pixel-cell{display:block;min-width:0;min-height:0;border-radius:2px;transition:background .2s ease,transform .2s ease;box-shadow:inset 0 -2px 0 rgba(32,20,41,.08)}.pixel-empty{background:rgba(225,205,233,.26);box-shadow:none}.pixel-yellow{background:#ffc35d}.pixel-coral{background:#f7859c}.pixel-green{background:#7dc99e}.pixel-cream{background:#ffebbd}
.pixel-canvas.is-animating .pixel-cell:not(.pixel-empty){animation:tileReveal .42s both;animation-delay:var(--pixel-delay,0ms)}
.pixel-scene-fleck{position:absolute;color:#fff9e5;z-index:2;pointer-events:none;line-height:1}.pixel-scene-fleck-a{top:10%;left:7%;font-size:37px}.pixel-scene-fleck-b{bottom:9%;right:5%;font-size:45px;color:#eab1ff}
.pixel-scene-word{position:absolute;bottom:9px;left:18px;font-size:9px;letter-spacing:.12em;font-weight:900;color:#b889a9}.pixel-scene-word span{font-size:14px}
.pixel-art-bottom{display:flex;align-items:center;justify-content:space-between;padding:17px 18px 15px 21px;gap:10px;min-height:78px}
.pixel-art-bottom>div{display:flex;flex-direction:column;gap:2px}.pixel-art-label{color:#8d859a;letter-spacing:.11em;font-size:9px;font-weight:850}.pixel-art-bottom strong{color:#392b5a;font-size:21px;letter-spacing:-.035em}
.pixel-next{border:0;background:#6b4cdb;color:#fff;padding:13px 13px 13px 15px;border-radius:12px;display:inline-flex;align-items:center;gap:18px;font-size:12px;font-weight:850;transition:background .25s,transform .25s}.pixel-next:hover{background:#5031bc;transform:translateY(-2px)}.pixel-next>span:last-child{font-size:21px;line-height:0.8}
.pixel-floating{position:absolute;z-index:3;display:flex;align-items:center;background:#fffdfb;box-shadow:0 13px 40px rgba(10,7,40,.23);color:#392b5b;border:1px solid #fff}
.pixel-floating-star{left:-4%;top:23%;padding:12px 17px;gap:8px;border-radius:18px;transform:rotate(-14deg);animation:floatTag 6s ease-in-out infinite}.pixel-floating-star>span{font-size:42px;color:#ffc451;line-height:1}.pixel-floating-star div{display:flex;flex-direction:column;line-height:1.1}.pixel-floating-star strong{font-size:19px}.pixel-floating-star small{font-size:10px;color:#847797;font-weight:800}
.pixel-floating-tag{right:-7%;bottom:15%;padding:13px 17px;gap:10px;border-radius:19px;transform:rotate(7deg);animation:floatTag 7s ease-in-out infinite;animation-delay:-2s}.float-icon{width:40px;height:40px;border-radius:12px;background:#dff6e8;color:#66ae8a;display:grid;place-items:center;font-size:26px}.pixel-floating-tag>div{display:flex;flex-direction:column;gap:5px}.pixel-floating-tag b{font-size:12px}.pixel-floating-tag small{font-size:8px;letter-spacing:.06em;color:#a29bae;font-weight:900}
.hero-art-caption{position:absolute;bottom:4px;right:3%;font-size:10px;color:#c5b8dc;font-weight:650;letter-spacing:.05em;z-index:3}
.hero-v5 .scroll-down{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;color:#c1b2d8;font-size:11px;font-weight:750;letter-spacing:.09em;white-space:nowrap}.hero-v5 .scroll-round{width:30px;height:30px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center;font-size:17px;color:#ffe199}
@keyframes floatArt{0%,100%{transform:rotate(5deg) translateY(-3px)}50%{transform:rotate(4deg) translateY(6px)}}@keyframes floatTag{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes pixelBob{0%,100%{translate:0 0}50%{translate:0 12px}}@keyframes tileReveal{from{opacity:.25;transform:scale(.35)}to{opacity:1;transform:scale(1)}}
/* New editorial ribbon */
.fun-ribbon{height:61px;background:#daf6d6;color:#28223f;transform:none;margin:0;box-shadow:none;border:0;position:relative;z-index:2}.ribbon-track{animation-duration:45s}.ribbon-track>span{font-size:14px;letter-spacing:.17em;font-weight:950;gap:32px}.ribbon-track b{color:#7150df;font-size:20px}
/* Released title: no real screenshot imagery; custom conceptual illustration */
.featured-section{padding:123px 0 105px;background:linear-gradient(150deg,#fbfaf6 0%,#fff8f0 60%,#f8f5ef 100%)}
.featured-bg-star{color:#e4d6f0}.featured-bg-star-a{right:-20px;top:20px}.featured-bg-star-b{left:-30px;bottom:150px}
.featured-layout{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:7%;min-height:570px;align-items:center}
.featured-copy{padding:15px 0}.featured-title{font-size:clamp(48px,4.65vw,67px);color:#332a41;letter-spacing:-.06em;line-height:1.18}.featured-title .accent-title{color:#7252df}.featured-subtitle{color:#79699c;font-weight:780;font-size:17px}.featured-deck{font-size:15px;line-height:1.98;color:#6d6675;max-width:530px}
.product-overline{margin:26px 0 22px}.status-live{background:#e7f7e6;border-color:#c7e6cb;color:#3e8058}.product-genre{color:#978aa9}
.product-tags span{background:#fff;border-color:#e8e1e9;color:#766888;border-radius:11px}
.download-label{color:#60517f}.download-label>span:first-child{color:#c7a052}
.store-link{background:#302744;border-color:#302744;border-radius:14px;box-shadow:0 12px 22px rgba(34,20,57,.11)}.store-link:hover{background:#423253;box-shadow:0 14px 26px rgba(34,20,57,.2)}.store-link-samsung{background:#fff;border-color:#e5dce5;color:#302744;box-shadow:0 10px 20px rgba(34,20,57,.07)}.store-link-samsung:hover{background:#fff9f0;box-shadow:0 14px 25px rgba(34,20,57,.1)}.store-link-samsung .store-copy small,.store-link-samsung .store-arrow{color:#806e91}
.featured-text-link{color:#7152d5}.featured-text-link span:first-child{text-decoration-color:#bba7ef}.featured-text-link:hover{color:#4d31a0}
.featured-stage-concept{height:610px;position:relative;isolation:isolate;overflow:visible}
.concept-halo{position:absolute;inset:35px 0 25px 0;border-radius:44% 56% 57% 43%/52% 47% 53% 48%;background:radial-gradient(circle at 40% 40%,#ead9ff 0,#d7c1ed 51%,#f0dee9 73%,transparent 74%);transform:rotate(-8deg)}
.concept-glint{position:absolute;color:#ffbc75;z-index:3;line-height:1;font-weight:900}.concept-glint-a{font-size:58px;right:1%;top:5%}.concept-glint-b{font-size:42px;left:1%;bottom:19%;color:#a68de9}
.concept-room-card{position:absolute;z-index:2;top:39px;right:8%;width:77%;border:9px solid white;border-radius:31px;background:#fffdf9;box-shadow:0 26px 55px rgba(75,49,92,.2),0 8px 0 -1px rgba(85,60,118,.06);overflow:hidden;transform:rotate(5deg)}
.concept-room-top{display:flex;justify-content:space-between;align-items:center;padding:17px 19px 14px;color:#473456;font-size:12px;letter-spacing:.08em;font-weight:950}.concept-room-top b{color:#f5b658}.concept-room-dots{color:#d2bfd5;font-size:10px;letter-spacing:4px}
.concept-room-art{display:block;width:100%;height:auto;aspect-ratio:470/405}.concept-room-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:850;color:#85708b;padding:14px 21px 17px}.concept-room-foot>span:last-child{color:#f2bf82;font-size:20px}
.concept-pixel-card{position:absolute;z-index:4;top:126px;left:-3%;width:176px;padding:17px;background:#fffefb;border:6px solid #fff;border-radius:27px;box-shadow:0 17px 36px rgba(57,32,70,.19);transform:rotate(-10deg);display:flex;flex-direction:column;align-items:center;gap:9px}
.concept-pixel-heading{color:#66517e;letter-spacing:.105em;font-weight:950;font-size:11px;align-self:flex-start}
.concept-pixel-grid{width:125px;height:125px;display:grid;grid-template-columns:repeat(var(--pixel-columns,9),1fr);gap:2px;padding:6px;background:#fff0ef;border-radius:10px}.concept-pixel-grid .pixel-cell{border-radius:1px}.concept-pixel-grid .pixel-empty{background:#fffaf7}
.concept-pixel-caption{font-weight:850;letter-spacing:.08em;font-size:9px;color:#b69ca5}
.concept-star-token{position:absolute;z-index:4;right:0%;bottom:13%;width:101px;height:101px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1;background:#ffdf88;border:7px solid #fff3c6;border-radius:50%;box-shadow:0 18px 28px rgba(123,89,36,.17);transform:rotate(12deg)}.concept-star-token span{font-size:45px;color:#fff9e0;filter:drop-shadow(0 3px 0 #ecb95e)}.concept-star-token strong{font-size:14px;color:#8c5b25}
.concept-label{position:absolute;z-index:5;left:6%;bottom:12%;border-radius:15px;padding:13px 17px;background:#34294b;color:#fff;box-shadow:0 12px 20px rgba(48,34,77,.18);display:flex;align-items:center;gap:10px;font-size:12px;font-weight:850;transform:rotate(-6deg)}.concept-label span:first-child{color:#ffe1a2;font-size:21px;line-height:1}
.concept-footnote{position:absolute;right:2%;bottom:-6px;text-align:right;color:#9e91a4;font-size:10px;letter-spacing:.035em;margin:0}
.gameplay{margin-top:72px}.gameplay-card{box-shadow:0 6px 22px rgba(80,64,96,.04)}
/* Keep the rest of the story sophisticated and readable */
.about-section{background:#fff}.section-title{letter-spacing:-.07em}.section-kicker{letter-spacing:.09em}
.direction-card{box-shadow:0 9px 29px rgba(52,41,81,.035)}.contact-panel{box-shadow:0 22px 55px rgba(51,38,87,.07)}
/* Tablet */
@media(max-width:1190px){
 .shell{width:min(1120px,calc(100% - 60px))}
 .hero-v5 .hero-layout{gap:2%}.hero-v5 h1{font-size:clamp(51px,5.1vw,71px)}.hero-v5 .hero-visual{height:520px}.pixel-art-card{width:min(385px,86%)}.pixel-art-scene{height:315px}.pixel-canvas-frame{width:270px}.pixel-floating-tag{right:-4%;bottom:10%}.pixel-floating-star{left:-3%}
 .concept-room-card{width:81%;right:5%}.concept-pixel-card{left:0%}.featured-stage-concept{height:560px}
}
@media(max-width:940px){
 .nav-menu{background:#262037;border-color:rgba(255,255,255,.12);box-shadow:0 18px 36px rgba(15,6,42,.3)}.nav-link{color:#ded3f5}.nav-link:hover,.nav-link.is-current{background:rgba(255,255,255,.11);color:#ffe09c}.menu-toggle{background:rgba(255,255,255,.13)}.menu-toggle span{background:#f6ebff}
 .hero-v5{padding-top:130px;min-height:0}.hero-v5 .hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-v5 .hero-copy{padding:25px 0}.hero-v5 h1{font-size:clamp(48px,5.35vw,58px)}.hero-v5 .hero-lead{font-size:14px}.hero-v5 .hero-visual{height:470px}.pixel-art-card{width:87%;border-width:5px;border-radius:27px}.pixel-art-scene{height:285px}.pixel-canvas-frame{width:240px;padding:12px}.pixel-art-head{padding:12px}.pixel-art-bottom{min-height:65px;padding:10px}.pixel-next{padding:11px;font-size:10px;gap:8px}.pixel-floating-star{left:-3%;top:16%;transform:rotate(-14deg) scale(.85)}.pixel-floating-tag{right:-5%;bottom:12%;transform:rotate(7deg) scale(.85)}.pixel-ring{scale:.8}.hero-micro{margin-top:28px}
 .featured-layout{grid-template-columns:1fr 1fr;gap:20px;min-height:450px}.featured-stage-concept{height:480px}.concept-room-card{width:85%;top:45px;right:2%;border-width:6px;border-radius:23px}.concept-room-top{padding:10px;font-size:10px}.concept-room-foot{padding:9px 10px;font-size:10px}.concept-pixel-card{width:132px;top:115px;padding:10px;border-width:4px}.concept-pixel-grid{width:95px;height:95px}.concept-star-token{width:73px;height:73px;right:0%;bottom:15%;border-width:4px}.concept-star-token span{font-size:32px}.concept-label{font-size:10px;bottom:10%;padding:10px}
}
/* Mobile: hero art is still visible in the first scroll, without crushing the title */
@media(max-width:720px){
 .shell{width:calc(100% - 36px)}.site-header{top:11px}.nav{min-height:64px;border-radius:16px;padding:8px 10px}.brand-symbol svg{width:37px;height:37px}.brand-text{font-size:21px}.brand-text small{font-size:8px}.nav-menu{top:calc(100% + 10px)}
 .hero-v5{padding:125px 0 74px;min-height:0}.hero-v5 .hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0}.hero-v5 .hero-copy{padding:5px 0 0}
 .hero-v5 .hero-eyebrow{font-size:9px;letter-spacing:.09em;gap:10px}.hero-v5 h1{font-size:clamp(47px,10.35vw,73px);line-height:1.19;margin:23px 0 19px}.hero-v5 .hero-lead{font-size:14px;line-height:1.85;max-width:560px;margin-bottom:23px}.hero-v5 .hero-actions{gap:9px}.hero-v5 .button{min-height:55px;padding:11px 13px 11px 16px;font-size:12px;gap:12px;border-radius:13px}.hero-v5 .button-arrow{width:28px;height:28px}.hero-micro{margin-top:26px;font-size:9px;gap:9px}.micro-divider{width:20px}
 .hero-v5 .hero-visual{width:100%;height:500px;margin:20px auto 0;max-width:500px}.pixel-ring-a{width:100%;left:0;top:50px;height:380px}.pixel-ring-b{width:90%;left:6%;top:20px;height:460px}.pixel-art-card{width:min(355px,77%);border-width:6px;border-radius:27px;transform:rotate(4deg);box-shadow:0 28px 0 -20px #3b2c67,0 37px 45px rgba(10,7,34,.32)}.pixel-art-scene{height:293px}.pixel-canvas-frame{width:250px;border-radius:18px;padding:13px}.pixel-art-head{padding:13px}.pixel-art-edition{font-size:8px}.pixel-art-bottom{padding:13px;min-height:66px}.pixel-next{font-size:10px;padding:10px 9px;gap:10px}.pixel-art-bottom strong{font-size:17px}.pixel-floating-star{left:0;top:12%;transform:rotate(-13deg) scale(.77);transform-origin:left top}.pixel-floating-tag{right:-2%;bottom:13%;transform:rotate(7deg) scale(.80);transform-origin:right bottom}.pixel-spark-one{top:8%;right:8%}.pixel-spark-two{left:2%;bottom:14%}.hero-art-caption{bottom:2px;right:6px;font-size:9px}.hero-v5 .scroll-down{bottom:14px}
 .fun-ribbon{height:54px}.ribbon-track>span{font-size:12px;gap:24px}.ribbon-track{gap:35px}
 .featured-section{padding:90px 0 85px}.featured-layout{display:flex;flex-direction:column;gap:10px;align-items:stretch}.featured-copy{padding:0}.featured-title{font-size:clamp(42px,9vw,60px)}.featured-deck{font-size:14px}
 .featured-stage-concept{height:500px;max-width:510px;width:100%;margin:10px auto 0}.concept-room-card{width:74%;top:27px;right:8%;border-radius:24px}.concept-room-top{padding:12px}.concept-pixel-card{width:135px;top:110px;left:2%;padding:12px}.concept-pixel-grid{width:99px;height:99px}.concept-star-token{right:3%;bottom:14%;width:84px;height:84px}.concept-label{left:1%;bottom:13%}.concept-footnote{bottom:0;right:3%}.gameplay{margin-top:54px}
}
@media(max-width:400px){
 .hero-v5 h1{font-size:clamp(44px,10.5vw,50px)}.hero-v5 .hero-visual{height:450px;margin-top:15px}.pixel-art-card{width:78%;border-width:5px}.pixel-art-head{padding:10px 9px;font-size:10px}.pixel-art-edition{font-size:7px}.pixel-art-scene{height:260px}.pixel-canvas-frame{width:224px}.pixel-art-bottom{padding:9px}.pixel-next{font-size:9px}.pixel-art-bottom strong{font-size:15px}.pixel-floating-star{left:-3%;top:12%;transform:rotate(-13deg) scale(.67)}.pixel-floating-tag{right:-4%;bottom:12%;transform:rotate(7deg) scale(.7)}
 .featured-stage-concept{height:435px}.concept-room-card{width:76%;right:5%;top:30px}.concept-pixel-card{top:92px;width:122px}.concept-pixel-grid{width:86px;height:86px}.concept-star-token{bottom:13%;width:73px;height:73px}.concept-label{bottom:11%;font-size:9px}.concept-footnote{font-size:9px}
}
html[lang="en"] .hero-v5 h1{font-size:clamp(51px,5.3vw,79px);letter-spacing:-.065em;line-height:1.16}
@media(max-width:940px){html[lang="en"] .hero-v5 h1{font-size:clamp(42px,5.5vw,58px)}}
@media(max-width:720px){html[lang="en"] .hero-v5 h1{font-size:clamp(47px,10vw,69px)}.hero-highlight{white-space:normal}}
@media(max-width:400px){html[lang="en"] .hero-v5 h1{font-size:clamp(42px,10.5vw,49px)}}
@media(prefers-reduced-motion:reduce){.pixel-art-card,.pixel-floating,.pixel-spark{animation:none!important}.pixel-canvas.is-animating .pixel-cell{animation:none!important}}
/* Footer uses a white surface, unlike the dark hero navigation. */
.footer .brand-text{color:#302a3e}.footer .brand-text small{color:#898196}
@media(min-width:721px){.featured-section{padding-top:103px}}
@media(max-width:720px){.featured-section{padding-top:67px}}