:root{--navy:#000839;--cyan:#09b6fd;--blue:#4877fb;--violet:#7a56fb;--pale:#f1f7fd;--ink:#283966}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--navy);background:var(--pale);font:600 16px/1.65 Nunito,Arial,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Fredoka,"Arial Rounded MT Bold",sans-serif;font-weight:600;line-height:1.08}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}a:focus-visible{outline:3px solid #873900;outline-offset:6px;border-radius:6px}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;left:20px;top:-100px;padding:12px;background:white;z-index:10}.skip:focus{top:12px}.world{position:relative;isolation:isolate;background:#dff4ff}.world::before,.world::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.world::before{background:url('arena.webp') 100% 32%/62% auto no-repeat;-webkit-mask:linear-gradient(90deg,transparent,#000 45%) 100% 0/62% 100% no-repeat;mask:linear-gradient(90deg,transparent,#000 45%) 100% 0/62% 100% no-repeat}.world::after{background:linear-gradient(90deg,#eaf7ff 0%,#e8f5ffe8 30%,#e9f8ff55 64%,#d8f4ff22)}.header{height:120px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.brand{display:block;width:164px}.header nav{display:flex;gap:40px;margin-left:auto;margin-right:65px;font-weight:800}.header nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}.language{display:flex;align-items:center;background:#ffffffd9;border:1px solid #b6cde6;border-radius:25px;padding:4px;gap:2px;font-size:13px;font-weight:800}.language>*{padding:5px 11px}.language span{background:var(--navy);color:white;border-radius:18px}.hero{min-height:740px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;padding-block:25px 105px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;line-height:1.5;color:#304d7e}.dot{display:inline-block;width:7px;height:7px;background:#087eb4;border-radius:50%;margin-right:7px}.game-name{font-family:Fredoka,sans-serif;font-size:27px;color:#315cc9;margin-top:28px}h1{font-size:clamp(56px,5.4vw,78px);letter-spacing:-2px;margin-top:8px}h1 span{color:#475bce}.lead{font-size:19px;line-height:1.6;margin-top:23px;color:var(--ink)}.play-button{display:inline-flex;gap:14px;align-items:center;margin-top:28px;padding:17px 23px;border:2px solid #ffdc80;border-radius:18px;background:linear-gradient(#ffd164,#ffb338);box-shadow:0 5px 0 #b96617,0 12px 22px #9b721626;font-size:17px;font-weight:800;line-height:1.35;transition:transform .2s}.play-button small{display:block;font-size:9px;letter-spacing:1.2px;margin-bottom:3px}.play-symbol{font-size:30px}.play-button:hover,.support-button:hover{transform:translateY(-4px)}.platform{font-size:11px;margin-top:16px;color:#425479}.explore{display:inline-flex;gap:20px;font-size:13px;font-weight:800;margin-top:25px}.hero-scene{height:610px;position:relative;min-width:0}.orbit{position:absolute;inset:75px -5px 30px -45px;border-radius:50%;background:radial-gradient(ellipse,#ffffffa6,#ffffff00 70%)}.hero-knight{position:absolute;width:345px;left:-65px;bottom:3px;z-index:2;filter:drop-shadow(0 20px 18px #26387833);transform:rotate(-7deg)}.phone{position:absolute;width:264px;right:18px;top:22px;border:8px solid #0a153b;border-radius:40px;padding:3px;background:#0a153b;transform:rotate(7deg);box-shadow:14px 24px 0 #052e5f1a,0 28px 45px #00195240;overflow:hidden;z-index:1}.phone img{border-radius:27px}.speaker{position:absolute;top:8px;left:35%;width:30%;height:15px;border-radius:0 0 12px 12px;background:#0a153b}.floating-label{position:absolute;bottom:-12px;right:12px;background:white;border:2px solid #c6e8ff;border-radius:18px;padding:13px 20px;font-size:13px;font-weight:800;box-shadow:0 7px 0 #bddff080;transform:rotate(-4deg);z-index:3}.floating-label span{color:#bf6e00;font-size:23px;margin-right:8px}.spark{position:absolute;color:#ffcb45;text-shadow:0 2px 0 #b4790e;font-size:46px}.spark-one{left:20px;top:40px}.spark-two{right:-7px;bottom:86px;font-size:32px}.cloud-divider{height:45px;position:absolute;bottom:-1px;left:0;right:0;background:radial-gradient(ellipse at 50% 100%,var(--pale) 69%,transparent 70%) 0 0/190px 80px repeat-x}.section{padding-block:90px}.section-heading{text-align:center;margin-bottom:38px}.section-heading h2{margin-top:13px}.section-heading>p:last-child:not(.eyebrow){margin-top:15px;color:#435576}h2{font-size:42px;letter-spacing:-.8px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.mode{position:relative;isolation:isolate;overflow:hidden;min-height:350px;border-radius:30px;border:3px solid white;box-shadow:0 8px 0 #d6e3f0,0 16px 30px #0008390a;transition:transform .25s}.mode:hover{transform:translateY(-6px)}.duel{background:radial-gradient(ellipse at 95% 30%,#70d9ff,#276bdf 65%);color:white}.tower{background:radial-gradient(ellipse at 90% 40%,#c8b7ff,#6751d6 70%);color:white}.mode-copy{position:relative;z-index:2;padding:30px}.pill{font-size:10px;letter-spacing:1.3px;font-weight:800;background:#00083966;padding:7px 11px;border-radius:30px}.mode h3{font-size:38px;margin-top:23px;text-shadow:0 2px 2px #00083920}.mode p{font-size:14px;line-height:1.6;margin-top:15px;text-shadow:0 1px 3px #00083990}.mode-tag{display:inline-flex;gap:12px;font-size:11px;margin-top:24px;font-weight:800;background:#00083999;padding:7px 12px;border-radius:10px}.mode img{position:absolute;width:260px;bottom:-24px;right:-25px;z-index:1;filter:drop-shadow(0 10px 10px #00083940)}.tower img{width:300px;bottom:18px;right:-36px}.daily{background:#e6effb;border-block:1px solid #dbe7f6}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{text-align:center;background:#ffffffb3;border:2px solid white;border-radius:26px;padding:15px 12px 23px;box-shadow:0 5px 0 #d6e3f1}.feature-art{height:140px;display:flex;align-items:center;justify-content:center}.feature-art>img{max-height:120px;width:auto;max-width:170px;object-fit:contain}.feature h3{font-size:23px}.feature p{font-size:13px;line-height:1.65;color:#425476;margin-top:12px}.feature>span{display:inline-block;font-size:9px;letter-spacing:1.1px;font-weight:800;color:#405686;margin-top:22px}.avatar-pair>img{width:86px;transform:rotate(-10deg)}.avatar-pair>img+img{margin-left:-18px;transform:rotate(10deg) translateY(12px)}.studio{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center;padding-block:110px}.studio-art{position:relative;text-align:center}.studio-disc{display:grid;place-items:center;width:330px;height:260px;margin:auto;background:radial-gradient(ellipse,#d9d9ff,#e7f1ff 70%);border-radius:48% 52% 40% 60%;transform:rotate(-8deg)}.studio-disc img{width:285px;transform:rotate(8deg)}.studio-art>p{font-family:Fredoka,sans-serif;font-size:22px;transform:rotate(-5deg);margin-top:10px;color:#4d60ad}.studio-star{position:absolute;top:-5px;right:40px;font-size:50px;color:#c28207}.studio-copy h2{margin:15px 0 23px}.studio-copy>p:not(.eyebrow){color:#435576;margin-bottom:16px;max-width:470px}.text-link{display:inline-flex;gap:20px;color:#3048ab;font-weight:800;font-size:14px;margin-top:10px}.launch{background:linear-gradient(110deg,#17245c,#45398d);border:3px solid white;border-radius:28px;color:white;display:flex;gap:25px;align-items:center;padding:32px 38px;box-shadow:0 7px 0 #d6e3f1}.launch img{width:74px;border-radius:20px}.launch .eyebrow{color:#b8eaff;font-size:9px}.launch h2{font-size:29px;margin:6px 0}.launch p:not(.eyebrow){font-size:13px;color:#e0e5ff}.launch-link{margin-left:auto;white-space:nowrap;font-size:12px;font-weight:800;border:1px solid #b2b6e1;padding:12px 16px;border-radius:12px}.support{display:flex;align-items:center;gap:25px;padding-block:80px}.speech{display:grid;place-items:center;width:60px;height:60px;background:#d7edff;border:2px solid white;border-radius:24px 24px 7px 24px;font-family:Fredoka,sans-serif;font-size:35px;color:#3452ad;flex-shrink:0}.support h2{font-size:30px;margin:7px 0}.support p:not(.eyebrow){font-size:13px;color:#435576}.support .eyebrow{font-size:9px}.support-button{margin-left:auto;white-space:nowrap;border:2px solid #d6dff5;border-radius:14px;padding:15px 20px;background:white;box-shadow:0 4px 0 #d6e3f1;font-size:14px;font-weight:800;transition:transform .2s}.support-button span{margin-left:15px}footer{background:#e4ecf8;border-top:1px solid #d5e0f0}.footer-inner{padding-block:30px;display:flex;align-items:center;gap:30px}.footer-inner .brand{width:110px;flex-shrink:0}.footer-inner nav{display:flex;flex-wrap:wrap;gap:23px;margin-left:auto;font-size:11px;font-weight:800}.footer-inner nav a:hover{text-decoration:underline}.footer-inner>p{font-size:10px;white-space:nowrap;color:#435576}
@media(min-width:1450px){.world::before{background-size:900px auto;-webkit-mask-size:900px 100%;mask-size:900px 100%}.hero{min-height:780px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.hero-knight{left:-30px;width:285px}.phone{right:0;width:235px}.hero-scene{height:560px}.hero h1{font-size:62px}.mode-copy{padding:25px}.mode img{right:-65px;opacity:.85}.tower img{right:-75px}.mode h3{font-size:33px}.feature h3{font-size:20px}.studio{gap:40px}.footer-inner{flex-wrap:wrap}.footer-inner>p{width:100%;text-align:right}.launch{padding:28px}.launch-link{white-space:normal;text-align:center}.support{gap:18px}.support-button{font-size:12px}}
@media(max-width:760px){.world::before,.world::after{display:none}.wrap{width:calc(100% - 36px)}.header{height:95px;flex-wrap:wrap;align-content:center;row-gap:10px}.header .brand{width:116px}.header nav{order:3;width:100%;justify-content:center;margin:0;gap:36px;font-size:12px}.language{margin-left:auto;font-size:11px}.language>*{padding:3px 9px}.world{background:linear-gradient(#eaf7fff2 0%,#e8f5ffda 40%,#e9f8ff22 65%),url('arena.webp') center/cover no-repeat,#e7f6ff}.hero{grid-template-columns:1fr;padding-block:30px 75px;text-align:center;min-height:0}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.game-name{font-size:23px;margin-top:19px}.hero h1{font-size:55px;letter-spacing:-1.5px;margin-top:8px;line-height:1.02}.hero h1 br:nth-of-type(1){display:none}.hero .lead{font-size:16px;margin-top:18px}.play-button{font-size:14px;margin-top:22px;padding:14px 18px;text-align:left;border-radius:15px}.play-button small{font-size:8px}.play-symbol{font-size:24px}.platform{font-size:10px;margin-top:14px}.explore{font-size:11px;margin-top:16px}.hero-scene{height:440px;width:100%;margin:20px auto 0;max-width:430px}.phone{width:194px;top:12px;right:23px;border-width:6px;border-radius:30px}.phone img{border-radius:21px}.speaker{height:11px}.hero-knight{width:235px;left:-7px;bottom:15px}.floating-label{bottom:0;right:13px;font-size:10px;padding:9px 13px;border-radius:13px}.floating-label span{font-size:17px}.spark-one{left:20px;top:24px;font-size:30px}.spark-two{right:3px;bottom:55px;font-size:24px}.section{padding-block:57px}.section-heading{margin-bottom:27px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.3px}h2{font-size:33px;letter-spacing:-.5px}.section-heading h2{margin-top:12px}.section-heading>p:last-child:not(.eyebrow){font-size:13px;margin-top:12px}.mode-grid{grid-template-columns:1fr;gap:23px}.mode{min-height:315px;border-radius:25px}.mode-copy{padding:25px 21px}.mode h3{font-size:32px}.mode p{font-size:12px}.pill{font-size:8px}.mode img{width:225px;right:-45px;bottom:-18px;opacity:1}.mode-tag{font-size:10px}.tower img{width:240px;right:-53px;bottom:24px}.feature-grid{grid-template-columns:1fr 1fr;gap:12px}.feature{padding:7px 6px 18px;border-radius:21px}.feature-art{height:112px}.feature-art>img{max-height:95px;max-width:130px}.feature h3{font-size:19px}.feature p{font-size:11px;margin-top:9px;line-height:1.6}.feature p br{display:none}.feature>span{font-size:7px;letter-spacing:.7px;margin-top:16px}.avatar-pair>img{width:65px}.studio{grid-template-columns:1fr;gap:37px}.studio-disc{width:280px;height:210px}.studio-disc img{width:245px}.studio-art>p{font-size:20px}.studio-star{right:20px;font-size:38px}.studio-copy{text-align:center}.studio-copy .eyebrow{font-size:9px}.studio-copy>p:not(.eyebrow){font-size:14px}.studio-copy h2{margin:14px 0 20px}.launch{padding:27px 20px;flex-wrap:wrap;gap:17px;text-align:center;justify-content:center;border-radius:24px}.launch img{width:65px}.launch>div{width:100%}.launch h2{font-size:26px}.launch .eyebrow{font-size:8px;letter-spacing:1.2px}.launch p:not(.eyebrow){font-size:12px}.launch-link{margin:0}.support{flex-direction:column;text-align:center;gap:18px;padding-block:55px}.support h2{font-size:30px}.support-button{margin:0;font-size:14px}.support .eyebrow{font-size:8px;letter-spacing:1px}.footer-inner{justify-content:center;gap:20px;padding-block:28px}.footer-inner .brand{width:130px}.footer-inner nav{margin:0;justify-content:center;gap:15px 23px;line-height:1.5}.footer-inner>p{text-align:center}.speech{width:50px;height:50px;font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Keep the game world visible while giving navigation a stable contrast surface. */
.header-controls{display:flex;align-items:center;gap:28px;margin-left:auto;padding:10px 12px 10px 28px;background:rgba(255,255,255,.96);border:1px solid #fff;border-radius:40px;box-shadow:0 6px 24px #00083912;backdrop-filter:blur(14px)}
.header-controls nav{margin:0;gap:32px;color:var(--navy)}
.header-controls .language{background:#f1f7fd;color:var(--navy)}
.lead,.platform,.feature p,.studio-copy>p:not(.eyebrow),.support p:not(.eyebrow),.launch p:not(.eyebrow){font-weight:400}
@media(max-width:760px){.world::before,.world::after{display:none}.header-controls{display:contents}.header-controls nav{padding:5px 14px;background:rgba(255,255,255,.96);border:1px solid white;border-radius:24px;gap:36px}.header-controls .language{background:#fff}}

/* Shared document layout; D1 home styles above remain unchanged. */
.document{max-width:72ch;padding-block:65px 90px;min-height:60vh;overflow-wrap:anywhere}.document h1{font-size:clamp(38px,6vw,60px);margin:12px 0 20px}.document h2{font-size:28px;margin:36px 0 16px}.document p{margin:18px 0;font-weight:400}.document a{color:#3048ab;text-decoration:underline;text-underline-offset:3px}.document .updated{font-size:14px;color:#435576}.toc{padding:22px 26px;border:2px solid white;border-radius:22px;background:#e6effb;margin:28px 0}.toc h2{font-size:22px;margin:0 0 12px}.toc a{display:block;margin:6px 0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:15px}th,td{border:1px solid #c4d5eb;padding:12px;vertical-align:top}thead{background:#dceaff}tbody th{width:28%;background:#eaf2fc}td{font-weight:400}@media(max-width:760px){.world::before,.world::after{display:none}.document{padding-block:40px 60px}.document h1{letter-spacing:-1px}.document h2{font-size:26px}.hero h1{overflow-wrap:normal}}

/* Self-hosted fonts */
/* latin-ext */
@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/fredoka-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/fredoka-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/nunito-400-800-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/nunito-400-800-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/nunito-400-800-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/nunito-400-800-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/nunito-400-800-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/nunito-400-800-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* End self-hosted fonts */
.document li{font-weight:400;margin-block:8px}.document strong{font-weight:800}.table-scroll{max-width:100%}.document table{min-width:480px}

.store-badge{display:inline-block;margin:22px 0 0;transition:transform .2s}.store-badge:hover{transform:translateY(-3px)}.store-badge img{width:180px}.launch-badge{margin:0 0 0 auto;flex-shrink:0}.launch-badge img{width:220px}.launch .trademark{font-size:10px;color:#c9cff5;margin-top:8px}@media(max-width:760px){.store-badge{margin:16px auto 0}.store-badge img{width:170px}.launch-badge{margin:0 auto}}