@font-face{font-family:Lilita One;src:url('./fonts/LilitaOne-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Atkinson;src:url('./fonts/AtkinsonHyperlegible-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Atkinson;src:url('./fonts/AtkinsonHyperlegible-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{
  color-scheme:light;
  --wood:#663316;--gold:#ffc928;--gold-dark:#b97913;--gold-light:#fff0a1;
  --green:#236333;--green-hover:#174b26;--cream:#fff5df;--paper:#fffaf0;
  --sky:#a6eaff;--leaf:#ddefb5;--ink:#352619;--muted:#665440;--focus:#145b91;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;
  --space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;
  --radius-button:14px;--radius-card:24px;--radius-phone:32px;
  --shadow-card:0 8px 0 #34241618;--shadow-button:0 4px 0 #382514;
  --page-max:1240px;--header-height:92px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:120px}
body{margin:0;background:var(--cream);color:var(--ink);font:18px/1.6 Atkinson,Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
button,a,summary{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
a{color:#205a31;text-underline-offset:4px;text-decoration-thickness:2px}
a:hover{text-decoration-thickness:3px}
:focus-visible,.is-focus{outline:3px solid var(--focus);outline-offset:4px;box-shadow:0 0 0 8px #fffaf0}
h1,h2,h3,.display{font-family:Lilita One,Arial,sans-serif;font-weight:400;line-height:1.12;overflow-wrap:anywhere}
h1{font-size:clamp(38px,4.2vw,60px);margin:0 0 24px;max-width:24ch}
h2{font-size:clamp(30px,3.2vw,42px);margin:0 0 20px}
h3{font-size:26px;margin:0 0 12px}
p{margin:0 0 20px}
ul,ol{padding-left:26px}
.wrap{width:min(var(--page-max),calc(100% - 64px));margin-inline:auto}
.skip-link{position:fixed;left:20px;top:-120px;z-index:100;padding:14px 24px;background:var(--paper);border:3px solid var(--ink);border-radius:12px}
.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:20;background:linear-gradient(#4a240ddd,#4a240ddd),url('./images/wood.webp') center/640px auto;border-bottom:6px solid var(--gold);box-shadow:0 3px 0 var(--ink);color:var(--cream)}
.header-inner{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:block;width:164px;flex:none;padding:4px 0;min-height:44px}
.brand img{width:164px;height:auto}
.desktop-nav{display:flex;align-items:center;gap:32px}
.nav-link{color:var(--cream);font-weight:700;padding:12px 4px;display:inline-flex;min-height:48px;align-items:center}
.nav-link[aria-current=page]{text-decoration-thickness:3px;text-decoration-color:var(--gold)}
.menu-toggle{display:none;width:48px;height:48px;border:3px solid var(--gold);border-radius:12px;background:#3f210f;color:var(--cream);align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span{width:22px;height:3px;background:currentColor;border-radius:2px}
.mobile-nav{padding:12px 24px 24px;border-top:1px solid #fff5df70}
.mobile-nav[hidden]{display:none}
.mobile-nav .nav-link{display:flex}
.badge-clearspace{display:inline-block;padding:15px;vertical-align:middle}
.badge-clearspace.compact{padding:12px}
.play-badge{display:flex;width:200px;min-height:60px;align-items:center;justify-content:center;background:#fffaf0;color:var(--ink);border:2px dashed #7c6140;text-align:center;text-decoration:none;border-radius:8px;font:700 16px/1.2 Atkinson,Arial,sans-serif}
.play-badge small{font-size:16px;font-weight:400;display:block}
.compact .play-badge{width:160px;min-height:48px}
.compact .play-badge small{display:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:12px 28px;border:4px solid var(--gold);border-radius:var(--radius-button);background:var(--green);color:var(--paper);font:400 24px/1.18 Lilita One,Arial,sans-serif;text-align:center;text-decoration:none;box-shadow:0 0 0 2px var(--ink),var(--shadow-button);overflow-wrap:anywhere}
.button:hover,.button.is-hover{background:var(--green-hover);text-decoration:none}
.button:active{transform:translateY(2px);box-shadow:0 0 0 2px var(--ink),0 2px 0 var(--ink)}
.button:disabled,.button[aria-disabled=true]{background:#dfd1b4;color:#594936;border-color:#a18a60;cursor:not-allowed;box-shadow:0 0 0 2px #594936}
.button.secondary{background:var(--wood)}
.button.secondary:hover{background:#44200e}
.wood-plaque{position:relative;isolation:isolate;display:inline-block;border:18px solid transparent;border-image:url('./images/gold-frame.webp') 52 / 18px stretch;padding:8px 20px;color:var(--cream);font:400 30px/1.12 Lilita One,Arial,sans-serif;text-align:center;max-width:100%}
.wood-plaque::before{content:'';position:absolute;inset:-10px;z-index:-1;border-radius:10px;background:linear-gradient(#4e260fc9,#4e260fc9),url('./images/wood.webp') center/480px auto}
.section-heading{text-align:center;margin-bottom:48px}
.section-heading p{max-width:55ch;margin:24px auto 0}
.hero{position:relative;background:var(--sky);border-bottom:6px solid var(--gold);isolation:isolate}
.hero-art{position:absolute;inset:0;z-index:-1}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-inner{min-height:690px;display:flex;align-items:center;padding-block:48px}
.hero-copy{width:440px;max-width:100%;padding:28px 30px;background:var(--cream);border:3px solid var(--ink);border-radius:var(--radius-card);box-shadow:8px 8px 0 #402a2040}
.hero-logo{width:258px;margin-bottom:20px}
.hero h1{font-size:42px;line-height:1.08;margin:0 0 20px;max-width:17ch}
.hero-copy p{margin-bottom:12px}
.hero-copy .badge-clearspace{margin-left:-15px}
.hero-copy .text-link{display:inline-flex;min-height:44px;align-items:center;font-weight:700;margin-top:8px}
.how-section{padding-block:80px 96px;background:var(--cream)}
.feature{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:64px;margin-top:76px}
.feature.reverse .feature-image{order:2}
.feature-image{border:3px solid var(--ink);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-card);background:#182b34}
.feature-image img{width:100%;aspect-ratio:3/2;object-fit:cover}
.eyebrow{display:block;font:700 16px/1.5 Atkinson,Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#205a31;margin-bottom:14px}
.feature p{max-width:45ch}
.cats-section{padding-block:80px 96px;background:#e7f2cd;border-block:2px solid #a4ba79}
.cats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin-inline:auto}
.cat-card{position:relative;background:var(--paper);border:3px solid transparent;border-radius:22px;padding:24px 16px 20px;text-align:center;box-shadow:var(--shadow-card)}
.cat-card::after{content:'';position:absolute;inset:-3px;border:18px solid transparent;border-image:url('./images/gold-frame.webp') 52 / 18px stretch;pointer-events:none}
.cat-card img{width:160px;height:160px;object-fit:contain;margin:0 auto 16px}
.cat-card h3{font-size:25px;margin-bottom:8px;min-height:2.25em;display:flex;align-items:center;justify-content:center}
.cat-card p{margin:0;color:var(--muted);font-weight:700}
.download-section{text-align:center;padding-block:80px 88px;background:var(--sky);border-bottom:6px solid var(--gold)}
.download-section h2{max-width:22ch;margin-inline:auto}
.download-section p{max-width:48ch;margin-inline:auto}
.site-footer{padding-block:40px 28px;background:var(--paper);color:var(--muted)}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid #cfbda2}
.footer-brand{width:128px}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}
.footer-links a{display:inline-flex;align-items:center;min-height:48px;padding:10px 0;font-weight:700}
.footer-bottom{display:flex;justify-content:space-between;gap:24px;margin-top:24px;font-size:16px}
.footer-bottom p{margin:0}
.footer-bottom p:last-child{max-width:48ch;text-align:right}
.page-intro{padding-block:64px 40px;background:linear-gradient(180deg,#c9eff1,var(--cream));border-bottom:1px solid #e5d6b9}
.page-intro h1{max-width:none}
.page-intro p{max-width:62ch;margin:0}
.updated{font-size:16px;color:var(--muted);margin-top:20px!important}
.legal-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:64px;padding-block:48px 88px;max-width:1120px}
.toc{align-self:start;position:sticky;top:124px;background:var(--paper);border:2px solid #b89862;border-radius:16px;padding:16px}
.toc summary{list-style:none;font:400 25px/1.2 Lilita One,Arial,sans-serif;cursor:pointer;min-height:44px;display:flex;align-items:center}
.toc summary::-webkit-details-marker{display:none}
.toc summary::after{content:'+';margin-left:auto;font:700 28px/1 Atkinson,Arial,sans-serif}
.toc[open] summary::after{content:'−'}
.toc ul{list-style:none;margin:8px 0 0;padding:0}
.toc li+li{border-top:1px solid #e6d7bb}
.toc a{display:flex;align-items:center;min-height:46px;padding:10px 8px;color:var(--ink);font-size:16px;text-decoration:none;border-radius:8px}
.toc a:hover,.toc a[aria-current=location]{background:#dfedcc;text-decoration:underline}
.legal-copy{max-width:68ch;min-width:0}
.legal-copy section+section{margin-top:44px}
.legal-copy h2{font-size:30px;scroll-margin-top:128px}
.legal-copy h3{font-size:24px}
.legal-copy p,.legal-copy li{line-height:1.75}
.owner-text{color:#4c351e;background:#fff0c8;border-left:4px solid #a2762b;padding:18px 20px;overflow-wrap:anywhere}
.inline-action{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.content-section{padding-block:48px 80px}
.narrow{max-width:1000px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:40px 0 64px}
.step{text-align:center}
.step .step-label{font:400 24px/1.2 Lilita One,Arial,sans-serif;margin:0 0 24px;min-height:58px}
.step-number{display:block;color:#205a31;font:700 16px/1.5 Atkinson,Arial,sans-serif;margin-bottom:8px}
.phone-frame{width:200px;aspect-ratio:9/18.5;margin-inline:auto;border:9px solid #352619;border-radius:var(--radius-phone);background:#f5ebd5;box-shadow:0 0 0 3px var(--gold),0 8px 0 #35261920;position:relative;padding:52px 16px 28px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.phone-frame::before{content:'';position:absolute;top:12px;left:50%;transform:translateX(-50%);width:66px;height:8px;border-radius:6px;background:#352619}
.phone-frame .screenshot-mark{font:400 44px/1 Lilita One,Arial,sans-serif;color:#785321;margin-bottom:20px}
.phone-frame p{font-size:16px;line-height:1.5;margin:0;text-align:center}
.phone-frame .owner-tag{margin-top:16px;font-size:16px;color:#665440}
.simple-panel{background:var(--paper);border:2px solid #d3bc90;border-radius:20px;padding:32px;margin-block:32px}
.simple-panel h2{font-size:32px}
.deletion-details{display:grid;gap:24px;margin-top:48px}
.deletion-details h3{font-size:25px}
.support-contact{display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;margin-bottom:48px}
.support-contact p{margin-bottom:0;max-width:48ch}
.faq-list{max-width:900px}
.faq{border-bottom:2px solid #d5c3a2}
.faq:first-child{border-top:2px solid #d5c3a2}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:20px 4px;font:700 21px/1.4 Atkinson,Arial,sans-serif}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font:700 30px/1 Atkinson,Arial,sans-serif;flex:none;color:#205a31}
.faq[open] summary::after{content:'−'}
.faq .answer{padding:0 44px 24px 4px;max-width:72ch}
.faq p:last-child{margin:0}
.support-links{display:flex;flex-wrap:wrap;gap:16px 32px;margin-top:32px}
.support-links a{min-height:44px;display:inline-flex;align-items:center;font-weight:700}
.not-found{text-align:center;padding-block:48px 80px;background:linear-gradient(var(--sky),var(--cream) 78%)}
.not-found .lost-cat{width:280px;height:280px;object-fit:contain;margin:0 auto 24px}
.not-found h1{max-width:none;font-size:48px}
.not-found .code{font:400 28px/1 Lilita One,Arial,sans-serif;color:#205a31;margin-bottom:16px}
.not-found .button{margin-top:12px}
.reveal{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){
  .js .reveal{transition:opacity .45s ease,transform .45s ease}
  .js .reveal.waiting{opacity:0;transform:translateY(16px)}
}
@media(min-width:1000px){.toc summary{cursor:default}.toc summary::after{display:none}}
@media(max-width:1100px){.hero-copy{width:390px}.hero h1{font-size:38px}.feature{gap:40px}.legal-layout{gap:40px;grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:899px){
  :root{--header-height:80px}
  .desktop-nav{display:none}.menu-toggle{display:flex}.header-inner{gap:16px}
  .brand,.brand img{width:144px}
  .hero-art{position:relative;display:block;aspect-ratio:16/9}
  .hero-art img{object-fit:contain;object-position:right}
  .hero-inner{min-height:0;padding-block:0 40px;justify-content:center}
  .hero-copy{width:100%;max-width:570px;margin-top:-12px;position:relative;padding:24px 28px}
  .hero-logo{width:214px}.hero h1{max-width:26ch;font-size:40px}
  .feature{gap:32px;margin-top:56px}
  .cats-grid{gap:20px}.cat-card{padding:20px 12px 16px}.cat-card img{width:140px;height:140px}.cat-card h3{font-size:23px}
  .footer-top{align-items:flex-start}.footer-bottom{display:block}.footer-bottom p+p{margin-top:16px}.footer-bottom p:last-child{text-align:left}
  .legal-layout{display:block;padding-top:24px}.toc{top:100px;margin-bottom:32px;z-index:5;max-height:55vh;overflow:auto;box-shadow:0 4px 0 #35261912}
  .legal-copy{max-width:68ch}.legal-copy h2{scroll-margin-top:190px}
  .steps{gap:24px}.phone-frame{width:174px}
  .support-contact{grid-template-columns:1fr;gap:24px}.support-contact .button{justify-self:start}
}
@media(max-width:599px){
  .wrap{width:calc(100% - 40px)}
  h1{font-size:38px}h2{font-size:32px}
  .hero-copy{padding:24px}.hero h1{font-size:36px;max-width:15ch}.hero-logo{width:210px;margin-bottom:18px}
  .hero-inner{width:calc(100% - 32px)}.hero-copy .badge-clearspace{margin-left:-15px}
  .wood-plaque{font-size:27px;padding:6px 12px}
  .how-section,.cats-section{padding-block:56px 64px}.section-heading{margin-bottom:32px}
  .feature{grid-template-columns:1fr;gap:26px;margin-top:48px}.feature.reverse .feature-image{order:0}
  .feature h3{font-size:31px}.feature p{margin:0}
  .cats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .cat-card{padding:16px 10px}.cat-card img{width:128px;height:128px;margin-bottom:14px}.cat-card h3{font-size:22px;min-height:2.25em}.cat-card p{font-size:16px}
  .cat-card:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 8px);justify-self:center}
  .download-section{padding-block:56px 64px}
  .site-footer{padding-block:32px 24px}.footer-top{display:block}.footer-brand{margin-bottom:20px}
  .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.footer-links a{padding:10px 0}
  .footer-bottom{font-size:16px}
  .page-intro{padding-block:40px 32px}.legal-layout{padding-bottom:56px}
  .legal-copy h2{font-size:28px}.owner-text{padding:16px}.legal-copy section+section{margin-top:36px}
  .content-section{padding-block:32px 56px}.steps{grid-template-columns:1fr;gap:40px;margin-block:32px 48px}
  .step .step-label{min-height:0;margin-bottom:22px}.phone-frame{width:200px}
  .simple-panel{padding:24px}.simple-panel .button{width:100%;padding:12px 16px;font-size:22px}
  .support-contact .button{width:100%;padding-inline:16px;font-size:24px}.faq summary{font-size:20px;gap:16px}.faq .answer{padding-right:8px}
  .not-found .lost-cat{width:240px;height:240px}.not-found h1{font-size:40px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal,.js .reveal.waiting{opacity:1!important;transform:none!important}.button:active{transform:none}}

/* Cinematic v5. Native scrolling throughout; no pinned story or scroll interception. */
:root{--ease-enter:cubic-bezier(.2,.9,.25,1.16);--ease-soft:cubic-bezier(.22,.61,.36,1);--enter-time:.8s;--idle-time:5s}
body{overflow-x:clip}button,a{touch-action:manipulation}.wow-scene{position:relative;isolation:isolate}.wow-scene img{user-select:none;-webkit-user-drag:none}.home-motion .site-header{position:relative}
.experience-controls{position:fixed;z-index:40;right:18px;bottom:18px;display:flex;gap:8px}.experience-controls button{min-height:44px;padding:8px 14px;background:#472710;color:#fff5df;border:3px solid #ffc928;border-radius:14px;box-shadow:0 3px 0 #20170e;font:700 16px/1.3 Atkinson,Arial,sans-serif;display:flex;align-items:center;gap:8px}.experience-controls svg{width:24px;height:24px;fill:currentColor}.experience-controls svg path:last-child{fill:none;stroke:currentColor;stroke-width:2}.experience-controls [aria-pressed=false] .sound-waves{opacity:.35}
.home-motion .button,.home-motion .carousel-arrow,.home-motion .play-badge{transition:transform .25s var(--ease-enter)}.home-motion .button:hover,.carousel-arrow:hover,.play-badge:hover{transform:scale(1.045)}.home-motion .button:active,.carousel-arrow:active,.play-badge:active{transform:scale(1.03,.94)}
.hero{border:0;background:#a8e9ff;min-height:760px;overflow:clip}.hero-visual{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-canvas{position:absolute;width:100%;height:100%;min-height:100%;inset:0;transform:translate3d(var(--parallax-x,0px),var(--parallax-y,0px),0) scale(1.025)}.hero-environment{position:absolute;inset:0;display:block}.hero-environment img{width:100%;height:100%;object-fit:fill}.env-sky{z-index:0}.env-stands{z-index:1}.env-arena{z-index:2}.env-rocks{z-index:9;pointer-events:none}
.hero-inner{min-height:760px;position:relative;pointer-events:none}.hero-copy{pointer-events:auto;width:510px;background:none;border:0;box-shadow:none;border-radius:0;padding:50px 12px;position:relative}.hero-copy::before{content:'';position:absolute;z-index:-1;inset:-80px -100px -50px -200px;background:radial-gradient(ellipse,#fff5dff7 0%,#fff5dff2 45%,#fff5df00 73%);pointer-events:none}.hero h1{font-size:clamp(42px,4.2vw,64px);line-height:1.02;max-width:16ch}.hero-copy p{font-size:22px;font-weight:700}.hero-logo{width:230px}.hero .text-link{gap:16px;color:#173d23}.hero .hero-copy .badge-clearspace{margin-left:-15px}
.hero-actor{position:absolute;z-index:6;aspect-ratio:1}.hero-idle{width:100%;height:100%;position:relative}.hero-actor img{position:absolute;inset:0;width:100%;height:100%}.hero-blink{opacity:0}.hero-knight{width:39.58%;left:36.46%;top:24.07%;z-index:7}.hero-archer{width:32.29%;left:68.23%;top:33.33%;z-index:8}.hero-mage{width:30.73%;left:53.65%;top:4.63%}.hero-robo{width:27.08%;left:75.52%;top:-2.78%;z-index:5}.orb-halo{position:absolute;z-index:5;left:76%;top:26%;width:14%;aspect-ratio:1;border-radius:50%;background:radial-gradient(#d05cff66,transparent 65%)}
.sky-cloud{position:absolute;z-index:1;width:20%;top:7%;pointer-events:none}.sky-cloud img{width:100%}.cloud-a{left:6%}.cloud-b{left:43%;width:13%;top:3%}.hero-flag{position:absolute;z-index:4;width:6.5%;top:25%;transform-origin:50% 0}.flag-left{left:6%}.flag-right{right:3%}.hero-fans{position:absolute;z-index:4;display:flex;width:20%;top:30%;align-items:end}.hero-fans span{width:27%;margin-left:-3%;transform:rotate(calc((var(--n) - 1.5)*5deg))}.fans-left{left:10%}.fans-right{right:7%}.landing-dust{position:absolute!important;z-index:8;left:57%;bottom:4%;width:18%;opacity:0}
.chapter{margin-top:-1px;min-height:990px;padding-top:130px;background:#fff5df;overflow:clip}.chapter::before{content:'';position:absolute;inset:0 0 auto;height:170px;z-index:-1;pointer-events:none}.chapter-content{min-height:470px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;position:relative;z-index:3;pointer-events:none}.chapter-copy{max-width:485px;pointer-events:auto}.copy-right{grid-column:2}.chapter h2,.finale h2{font-size:clamp(50px,6.2vw,90px);line-height:.98;letter-spacing:-.025em;margin-bottom:26px}.chapter h2 em,.finale h2 em{font-style:normal;color:#276335}.chapter-copy p{font-size:22px;line-height:1.6;font-weight:700}.eyebrow{color:#24532e;letter-spacing:2px}.chapter-figure{position:absolute;z-index:1;width:min(68vw,980px);top:20px;pointer-events:none}.chapter-figure.from-left{left:-12%}.chapter-figure.from-right{right:-12%}.portrait-pair{position:relative;width:100%;aspect-ratio:1}.portrait-pair img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.portrait-blink{opacity:0}.draft-chapter{background:linear-gradient(#a7e6ed 0%,#fff4d6 19%,#fff2d9 80%,#e0e5fd)}
.draft-fan{position:relative;z-index:4;display:flex;justify-content:center;gap:22px;margin:35px 0 90px;padding-inline:30px}.dealt-card{width:190px;height:265px;perspective:1000px;transform:rotate(calc((var(--n) - 1)*8deg));transition:transform .6s var(--ease-enter)}.dealt-card:nth-child(2){transform:translateY(-16px)}.card-flip{position:relative;height:100%;transform-style:preserve-3d}.card-face,.card-back{position:absolute;inset:0;backface-visibility:hidden;border:20px solid transparent;border-image:url('./wow/frame.webp') 55 / 20px stretch;background:url('./wow/card-wood.webp') center/100% 100%;border-radius:20px;display:flex;align-items:center;justify-content:center}.card-back{transform:rotateY(180deg);background:#32568e;color:#ffc928;font-size:80px}.card-face img{position:absolute;width:190px;height:190px;max-width:none;top:0}.card-name{position:absolute;bottom:-30px;width:210px;min-height:64px;display:flex;align-items:center;justify-content:center;background:url('./wow/nameplate.webp') center/100% 100%;padding:10px 18px;color:#fff5df;text-shadow:2px 2px #291b10,-2px -2px #291b10;font:400 21px/1.1 Lilita One,Arial;text-align:center}
.battle-chapter{min-height:1160px;background:linear-gradient(#e0e5fd,#cbe9ef 42%,#b8d8c7 82%,#b9d5bc)}.battle-chapter .chapter-figure{top:0;width:min(68vw,940px);right:-9%}.battle-chapter .chapter-content{align-items:start;padding-top:50px;min-height:380px}.battle-chapter h2 em{color:#583488}.mini-battle{position:relative;z-index:5;width:min(980px,calc(100% - 64px));aspect-ratio:1.65;margin:45px auto 110px;background:#ead795;overflow:hidden;border:7px solid #ffc928;border-radius:46% 46% 28px 28px;box-shadow:0 0 0 5px #342416,0 15px 0 #34241625;contain:layout paint}.battle-ground{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%;opacity:.82}.battle-team-tag{position:absolute;top:25%;padding:5px 14px;font:400 17px/1.3 Lilita One;color:#fff5df;border:3px solid #33291c;border-radius:12px}.tag-blue{left:12%;background:#224d7d}.tag-red{right:10%;background:#853c30}.combatant{position:absolute;width:20%;aspect-ratio:1;z-index:3;left:20%;top:50%;transform:translate(-50%,-50%)}.combatant.red{transform:translate(-50%,-50%) scaleX(-1)}.atlas{display:block;position:relative;width:100%;aspect-ratio:1;overflow:hidden}.atlas img{position:absolute;max-width:none;width:400%;height:200%;inset:0;object-fit:fill;transform:translate(0,0);will-change:transform}.flying-arrow{position:absolute;left:35%;top:40%;z-index:6;font-size:44px;line-height:1;color:#eee5c0;-webkit-text-stroke:2px #3d2b1c;opacity:0}.arrow-red{color:#ffc85c}.flying-fireball{position:absolute;width:18%;left:40%;top:32%;z-index:5;opacity:0}.battle-hit,.battle-smoke{position:absolute;width:23%;left:47%;top:40%;z-index:7;opacity:0}
.lands-chapter{min-height:1210px;background:linear-gradient(#b9d5bc,#e1edd1 45%,#f3efd6)}.lands-chapter .chapter-figure{top:10px;left:-10%;width:min(68vw,940px)}.land-carousel{position:relative;z-index:5;width:min(1320px,100%);margin:65px auto 50px}.land-carousel-top{display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:20px}.land-carousel-top h3{margin:0}.carousel-arrow{width:50px;height:50px;border:4px solid #ffc928;border-radius:13px;background:#663316;color:#fff5df;font:400 30px/1 Lilita One;box-shadow:0 0 0 2px #352619}.land-carousel-top>div{display:flex;gap:12px}.land-track{display:flex;gap:30px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:125px 50px 32px;scrollbar-color:#996320 #f7ddb1;scrollbar-width:thin;cursor:grab;touch-action:pan-x pan-y}.land-track.dragging{scroll-snap-type:none;cursor:grabbing}.land-card{position:relative;flex:0 0 270px;scroll-snap-align:center;background:none;border:0;padding:0;margin:0 4px;transition:transform .5s var(--ease-enter);color:#fff5df}.land-card.active{transform:scale(1.065)}.land-image{display:block;position:relative;z-index:2;border:7px solid #ffd232;border-radius:50%;overflow:hidden;aspect-ratio:1;box-shadow:0 0 0 4px #352619}.land-image>img{width:100%;height:100%;object-fit:cover}.land-cat{position:absolute;width:160px;height:160px;top:-70px;left:55px;z-index:1;transform:translateY(70px) scale(.8);opacity:0;transition:transform .65s var(--ease-enter),opacity .4s}.land-card.active .land-cat{transform:translateY(0);opacity:1}.land-name{position:relative;z-index:3;margin:-54px -18px 0;min-height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#66331610,#66331610),url('./wow/nameplate.webp') center/100% 100%;padding:14px 24px;font:400 27px/1 Lilita One;text-shadow:2px 2px #352619,-2px -2px #352619}.carousel-hint{text-align:center;color:#554b32;font-weight:700;font-size:16px;margin-top:10px}
.cats-section{padding:110px 0 120px;border:0;background:linear-gradient(#f3efd6,#e6f0d0 25%,#d6e8be)}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:65px 32px}.showcase-card{text-align:center;min-width:0;position:relative}.cat-action{display:block;width:100%;aspect-ratio:1;position:relative;background:none;border:0;padding:0;border-radius:50%}.showcase-card .portrait-pair{position:absolute;inset:0;z-index:2;transition:opacity .15s}.faction-aura{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(#e7bf47a8,#e7bf4700 70%);opacity:.3;transform:scale(.9);transition:opacity .4s,transform .4s}.showcase-card[data-faction=Arcane] .faction-aura{background:radial-gradient(#af86ed99,transparent 70%)}.showcase-card[data-faction=Mechanica] .faction-aura{background:radial-gradient(#5ecbeaaa,transparent 70%)}.showcase-card[data-faction=Wildwood] .faction-aura{background:radial-gradient(#61b65799,transparent 70%)}.showcase-card.attacking .faction-aura{opacity:1;transform:scale(1.25)}.gallery-attack{position:absolute;inset:0;opacity:0;z-index:3}.showcase-card.attacking .gallery-attack{opacity:1}.showcase-card.attacking .portrait-pair{opacity:0}.cat-plaque{position:relative;z-index:5;background:linear-gradient(#66331666,#66331666),url('./images/wood.webp') center/500px;border:16px solid transparent;border-image:url('./images/gold-frame.webp') 52 / 16px stretch;padding:8px 10px;min-height:115px;color:#fff5df}.cat-plaque h3{font-size:25px;min-height:2.24em;display:flex;align-items:center;justify-content:center;margin:0 0 4px}.cat-plaque p{font-weight:700;margin:0;font-size:16px}
.finale{min-height:920px;padding:135px 0 420px;text-align:center;background:linear-gradient(#d6e8be,#a0e0f0 42%,#c0edff);overflow:clip}.finale-copy{position:relative;z-index:5}.finale h2{font-size:clamp(52px,6vw,88px);margin-inline:auto}.finale h2 em{color:#234f2e}.finale-copy p{font-size:22px;font-weight:700}.finale-army{position:absolute;bottom:10px;width:100%;height:380px;display:flex;justify-content:center;align-items:end;z-index:4}.army-cat{position:relative;width:13%;flex:0 0 13%;margin:0 -3.1%;transform:translateY(calc((var(--n) - 6)*4px))}.army-cat:nth-child(2n){align-self:center}.army-cat img{width:100%}.confetti{position:absolute;z-index:3;width:50%;top:0;pointer-events:none;opacity:0}.confetti-one{left:0}.confetti-two{right:0;top:90px}
@keyframes enter-left{from{opacity:0;transform:translate3d(-110px,35px,0) rotate(-9deg)}to{opacity:1;transform:translate3d(0,0,0) rotate(0)}}
@keyframes enter-right{from{opacity:0;transform:translate3d(110px,25px,0) rotate(8deg)}to{opacity:1;transform:translate3d(0,0,0) rotate(0)}}
@keyframes mage-drop{from{opacity:0;transform:translateY(-160px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes breathe{0%,100%{transform:rotate(-1deg) scale(1,.995)}50%{transform:rotate(1deg) scale(1,1.012)}}
@keyframes levitate{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}
@keyframes clouds{from{transform:translateX(-12px)}to{transform:translateX(35px)}}
@keyframes flag-wave{0%,100%{transform:skewY(-3deg) scaleX(.97)}50%{transform:skewY(3deg) scaleX(1.025)}}
@keyframes cheer{0%,70%,100%{transform:translateY(0)}80%{transform:translateY(-8px)}}
@keyframes blink{0%,44%,48%,100%{opacity:0}45%,47%{opacity:1}}
@keyframes open-eyes{0%,44%,48%,100%{opacity:1}45%,47%{opacity:0}}
@keyframes logo-bounce{0%{transform:scale(.92) rotate(-3deg)}60%{transform:scale(1.04) rotate(1deg)}100%{transform:scale(1)}}
@keyframes deal{from{opacity:0;transform:translateY(90px) rotate(-20deg)}to{opacity:1;transform:translateY(0) rotateY(0)}}
@keyframes flip-card{0%,25%{transform:rotateY(180deg)}100%{transform:rotateY(0)}}
@keyframes chosen-card{0%,80%,100%{transform:translateY(-16px)}86%{transform:translateY(-32px) scale(1.04)}92%{transform:translateY(-12px)}}
@keyframes plaque-drop{from{transform:translateY(-25px) rotate(-4deg)}70%{transform:rotate(2deg)}to{transform:translateY(0) rotate(0)}}
@keyframes badge-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
.wow-ready .hero-knight{animation:enter-left .85s var(--ease-enter) .1s both}.wow-ready .hero-archer{animation:enter-right .8s var(--ease-enter) .24s both}.wow-ready .hero-mage{animation:mage-drop .9s var(--ease-enter) .4s both}.wow-ready .hero-robo{animation:enter-right .9s var(--ease-enter) .55s both}.wow-ready .hero-logo{animation:logo-bounce .75s var(--ease-enter)}
.wow-ready .hero-idle,.wow-ready .portrait-pair{animation:breathe 5.5s ease-in-out infinite;transform-origin:50% 85%}.wow-ready .hero-robo .hero-idle{animation:levitate 4.8s ease-in-out infinite}.wow-ready .hero-blink,.wow-ready .portrait-blink{animation:blink 7.3s steps(1) infinite}.wow-ready .hero-open,.wow-ready .portrait-open{animation:open-eyes 7.3s steps(1) infinite}.hero-archer .hero-open,.hero-archer .hero-blink{animation-delay:1.3s!important}.hero-mage .hero-open,.hero-mage .hero-blink{animation-delay:2.2s!important}.showcase-card:nth-child(2n) .portrait-pair img{animation-delay:1.7s!important}
.wow-ready .sky-cloud{animation:clouds 17s ease-in-out infinite alternate}.wow-ready .cloud-b{animation-duration:24s;animation-delay:-8s}.wow-ready .hero-flag{animation:flag-wave 3.7s ease-in-out infinite}.wow-ready .flag-right{animation-delay:-1.6s}.wow-ready .hero-fans span{animation:cheer 6s ease-in-out infinite;animation-delay:calc(var(--n)*.6s)}
.wow-ready .chapter-figure{opacity:0;transition:opacity .8s var(--ease-soft),transform .9s var(--ease-enter)}.wow-ready .chapter-figure.from-left{transform:translateX(-22%)}.wow-ready .chapter-figure.from-right{transform:translateX(22%)}.wow-ready .in-view .chapter-figure{transform:translateX(0);opacity:1}.wow-ready .in-view .wood-plaque{animation:plaque-drop .7s var(--ease-enter) both}.wow-ready .draft-chapter.in-view .card-flip{animation:flip-card .8s var(--ease-enter) calc(var(--n)*.2s) both}.wow-ready .draft-chapter.in-view .dealt-card{animation:deal .75s var(--ease-enter) calc(var(--n)*.16s) both}.wow-ready .draft-chapter.in-view .dealt-card:nth-child(2){animation:chosen-card 6s ease-in-out 1.2s infinite}.wow-ready .army-cat{opacity:0;translate:calc(var(--side)*130vw) 0;transition:translate .85s var(--ease-enter),opacity .5s;transition-delay:calc(var(--n)*.045s)}.wow-ready .finale.in-view .army-cat{opacity:1;translate:0 0}.wow-ready .finale.in-view .play-badge{animation:badge-pulse 4s ease-in-out 1.2s infinite}
/* Every animation remains frozen outside its visible scene, on pause and in hidden tabs. */
.wow-ready .chapter.has-entered .chapter-figure{opacity:1;transform:none}.hero-robo{left:72.5%;top:2%}.light-motion .hero-fans span:nth-child(even){animation:none!important}.light-motion .sky-cloud{animation-duration:35s}.carousel-arrow:disabled{opacity:.45;cursor:default}.site-footer{padding-bottom:85px}
.flying-arrow{width:90px}.flying-arrow img{width:100%;height:auto;object-fit:contain}.hero .hero-blink{pointer-events:none}
.wow-ready .finale.has-entered .army-cat{opacity:1;translate:0 0}.wow-ready .wow-scene:not(.in-view) *,.motion-paused .wow-scene *,.tab-hidden .wow-scene *{transition:none!important}
@media(max-width:699px){.hero{background:#fff5df}.hero-fans{top:27%}.hero-flag{top:24%}.hero-robo{left:62.5%;top:1.04%}.experience-controls button{width:44px;height:44px;justify-content:center;padding:7px}.experience-controls button>span:last-child{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.experience-controls #motion-toggle>span:first-child{font-size:20px}.flying-arrow{width:45px}}
.wow-ready .wow-scene:not(.in-view) *,.motion-paused .wow-scene *,.tab-hidden .wow-scene *{animation-play-state:paused!important}
.motion-paused .chapter-figure,.reduced-motion .chapter-figure{opacity:1!important;transform:none!important}.motion-paused .hero-actor,.reduced-motion .hero-actor{animation:none!important;opacity:1!important;transform:none!important}.motion-paused .army-cat,.reduced-motion .army-cat{opacity:1!important;translate:0 0!important;transition:none!important}.motion-paused .card-flip{animation:none!important;transform:none!important}
@media(min-width:1700px){.hero,.hero-inner{min-height:900px}.hero-copy{width:530px}.chapter{min-height:1100px}.battle-chapter{min-height:1260px}}
@media(max-width:1000px) and (min-width:700px){.hero-copy{width:390px}.hero h1{font-size:44px}.hero-actor{margin-top:180px}.hero-archer{left:65%}.hero-mage{left:48%}.hero-robo{left:70%}.hero,.hero-inner{min-height:780px}.chapter-figure{top:130px}.chapter-content{gap:30px}.chapter-copy p{font-size:20px}.chapter h2{font-size:57px}.showcase-grid{gap:40px 20px}.cat-plaque h3{font-size:22px}}
@media(max-width:699px){.experience-controls{right:10px;bottom:10px;gap:6px}.experience-controls button{padding:8px 10px;font-size:14px}.experience-controls svg{width:20px;height:20px}.hero{min-height:0}.hero-visual{position:relative;inset:auto;height:350px;z-index:0;background:#a8e9ff}.hero-visual::after{content:'';position:absolute;inset:auto 0 0;height:45px;background:linear-gradient(transparent,#fff5df);z-index:15}.hero-canvas{height:177.7778vw;min-height:0;transform:none}.hero-inner{min-height:0;padding:0 0 35px;text-align:center;background:#fff5df}.hero-copy{width:100%;padding:8px 0 5px}.hero-copy::before{display:none}.hero-logo{width:155px;margin:0 auto 16px}.hero h1{font-size:39px;max-width:none;margin-bottom:14px}.hero-copy p{font-size:18px}.hero-copy .badge-clearspace{margin:0!important}.hero .text-link{margin-top:0}.hero-knight{width:54.63%;left:-.93%;top:17.71%}.hero-archer{width:49.07%;left:54.63%;top:20.83%}.hero-mage{width:47.22%;left:24.54%;top:4.17%}.hero-robo{width:41.67%;left:62.5%;top:1.04%}.hero-fans{top:18%;width:28%}.fans-left{left:0}.fans-right{right:0}.hero-flag{top:15%;width:9%}.sky-cloud{top:3%;width:25%}.cloud-b{left:43%;top:1%}.orb-halo{top:12%;left:55%;width:20%}.hero .env-rocks{opacity:.7}.chapter{padding-top:45px;min-height:1050px}.chapter-figure,.lands-chapter .chapter-figure,.battle-chapter .chapter-figure{top:0;width:430px;max-width:115vw;left:-45px;right:auto;opacity:1}.battle-chapter .chapter-figure{left:auto;right:-45px;top:-12px}.chapter-content{padding-top:355px!important;display:block;min-height:0}.chapter-copy{max-width:100%;position:relative;z-index:3;background:linear-gradient(#fff5df00,#fff5dfbb 17%,#fff5df00);padding:14px 0}.chapter h2{font-size:55px;margin-bottom:20px}.chapter-copy p{font-size:18px;line-height:1.6}.eyebrow{font-size:16px;margin-bottom:10px}.draft-fan{margin-top:30px;gap:8px;padding:0 24px}.dealt-card{width:105px;height:155px}.card-face,.card-back{border-width:12px;border-image-width:12px}.card-face img{width:105px;height:105px;top:0}.card-name{width:124px;min-height:53px;bottom:-25px;padding:7px 13px;font-size:15px}.battle-chapter{min-height:1090px}.mini-battle{width:calc(100% - 30px);margin-top:35px;margin-bottom:75px;aspect-ratio:1.15;border-width:5px}.battle-team-tag{font-size:11px;padding:4px 7px;top:23%}.tag-blue{left:8%}.tag-red{right:6%}.combatant{width:26%}.flying-arrow{font-size:25px;-webkit-text-stroke:1px #3d2b1c}.flying-fireball{width:23%}.battle-hit,.battle-smoke{width:30%}.lands-chapter{min-height:1190px}.land-carousel{margin-top:15px}.land-carousel-top{padding:0 22px}.land-carousel-top h3{font-size:24px;border-width:14px;border-image-width:14px;padding:5px 8px;max-width:205px}.land-carousel-top>div{gap:8px}.carousel-arrow{width:44px;height:44px;border-width:3px}.land-track{gap:25px;padding:115px 35px 30px}.land-card{flex-basis:235px}.land-cat{left:42px;width:150px;height:150px}.land-name{font-size:24px;min-height:73px}.cats-section{padding:80px 0}.cats-section>.wrap{width:100%}.section-heading{padding-inline:22px;margin-bottom:22px}.showcase-grid{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;padding:15px 32px 35px;scrollbar-color:#996320 #f7ddb1}.showcase-card{flex:0 0 min(76vw,330px);scroll-snap-align:center}.cat-plaque h3{font-size:25px}.cat-plaque{min-height:120px}.finale{min-height:800px;padding:90px 0 280px}.finale h2{font-size:54px}.finale-copy p{font-size:18px}.finale-army{height:260px;width:125%;left:-12.5%;bottom:25px;flex-wrap:wrap;align-content:end}.army-cat{width:25%;flex-basis:25%;margin:-35px -5.5%}.confetti{width:80%;top:20px}.confetti-two{top:300px}.showcase-card .gallery-attack{inset:0}.wow-ready .chapter-figure.from-left{transform:translateX(-10%)}.wow-ready .chapter-figure.from-right{transform:translateX(10%)}.wow-ready .in-view .chapter-figure{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.wow-ready .chapter-figure{opacity:1!important;transform:none!important}.hero-actor{opacity:1!important;transform:none!important}.wow-ready .army-cat{opacity:1!important;translate:0 0!important}.card-flip{transform:none!important}.hero-blink,.portrait-blink{opacity:0!important}.hero-open,.portrait-open{opacity:1!important}.hero-canvas{transform:none!important}.hero .env-rocks{opacity:1}.experience-controls #motion-toggle{display:none}.faction-aura{transform:none!important}}

.fighter-mage{width:17%}@media(max-width:699px){.fighter-mage{width:22%}}
.hero-idle:not(.blink-ready) .hero-open{animation:none!important;opacity:1}.hero-idle:not(.blink-ready) .hero-blink{animation:none!important;opacity:0}
@media(max-width:699px){.hero-environment{bottom:auto}.env-sky{top:0;height:25%}.env-stands{top:19.7917%;height:19.2708%}.env-arena{top:34.375%;height:16.1458%}.env-rocks{top:42.7083%;height:7.8125%}}
@keyframes orb-pulse{0%,100%{transform:scale(.92);opacity:.55}50%{transform:scale(1.08);opacity:.9}}
.wow-ready .orb-halo{animation:orb-pulse 4.8s ease-in-out infinite}
@media(max-width:699px){.landing-dust{left:32.4074%;top:36.4583%;bottom:auto;width:23.1481%}.card-name{font-size:16px}}

.combatant.blue{transform:translate(-50%,-50%) scaleX(-1)}.combatant.red{transform:translate(-50%,-50%) scaleX(1)}.combatant.blue.fighter-knight{left:43%;top:58%}.combatant.red.fighter-knight{left:57%;top:58%}.combatant.blue.fighter-archer{left:30%;top:74%}.combatant.red.fighter-archer{left:70%;top:74%}.combatant.blue.fighter-mage{left:20%;top:44%}.combatant.red.fighter-mage{left:80%;top:44%}
@media(max-width:699px){.hero-visual{height:min(350px,89.8148vw)}}