:root{--cream:#fff8e9;--ink:#452a28;--red:#a82e3e;--pink:#f1a2a6;--line:#decbbc;--muted:#79635a;--heading:'Jua','Nunito','Apple SD Gothic Neo',sans-serif;color:var(--ink);background:var(--cream);font-family:'Nunito','Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{overflow-x:clip;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;overflow-x:clip;overscroll-behavior-x:none;overflow-wrap:break-word;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}button,a{transition:background .2s,color .2s,transform .2s}button:active,a:active{transform:translateY(2px)}:focus-visible{outline:3px solid var(--red);outline-offset:6px}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;z-index:10;top:-90px;left:20px;background:var(--ink);color:white;padding:14px}.skip:focus{top:15px}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{width:175px;min-height:44px;display:flex;align-items:center}.brand img{width:100%;height:64px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:800}.site-header nav>a{display:flex;align-items:center;min-height:44px}.site-header button{border:1px solid var(--line);border-radius:50%;background:transparent;width:44px;height:44px;cursor:pointer;color:var(--ink);font-size:13px;font-weight:900}.site-header .nav-download{padding:0 20px;border-radius:7px;background:var(--red);color:var(--cream);gap:24px;min-height:46px}.hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:16px;min-height:730px;padding-block:60px 84px}.eyebrow{font-size:11px;letter-spacing:.14em;line-height:1.6;font-weight:900;margin:0 0 25px}.hero .eyebrow{letter-spacing:.09em;display:flex;align-items:center;gap:10px}.little-cross{font-size:24px;color:var(--red)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400;font-family:var(--heading);word-break:keep-all}h1{font-size:clamp(48px,5.1vw,72px);line-height:1.16;letter-spacing:-.035em;margin-bottom:24px}h1 em{font-style:normal;color:var(--red)}.hero-description{font-size:17px;line-height:1.9;color:var(--muted);margin-bottom:30px;word-break:keep-all}.store-links{display:flex;gap:10px;flex-wrap:wrap}.store{background:var(--ink);color:var(--cream);min-height:65px;min-width:182px;padding:10px 15px;border-radius:9px;display:flex;align-items:center;gap:12px}.store svg{width:22px;height:27px;flex:none}.store small{display:block;font-size:10px;font-weight:600;line-height:1.7}.store strong{font-size:19px;letter-spacing:-.04em;line-height:1.2;white-space:nowrap}.store-arrow{font-size:17px;margin-left:9px}.availability{font-size:11px;color:var(--muted);margin:12px 0 27px}.watch-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:800;min-height:44px}.play-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;font-size:10px;padding-left:2px}.hero-art{height:585px;position:relative;isolation:isolate;display:grid;place-items:center}.art-disc{position:absolute;width:94%;aspect-ratio:1;max-height:530px;border-radius:50%;background:#f1d4b1;z-index:-2;box-shadow:inset 0 0 0 20px #f8e7cd,inset 0 0 0 21px #e9cfab}.art-disc:before{content:'';position:absolute;inset:32px;border-radius:50%;border:1px dashed #caa984}.phone{width:242px;border-radius:29px;border:7px solid #4e332d;transform:rotate(9deg);box-shadow:13px 22px 0 #8e57421a;position:relative;background:#4e332d;overflow:hidden}.phone img{border-radius:21px;width:100%}.phone-notch{position:absolute;top:0;width:37%;left:31.5%;height:9px;border-radius:0 0 9px 9px;background:#4e332d}.character{position:absolute;width:190px;z-index:2}.character img{width:100%;height:225px;object-fit:contain;filter:drop-shadow(4px 9px 0 #58342612)}.cookie{left:-17px;bottom:67px;transform:rotate(-11deg)}.mallow{right:-3px;bottom:3px;transform:rotate(10deg);width:181px}.speech{position:absolute;white-space:nowrap;left:50%;top:-43px;transform:translateX(-50%) rotate(6deg);padding:12px 16px;border:1.5px solid var(--ink);border-radius:15px 15px 15px 2px;background:var(--cream);font-family:var(--heading);font-size:17px;box-shadow:3px 4px 0 #452a28}.mallow .speech{transform:translateX(-50%) rotate(-14deg);top:-47px}.art-spark{position:absolute;color:var(--red);font-size:54px}.spark-one{top:26px;left:50px}.spark-two{right:16px;top:115px;font-size:74px}.art-caption{position:absolute;left:33px;bottom:6px;transform:rotate(-8deg);font-size:10px;letter-spacing:.13em;font-weight:900}.ticker{background:var(--red);color:#fff5e5;overflow:clip;border-block:1px solid #822331;transform:rotate(-1.4deg);margin:0 -4px}.ticker>div{display:flex;gap:43px;align-items:center;justify-content:center;white-space:nowrap;min-height:65px;width:max-content;min-width:100%;font-size:23px;font-weight:900;letter-spacing:.04em}.ticker b{color:#e9bc83;font-size:28px}.section{padding-block:120px}h2{font-size:clamp(34px,3.4vw,49px);line-height:1.25;letter-spacing:-.02em;margin-bottom:24px}.how{display:grid;grid-template-columns:.9fr 1.25fr;gap:90px}.section-intro>p:last-child{font-size:16px;line-height:1.9;color:var(--muted)}.rules{border-top:1px solid var(--line)}.rule{border-bottom:1px solid var(--line);padding:30px 0;display:grid;grid-template-columns:32px 1fr;column-gap:16px}.rule-number{font-size:12px;color:var(--red);font-weight:900;padding-top:7px}.rule h3{font-size:23px;line-height:1.4;margin-bottom:10px}.rule p{font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:0;word-break:keep-all}.drop-illustration{grid-column:2;display:flex;align-items:center;gap:13px;margin-top:21px;width:165px;position:relative;padding-bottom:9px}.drop-illustration>span{font-size:30px;color:var(--red)}.mini-piece{display:grid;grid-template-columns:repeat(2,24px);gap:2px}.mini-piece i,.connect-illustration i{background:#be773d;border:2px solid #98582e;border-radius:5px;width:24px;height:24px;box-shadow:inset 2px 2px 0 #e3ad73}.mini-piece i:first-child{grid-column:2}.mini-floor{position:absolute;bottom:0;left:41px;width:100px;border-bottom:2px solid #b7997d}.support-examples{grid-column:2;display:flex;gap:30px;margin-top:24px}.support-examples>div{display:flex;align-items:center;gap:12px}.support-examples span{font-size:11px;font-weight:800;line-height:1.5;max-width:68px}.support-grid{display:grid;grid-template-columns:repeat(2,24px);gap:2px;padding:4px;border-bottom:3px solid #a48263;background:#f2e2cb}.support-grid i{width:24px;height:24px;border-radius:3px}.support-grid .tile{background:#a66433;border:2px solid #824521}.support-grid .base{background:#ddbd8e;border:1px solid #bda077}.support-grid .gap{border:1px dashed var(--red);font-style:normal;font-size:16px;font-weight:900;color:var(--red);display:grid;place-items:center}.good .tile{background:#a3a574;border-color:#787b48}.connect-illustration{grid-column:2;display:flex;gap:4px;align-items:center;margin-top:24px}.connect-illustration span{color:var(--red);font-size:22px;padding-inline:7px}.rivalry{background:#eddfc6;border-block:1px solid #d8c6a9}.rivalry-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;padding-block:83px}.rivalry-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;word-break:keep-all}.mode-list{display:flex;gap:28px;margin:28px 0}.mode-list>div{border-left:1px solid #c7b094;padding-left:18px}.mode-list dt{font-size:23px;font-weight:900;white-space:nowrap}.mode-list dd{font-size:11px;margin:6px 0 0;color:var(--muted)}.rivalry-copy .tutorial-note{font-size:12px!important;color:var(--muted);margin-bottom:0}.rivalry-art{align-self:center}.duo{display:flex;align-items:center;gap:12px}.duo img{width:calc(50% - 33px);height:245px;object-fit:contain}.duo img:first-child{transform:rotate(-8deg)}.duo img:last-child{transform:rotate(8deg)}.duo>span{font-size:32px;transform:rotate(-12deg);color:var(--red);font-weight:900}.duo-names{display:flex;justify-content:space-around;text-align:center;margin-top:15px;font-family:var(--heading);font-size:23px}.duo-names small{display:block;font-family:'Nunito',sans-serif;font-size:9px;font-weight:900;letter-spacing:.16em;margin-top:5px;color:var(--muted)}.film-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px}.film-intro h2{margin-bottom:0}.film-intro>p{font-size:15px;line-height:1.9;color:var(--muted);margin-bottom:4px}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.video-frame{background:#eed3ad;border:1px solid #ddc09c;border-radius:18px;display:flex;justify-content:center;overflow:hidden;padding:28px;background-image:radial-gradient(#c9a77e66 1px,transparent 1px);background-size:15px 15px}.video-frame.tutorial-video{background-color:#eddfd7;background-image:radial-gradient(#c39e9266 1px,transparent 1px);border-color:#ddc2b7}.video-frame video{display:block;width:min(100%,277px);height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:9px;background:#38231e;box-shadow:0 12px 25px #452a2822}.film-caption{display:flex;gap:20px;align-items:flex-start;padding:22px 0}.film-index{color:var(--red);font-size:12px;font-weight:900;padding-top:5px}.film-caption h3{font-size:23px;margin-bottom:8px}.film-caption p{color:var(--muted);font-size:12px;margin:0}.channel-link{font-size:12px;font-weight:800;display:flex;width:fit-content;min-height:44px;align-items:center;margin:24px auto 0;border-bottom:1px solid var(--ink)}.download{background:var(--red);color:var(--cream);padding-block:85px;overflow:clip}.download-inner{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:65px}.download h2{font-size:clamp(44px,5vw,67px);margin-bottom:22px}.download p:not(.eyebrow){font-size:15px;line-height:1.8}.download .store{background:var(--cream);color:var(--ink);min-width:174px;justify-content:space-between}.download .download-note{font-size:11px!important;opacity:.8;margin:13px 0 0}.kingdom{transform:rotate(4deg);background:var(--cream);padding:12px 12px 0;color:var(--ink);box-shadow:12px 14px 0 #6e1a2933}.kingdom img{width:100%;aspect-ratio:1.25;object-fit:cover}.kingdom-label{display:block;text-align:center;font-size:10px;letter-spacing:.11em;font-weight:900;padding:21px 0}footer{display:flex;align-items:center;gap:25px;padding-block:35px max(35px,env(safe-area-inset-bottom));font-size:11px;color:var(--muted)}.forges{font-size:29px;letter-spacing:-.07em;font-weight:900;color:var(--ink);min-height:44px;display:flex;align-items:center}.forges span{font-size:11px;align-self:flex-start;margin-top:9px;letter-spacing:0}footer p{margin:0}footer nav{display:flex;gap:24px;margin-left:auto}footer nav a{display:flex;align-items:center;min-height:44px}
@media(hover:hover) and (pointer:fine){.store:hover{transform:translateY(-3px);background:#6c3b35}.download .store:hover{background:#f0dcc0}.site-header nav>a:not(.nav-download):hover,footer a:hover,.watch-link:hover{color:var(--red)}.nav-download:hover{background:#872332}.channel-link:hover{color:var(--red)}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.site-header nav{gap:24px}.hero{min-height:650px;gap:12px}.hero-art{height:520px}.phone{width:213px}.character{width:155px}.character img{height:190px}.mallow{width:150px;right:-8px}.cookie{left:-15px}.speech{font-size:14px;padding:10px 12px}.hero-description{font-size:15px}.hero .store{min-width:159px;padding-inline:12px;gap:8px}.hero .store-arrow{display:none}.how{gap:50px}.rivalry-inner{gap:40px}.duo img{height:210px}.mode-list{gap:15px}.download-inner{gap:35px}.download .store{min-width:153px}.spark-one{left:5px}footer{gap:15px}footer nav{gap:17px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:85px;gap:12px}.brand{width:132px}.brand img{height:52px}.site-header nav{gap:12px}.site-header nav>a:not(.nav-download){display:none}.site-header .nav-download{font-size:11px;padding-inline:12px;gap:8px}.hero{grid-template-columns:1fr;padding-block:47px 52px;min-height:0;gap:28px}.hero-copy{text-align:center}.hero .eyebrow{justify-content:center;font-size:9px;letter-spacing:.08em;margin-bottom:17px;gap:7px}.little-cross{font-size:20px}h1{font-size:clamp(42px,10vw,62px);margin-bottom:20px}.hero-description{font-size:14px;line-height:1.8;margin-bottom:25px}.store-links{justify-content:center;gap:8px}.store{min-width:0;flex:1;max-width:200px}.hero .store{min-width:0;text-align:left;justify-content:center;min-height:61px}.store strong{font-size:17px}.store svg{width:19px}.availability{margin:12px 0 15px;font-size:10px}.watch-link{font-size:12px}.hero-art{height:500px;width:min(100%,430px);margin:auto}.phone{width:214px}.character{width:154px}.cookie{left:-2px;bottom:80px}.mallow{right:-2px;bottom:3px;width:142px}.character img{height:183px}.art-disc{width:96%}.speech{font-size:14px;top:-32px}.mallow .speech{top:-29px}.art-caption{left:8px;bottom:4px;font-size:8px}.spark-one{top:8px;left:28px}.spark-two{top:65px;right:11px;font-size:55px}.ticker>div{min-height:49px;font-size:17px;gap:25px}.ticker b{font-size:22px}.section{padding-block:72px}.how{grid-template-columns:1fr;gap:25px}.eyebrow{font-size:10px;margin-bottom:17px}h2{font-size:35px;margin-bottom:18px}.section-intro>p:last-child{font-size:14px}.rule{padding-block:26px;column-gap:10px;grid-template-columns:25px 1fr}.rule h3{font-size:20px}.rule p{font-size:13px}.support-examples{gap:18px}.support-examples>div{gap:8px}.support-examples span{font-size:10px;max-width:58px}.rivalry-inner{grid-template-columns:1fr;gap:36px;padding-block:60px}.rivalry-copy>p:not(.eyebrow){font-size:14px}.mode-list{gap:20px;justify-content:space-between}.mode-list>div{padding-left:10px}.mode-list dt{font-size:22px}.mode-list dd{font-size:10px}.rivalry-art{max-width:370px;width:100%;margin:auto}.duo img{height:187px}.duo-names{font-size:21px}.film-intro{display:block;margin-bottom:30px}.film-intro>p{font-size:14px;margin-top:22px}.film-grid{grid-template-columns:1fr;gap:22px}.video-frame{padding:24px}.video-frame video{width:min(100%,260px)}.film-caption{gap:15px;padding-block:18px}.film-caption h3{font-size:21px}.download{padding-block:60px}.download-inner{grid-template-columns:1fr;gap:47px}.download .store-links{justify-content:flex-start}.download h2{font-size:51px}.download p:not(.eyebrow){font-size:14px}.download .store{min-width:0}.kingdom{width:calc(100% - 16px);margin:auto;transform:rotate(3deg)}.kingdom img{aspect-ratio:1.65}.kingdom-label{font-size:8px;padding:16px 0}footer{flex-wrap:wrap;gap:8px 19px;padding-top:25px;padding-bottom:max(25px,env(safe-area-inset-bottom))}footer nav{width:100%;margin-left:0;gap:25px}footer p{font-size:10px}}
@media(max-width:360px){.site-header .nav-download{padding-inline:10px}.site-header nav{gap:8px}.brand{width:113px}.wrap{width:calc(100% - 32px)}.hero-art{height:440px}.phone{width:186px}.character{width:127px}.character img{height:159px}.mallow{width:124px}.hero .eyebrow{font-size:8px}.store strong{font-size:15px}.support-examples{gap:12px}.support-examples>div{gap:6px}.mode-list{gap:9px}.mode-list dt{font-size:20px}}
@media(pointer:coarse){input,select,textarea,[contenteditable],input[class],select[class],textarea[class],[contenteditable][class]{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.site-header button{flex-shrink:0}footer nav a{min-width:44px}.hero>*,.rivalry-inner>*,.download-inner>*{min-width:0}
@media(max-width:760px){.cookie .speech{left:64%}.mallow .speech{left:43%}}

/* Videos stay resource-free until a deliberate Play action. */
.video-frame{position:relative}.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-height:48px;max-width:90%;padding:13px 22px;border:1px solid #fff5e5;border-radius:9px;background:var(--ink);color:var(--cream);font-size:14px;font-weight:800;white-space:nowrap;cursor:pointer;box-shadow:0 3px 12px #0003}.film-play[hidden]{display:none}.film-play:active{transform:translate(-50%,-48%)}
@media(hover:hover) and (pointer:fine){.film-play:hover{background:#6c3b35}}