:root{--bg:#130c2c;--panel:#21143f;--ink:#fff;--muted:#bdb2d5;--purple:#9a58ff;--blue:#38bdff;--yellow:#ffcf39;--line:#ffffff23;--radius:20px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}button:disabled{cursor:default}.wrap{width:min(1220px,calc(100% - 96px));margin-inline:auto}.header{height:100px;display:flex;align-items:center;gap:40px;padding:10px 48px;border-bottom:1px solid var(--line);position:relative;z-index:5;background:#130c2cf5}.brand img{width:170px;height:75px;object-fit:contain}.header nav{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.header nav a:not(.nav-cta):hover,.login:hover{color:var(--yellow)}.nav-cta{background:var(--yellow);padding:13px 18px;color:var(--bg);border-radius:7px}.login{font-size:12px;color:var(--muted);white-space:nowrap}.menu-toggle{display:none}.hero{min-height:750px;position:relative;display:grid;grid-template-columns:1.08fr 1fr;gap:12px;align-items:center;padding-block:65px 100px}.hero:before{content:'';position:absolute;inset:0 -45px;background:radial-gradient(ellipse at 85% 45%,#7532de50,transparent 55%);z-index:-1;pointer-events:none}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;line-height:1.6;margin:0 0 24px;color:#dbcbff}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 15px #ffcf3977;margin-right:8px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(60px,6.1vw,88px);letter-spacing:-4.8px;line-height:.99;font-weight:900;margin-bottom:25px}h1>span{display:block;background:linear-gradient(100deg,#ffed8d,#ffcf39 70%,#ff8c39);color:transparent;background-clip:text;font-size:.86em;margin-top:8px}h2{font-size:clamp(36px,4.3vw,57px);letter-spacing:-2.7px;line-height:1.06;font-weight:900;margin-bottom:0}.lead{font-size:17px;line-height:1.8;color:var(--muted);max-width:450px;margin-bottom:28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:13px;font-weight:800;padding:17px 21px;border:1px solid transparent;border-radius:8px;transition:transform .2s,box-shadow .2s;line-height:1.4}.button:hover{transform:translateY(-3px)}.yellow{background:var(--yellow);color:#241037;box-shadow:0 5px 0 #b37c1a,0 10px 26px #ffbd2520}.yellow:hover{box-shadow:0 5px 0 #b37c1a,0 10px 30px #ffbd2545}.ghost{background:#ffffff06;border-color:#ffffff40;color:white}.white{background:white;color:#241037;box-shadow:0 4px 0 #0002}.hero-pills{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:#c3b8d5;margin-top:27px}.hero-art{position:relative;aspect-ratio:1;display:grid;place-items:center;min-width:0}.hero-logo{position:relative;width:100%;z-index:1;filter:drop-shadow(0 20px 35px #0006);transform:rotate(-5deg);animation:hero-float 7s ease-in-out infinite}.hero-orbit{position:absolute;border:1px dashed #b28aff50;border-radius:50%;inset:0;transform:rotate(-25deg)}.orbit-two{inset:10% -7%;transform:rotate(30deg)}.art-tag{position:absolute;top:-2%;right:0;z-index:2;transform:rotate(6deg);background:var(--blue);color:#102547;font-size:9px;font-weight:900;letter-spacing:1px;padding:13px 17px;box-shadow:4px 4px 0 #0006}.score-sticker{position:absolute;z-index:3;bottom:-3%;left:1%;display:flex;align-items:center;gap:12px;background:white;color:#241037;border-radius:9px;padding:14px 19px;transform:rotate(-5deg);box-shadow:6px 6px 0 #7b39c8}.score-sticker>span{font-size:28px}.score-sticker strong{font-size:14px;display:block}.score-sticker small{font-size:11px;display:block;margin-top:5px}.flying-item{position:absolute;z-index:2;filter:drop-shadow(0 8px 12px #0007)}.item-bomb{width:100px;left:-7%;bottom:8%;transform:rotate(-22deg);animation:item-float 5s ease-in-out infinite}.item-star{width:75px;right:-3%;top:6%;transform:rotate(12deg);animation:item-float 6s ease-in-out infinite reverse}.spark{position:absolute;color:var(--yellow);font-size:45px}.spark-one{left:1%;top:1%}.spark-two{right:1%;bottom:5%;font-size:65px}.scroll-hint{position:absolute;bottom:27px;left:0;font-size:9px;color:var(--muted);letter-spacing:2px;display:flex;align-items:center;gap:20px}.scroll-hint span{font-size:20px}.ticker{background:var(--yellow);color:#241037;padding:19px 0;border-block:1px solid #fff4;overflow:hidden;transform:rotate(-1deg);width:100%;position:relative;z-index:2}.ticker>div{display:flex;align-items:center;justify-content:space-around;gap:30px;min-width:1000px;font-size:13px;font-weight:900;letter-spacing:1px;white-space:nowrap}.ticker b{font-size:25px;line-height:1}.section{padding-block:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:65px;margin-bottom:45px}.section-heading>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:380px;margin-bottom:3px}.gradient-text{background:linear-gradient(100deg,#64d7ff,#b88aff);color:transparent;background-clip:text}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.game-card{padding:30px 35px 34px;border-radius:24px;border:1px solid #ffffff30;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column}.city-card{background:radial-gradient(circle at 90% 15%,#1a9fcb70,transparent 50%),linear-gradient(135deg,#154c73,#18274c)}.battle-card{background:radial-gradient(circle at 90% 15%,#cf35dd50,transparent 50%),linear-gradient(135deg,#6628a5,#361753)}.game-card:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#fff04 1px,transparent 1px),linear-gradient(90deg,#fff04 1px,transparent 1px);background-size:35px 35px;z-index:-1;mask-image:linear-gradient(#000,transparent)}.game-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:35px}.pill{border:1px solid #ffffff40;border-radius:30px;font-size:9px;letter-spacing:.7px;font-weight:800;padding:9px 12px}.game-icon{font-size:34px;color:#9decff}.battle-card .game-icon{color:var(--yellow)}.game-kicker{font-size:9px;font-weight:bold;letter-spacing:1.5px;color:#bbdcef;margin-bottom:12px}.battle-card .game-kicker{color:#e2c1ff}.game-card h3{font-size:67px;line-height:.88;letter-spacing:-3px;font-weight:900;margin-bottom:23px}.game-card h3 span{display:block;font-size:.76em;margin-top:7px;color:#91eaff}.battle-card h3 span{color:var(--yellow)}.game-card>p:not(.game-kicker){font-size:14px;line-height:1.8;color:#e2e5f0;max-width:390px}.game-card ul{padding:0;list-style:none;margin:3px 0 0;font-size:13px;line-height:2.1}.game-card li:before{content:'✓';font-size:12px;margin-right:12px;font-weight:bold;color:#9decff}.battle-card li:before{color:var(--yellow)}.game-card>.button{margin-top:auto;width:100%;justify-content:space-between}.city-art,.battle-art{height:160px;margin:10px 0 20px;display:flex;align-items:center;justify-content:center;position:relative}.city-art{gap:65px;background:linear-gradient(25deg,transparent 45%,#ffffff0b 45%,#ffffff0b 55%,transparent 55%),linear-gradient(-35deg,transparent 45%,#ffffff09 45%,#ffffff09 55%,transparent 55%);border-radius:10px}.map-point{width:40px;height:40px;display:grid;place-items:center;background:#73d8ff;color:#122747;border:4px solid white;border-radius:50%;z-index:1;font-weight:900;font-size:17px;box-shadow:0 0 30px #29bdff66}.map-point:nth-child(2){transform:translateY(-32px)}.map-point:nth-child(3){background:var(--yellow);transform:translateY(16px)}.map-trail{position:absolute;left:12%;right:12%;top:53%;border-top:4px dashed #97e7ff;transform:rotate(5deg)}.battle-art img{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 12px 10px #0006);transform:rotate(-13deg);transition:transform .25s}.battle-art img:nth-child(2){width:130px;height:130px;transform:rotate(10deg);z-index:1}.battle-art img:nth-child(3){transform:rotate(12deg)}.battle-card:hover .battle-art img:first-child{transform:rotate(-20deg) translateY(-6px)}.section-footnote{font-size:11px;line-height:1.8;color:var(--muted);margin:25px 0 0;max-width:850px}.battle-zone{padding:80px 0;background:radial-gradient(ellipse at 80% 50%,#5a209c77,transparent 55%),#1d1038;border-block:1px solid var(--line)}.battle-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.yellow-text{color:var(--yellow)}.battle-layout>div>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.8;margin:25px 0 0;max-width:420px}.item-description{margin-top:32px;padding-left:20px;border-left:3px solid var(--yellow);min-height:130px}.mini-label{font-size:9px;font-weight:bold;letter-spacing:1.5px;color:var(--yellow)}.item-description h3{font-size:23px;letter-spacing:-.5px;margin:12px 0}.item-description p{font-size:14px;line-height:1.7;color:var(--muted);max-width:410px;margin-bottom:0}.arsenal{display:grid;grid-template-columns:1fr 1fr;gap:15px;transform:rotate(3deg)}.item{color:white;background:#ffffff06;border:1px solid #ffffff25;border-radius:18px;padding:18px 10px;transition:transform .2s,background .2s}.item:hover{transform:translateY(-6px)}.item.active{background:#b172ff25;border-color:var(--yellow);box-shadow:0 0 28px #9d42ff22}.item img{width:110px;height:100px;object-fit:contain;margin:0 auto 6px;filter:drop-shadow(0 9px 10px #0006)}.item span{font-size:16px;font-weight:800;display:block}.item small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.screens-section{background:radial-gradient(ellipse at 80% 55%,#254ea629,transparent 60%)}.screen-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.screen-story-copy{padding-block:25px}.chapter{font-size:10px;letter-spacing:1.7px;color:var(--blue);font-weight:800}.screen-story-copy h3{font-size:32px;letter-spacing:-1px;line-height:1.1;margin:15px 0}.screen-story-copy p{font-size:14px;line-height:1.8;color:var(--muted);max-width:340px}.screen-story-copy .button{font-size:12px;padding:14px 16px;margin-top:5px}.second-chapter{display:block;margin-top:45px;color:#c28aff}.phones{display:flex;align-items:center;justify-content:center;gap:22px;position:relative;padding:28px 0 50px}.phone{margin:0;width:45%;max-width:235px;border:6px solid #0c091b;border-radius:30px;background:#0c091b;box-shadow:0 0 0 1px #ffffff45,0 25px 45px #0007;position:relative;transform:rotate(-7deg)}.phone-camera{position:absolute;top:7px;left:36%;right:36%;height:12px;border-radius:10px;background:#0c091b;z-index:1;pointer-events:none}.phone-secondary{transform:rotate(7deg) translateY(35px)}.screen-zoom{display:block;border:0;padding:0;background:none;width:100%;overflow:hidden;border-radius:23px}.screen-zoom img{width:100%;height:auto}.phone figcaption{position:absolute;bottom:-31px;left:-10px;right:-10px;text-align:center;font-size:8px;letter-spacing:1px;color:var(--muted);font-weight:bold}.phone-sticker{position:absolute;bottom:0;left:22%;transform:rotate(-7deg);background:var(--yellow);color:#27113d;padding:12px 15px;font-size:10px;font-weight:900;line-height:1.4;box-shadow:4px 4px 0 #0006}.rules-section{background:#20103d;border-block:1px solid var(--line)}.rule-steps{display:flex;gap:20px;margin-bottom:40px}.rule-steps>div{display:flex;align-items:center;gap:13px;flex:1;font-size:13px;font-weight:bold}.rule-steps b{font-size:22px;letter-spacing:-1px;color:var(--yellow)}.instruction-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.instruction-gallery article{background:#ffffff05;border:1px solid #ffffff20;border-radius:13px;padding:12px 12px 20px;transition:transform .25s}.instruction-gallery article:hover{transform:translateY(-5px)}.instruction-gallery article>button{display:block;position:relative;width:100%;padding:0;background:none;border:0;overflow:hidden;border-radius:7px}.instruction-gallery img{width:100%;height:auto;aspect-ratio:2/2.8;object-fit:cover;object-position:top}.zoom-badge{position:absolute;bottom:12px;right:12px;background:var(--yellow);color:#25113c;border-radius:4px;padding:9px 13px;font-size:10px;font-weight:bold;box-shadow:0 4px 10px #0006}.instruction-gallery article>div{padding:20px 8px 0}.instruction-gallery article>div>span{font-size:8px;font-weight:bold;letter-spacing:1.5px;color:var(--muted)}.instruction-gallery h3{font-size:21px;letter-spacing:-.7px;margin:10px 0 13px}.instruction-gallery a{font-size:11px;color:var(--yellow);border-bottom:1px solid #ffcf3940;padding-bottom:4px}.occasion-section h2{font-size:clamp(34px,3.8vw,50px)}.occasion-links{margin-top:40px;border-top:1px solid var(--line)}.occasion-links a{display:flex;align-items:center;gap:26px;padding:25px 0;border-bottom:1px solid var(--line);font-size:23px;font-weight:bold;letter-spacing:-.5px;transition:padding .2s}.occasion-links a:hover{padding-left:10px;color:var(--yellow)}.occasion-links span{font-size:10px;color:var(--muted);letter-spacing:0}.occasion-links small{margin-left:auto;font-size:11px;font-weight:normal;color:var(--muted);letter-spacing:0}.occasion-links b{font-size:28px;margin-left:35px}.price-section{background:radial-gradient(ellipse at 0% 45%,#562c9c,transparent 65%),linear-gradient(120deg,#301254,#1c1239);border-block:1px solid #b884ff50}.price-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:start}.price-copy{padding-top:20px}.price-copy h2{font-size:clamp(45px,5.3vw,73px)}.price-copy h2 span{color:var(--yellow);font-size:.85em;display:block;margin-top:8px}.price-copy>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.8;margin:28px 0;max-width:390px}.price-facts{margin:35px 0}.price-facts p{display:flex;align-items:center;gap:18px;font-size:14px;margin:16px 0}.price-facts b{font-size:10px;display:grid;place-items:center;background:#ffffff0b;border:1px solid #ffffff25;width:32px;height:32px;border-radius:50%;color:var(--yellow)}.price-note{display:flex;align-items:center;gap:15px}.price-note img{width:80px;height:80px;object-fit:contain;transform:rotate(-8deg)}.price-note p{font-size:12px;line-height:1.8;margin:0;color:#eadbfa}.price-copy>.price-disclaimer{font-size:11px!important;max-width:330px!important;color:#a99bbb!important}form{padding:30px;background:#fffaf0;color:#25163c;border-radius:18px;box-shadow:10px 10px 0 #0003;color-scheme:light}fieldset{margin:0 0 22px;padding:0;border:0}legend,label{font-size:12px;font-weight:bold;margin-bottom:9px;display:block}legend{padding:0;margin-bottom:13px}label small{font-size:10px;font-weight:normal;color:#797080}.game-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.game-choice label{margin:0;position:relative;cursor:pointer}.game-choice input{position:absolute;opacity:0;width:1px;height:1px}.game-choice label>span{display:block;padding:15px 12px;border:2px solid #ded7e6;border-radius:9px;font-size:14px;background:white;transition:border-color .2s,background .2s}.game-choice small{display:block;font-size:10px;font-weight:normal;color:#766984;margin:6px 0 0 2px}.game-choice input:checked+span{border-color:#7434b1;background:#f1e4ff;box-shadow:0 0 0 1px #7434b1}.game-choice input:focus-visible+span{outline:3px solid #2c80ed;outline-offset:3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}input,select,textarea{display:block;width:100%;min-width:0;border:1px solid #d4ccda;background:white;color:#25163c;font-size:12px;padding:12px 10px;border-radius:5px}select{margin-bottom:18px}textarea{resize:vertical}.field-help{font-size:10px;line-height:1.6;color:#6e627c;margin:-7px 0 18px}.submit-price{width:100%;justify-content:space-between;margin-top:20px;border:1px solid #d8a620}.form-note{font-size:10px;line-height:1.7;color:#786a83;margin:16px 0 0}.request-result{border-top:1px solid #d4ccda;margin-top:24px;padding-top:22px}.request-result h3{font-size:20px;letter-spacing:-.6px;margin-bottom:13px}.request-result>p{font-size:12px;line-height:1.8}.result-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.result-actions .button{font-size:11px;padding:12px 14px;border-color:#d4ccda}.result-actions>a:not(.button){font-size:11px;text-decoration:underline}.text-link{background:none;border:0;border-bottom:1px solid currentColor;color:inherit;font-size:12px;font-weight:700;padding:8px 0;display:inline-block}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}details{border-bottom:1px solid var(--line)}details:first-child{border-top:1px solid var(--line)}summary{padding:23px 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;font-size:13px;font-weight:bold;line-height:1.5}summary::-webkit-details-marker{display:none}summary>.summary-icon{font-size:24px;color:var(--yellow);transition:transform .2s}details[open]>summary>.summary-icon{transform:rotate(45deg)}details p{font-size:13px;line-height:1.8;color:var(--muted);padding-right:20px}details a{color:#a7dbff;text-decoration:underline}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-block:30px;gap:30px}.footer>p{font-size:12px;color:var(--muted);margin:0}.footer>div{text-align:right;font-size:12px}.footer small{display:block;font-size:9px;color:var(--muted);margin-top:12px}.skip{position:fixed;z-index:20;top:-100px;left:15px;background:var(--yellow);color:#25163c;padding:15px}.skip:focus{top:10px}dialog{width:min(540px,calc(100% - 32px));background:#241342;color:white;border:1px solid #a06eeb;border-radius:17px;padding:36px;box-shadow:0 0 100px #8c3dff30}dialog::backdrop{background:#0b061bdc;backdrop-filter:blur(7px)}.close-dialog{position:absolute;right:10px;top:7px;width:44px;height:44px;background:#130c2ce8;border:1px solid #ffffff30;border-radius:50%;color:white;font-size:29px;z-index:3}.demo-mark{display:grid;place-items:center;font-size:30px;font-weight:900;background:var(--yellow);color:#25163c;width:55px;height:55px;border-radius:12px;margin-bottom:22px}dialog .eyebrow{font-size:9px;padding-right:20px}dialog h2{font-size:34px;letter-spacing:-1.5px;margin-bottom:20px}dialog>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted)}.answers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-block:24px}.answers button{background:#ffffff0c;border:1px solid #ffffff35;padding:15px 5px;color:white;font-weight:700;border-radius:6px}.answers button:hover:not(:disabled){border-color:var(--yellow)}.answers button.correct{background:#23513c;border-color:#6ed296}.answers button.incorrect{background:#6c293b;border-color:#e58192}.answer-feedback{min-height:25px}.demo-next{margin-top:10px}#image-dialog{width:min(1050px,calc(100% - 32px));max-height:94dvh;padding:24px;text-align:center;overflow:auto}#image-dialog figure{margin:0}#enlarged-image{max-height:75dvh;width:auto;max-width:100%;height:auto;object-fit:contain;margin:auto}#image-caption{font-size:12px;color:var(--muted);line-height:1.7;margin:18px 20px 10px}#image-dialog .text-link{color:var(--yellow)}[hidden]{display:none!important}@keyframes hero-float{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-12px)}}@keyframes item-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@media(min-width:1600px){.hero{min-height:800px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{padding-inline:32px;gap:25px}.header nav{gap:22px}.brand img{width:145px}.hero{min-height:650px}h1{font-size:68px}.hero-pills{gap:12px;font-size:9px}.hero .button{font-size:12px;padding:15px 17px;gap:12px}.game-card{padding:25px}.game-card h3{font-size:60px}.game-kicker{font-size:8px}.battle-layout,.price-layout{gap:50px}.screen-story{gap:40px}.section-heading{gap:40px}.section-heading>p{max-width:330px}.section{padding-block:80px}.phone{border-width:5px}.phone figcaption{font-size:6px}.phones{gap:17px}.pill{font-size:8px}.map-point{width:35px;height:35px}.city-art{gap:45px}.battle-art img{width:90px;height:90px}.battle-art img:nth-child(2){width:105px;height:105px}.login{font-size:10px}.header nav{font-size:12px}.faq{gap:45px}}
@media(max-width:760px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.header{height:82px;padding:7px 20px;gap:15px}.brand img{width:128px;height:65px}.menu-toggle{display:block;margin-left:auto;background:#ffffff09;border:1px solid #ffffff35;border-radius:5px;padding:10px;color:white;font-size:11px}.header nav{display:none;position:absolute;top:81px;left:0;right:0;background:#1b1036;padding:24px;border-bottom:1px solid var(--line);margin:0;box-shadow:0 15px 25px #0005}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:25px}.header nav a{font-size:14px}.nav-cta{text-align:center}.login{font-size:10px}.hero{display:flex;flex-direction:column;min-height:auto;padding-block:45px 70px;gap:35px}.hero:before{inset:0}.hero-copy{width:100%}.eyebrow{font-size:9px;margin-bottom:20px;letter-spacing:1.7px}h1{font-size:clamp(58px,11.5vw,83px);letter-spacing:-3.7px}.lead{font-size:15px;line-height:1.8;max-width:480px}.hero .button{font-size:11px;padding:14px 15px;gap:12px}.hero-pills{font-size:9px;gap:12px;margin-top:25px}.hero-art{width:min(440px,95%);margin-inline:auto}.hero-logo{width:94%}.art-tag{font-size:8px;padding:10px 12px;top:0;right:3%}.item-bomb{width:70px;left:-1%;bottom:8%}.item-star{width:55px;right:-1%}.spark-one{font-size:28px;left:4%}.spark-two{font-size:45px}.score-sticker{padding:10px 13px;left:9%;bottom:-3%}.score-sticker strong{font-size:12px}.score-sticker small{font-size:10px}.score-sticker>span{font-size:24px}.hero-orbit{inset:3%}.orbit-two{inset:10% -1%}.scroll-hint{bottom:15px;font-size:8px}.ticker{padding-block:16px}.ticker>div{font-size:11px}.section{padding-block:60px}.section-heading{display:block;margin-bottom:30px}h2{font-size:39px;letter-spacing:-2px}.section-heading>p{font-size:14px;max-width:100%;margin-top:23px}.game-grid{grid-template-columns:1fr;gap:22px}.game-card{padding:26px 25px}.game-top{margin-bottom:30px}.game-card h3{font-size:72px}.game-kicker{font-size:9px}.game-card>p:not(.game-kicker){max-width:100%}.game-card ul{font-size:12px}.city-art,.battle-art{height:140px;margin-bottom:20px}.battle-art img{width:105px;height:105px}.battle-art img:nth-child(2){width:120px;height:120px}.city-art{gap:70px}.pill{font-size:8px}.section-footnote{font-size:10px;line-height:1.8}.battle-zone{padding-block:55px}.battle-layout,.screen-story,.price-layout,.faq{grid-template-columns:1fr;gap:35px}.battle-layout>div>p:not(.eyebrow){font-size:14px;margin-top:20px}.item-description{min-height:120px;margin-top:27px}.arsenal{transform:rotate(1.5deg);gap:12px;margin:0 4px}.item{padding:15px 10px}.item img{width:95px;height:90px}.item-description h3{font-size:21px}.item span{font-size:14px}.screen-story-copy{padding:0}.screen-story-copy h3{font-size:28px}.screen-story-copy p{max-width:100%}.second-chapter{margin-top:30px}.phones{gap:18px;width:min(500px,100%);justify-self:center;padding-block:10px 50px}.phone{width:45%;border-radius:24px}.screen-zoom{border-radius:18px}.phone figcaption{font-size:6px;letter-spacing:.7px}.phone-camera{height:9px;top:5px}.phone-sticker{font-size:8px;left:20%;bottom:0;padding:10px 12px}.rules-section .section-heading>p{margin-bottom:0}.rule-steps{gap:12px;margin-bottom:28px}.rule-steps>div{display:block;font-size:10px;line-height:1.5}.rule-steps b{display:block;font-size:22px;margin-bottom:7px}.instruction-gallery{grid-template-columns:1fr;gap:20px}.instruction-gallery article{display:grid;grid-template-columns:1fr .9fr;align-items:center;padding:12px;gap:10px}.instruction-gallery article>div{padding:10px}.instruction-gallery article>div>span{font-size:7px;line-height:1.7;display:block}.instruction-gallery h3{font-size:20px}.instruction-gallery a{font-size:10px}.zoom-badge{font-size:8px;padding:7px 8px;bottom:7px;right:7px}.occasion-section h2{font-size:34px;line-height:1.12}.occasion-links{margin-top:28px}.occasion-links a{flex-wrap:wrap;gap:14px;font-size:18px;padding-block:22px}.occasion-links span{font-size:9px}.occasion-links small{order:3;margin:0 0 0 27px;flex-basis:80%;font-size:10px}.occasion-links b{font-size:25px;margin-left:auto}.price-layout{gap:25px}.price-copy{padding:0}.price-copy h2{font-size:55px}.price-copy>p:not(.eyebrow){font-size:14px;max-width:100%;margin-top:20px}.price-facts{margin-block:25px}.price-facts p{font-size:13px;margin:12px 0}.price-note{gap:10px}.price-note img{width:65px;height:65px}.price-note p{font-size:11px}.price-copy>.price-disclaimer{max-width:100%!important;font-size:10px!important}.price-section form{padding:22px;border-radius:14px;box-shadow:5px 5px 0 #0003}.game-choice{gap:10px}.game-choice label>span{padding:13px 10px;font-size:12px}.game-choice small{font-size:9px}.form-row{gap:12px}input,select,textarea{font-size:13px;padding:12px 9px}input[type=date]{font-size:12px}.faq{gap:25px}.faq summary{font-size:12px;padding-block:20px}.footer{flex-wrap:wrap;padding-block:25px;gap:18px}.footer>p{font-size:10px}.footer>div{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;text-align:left}.footer small{font-size:8px;margin:0}.footer .brand img{width:128px;height:60px}dialog{padding:28px}dialog h2{font-size:30px}.close-dialog{width:40px;height:40px}#image-dialog{padding:15px}#image-caption{font-size:10px;margin-inline:5px}#enlarged-image{max-height:72dvh}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.header{padding-inline:16px;gap:10px}.brand img{width:110px}.hero-pills{gap:8px;font-size:8px}.hero .actions{gap:10px}.hero .button{font-size:10px;padding:13px}.form-row{grid-template-columns:1fr}.game-card{padding:23px}.city-art{gap:55px}.game-card h3{font-size:63px}.instruction-gallery h3{font-size:17px}.login{font-size:9px}h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Keep the decorative orbits inside the hero and show the team-based price. */
.hero{overflow:clip}.price-estimate{background:#eee1ff;border:1px solid #d7b8f7;padding:17px;border-radius:9px;margin:20px 0}.price-estimate>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.price-estimate span{font-size:9px;font-weight:800;letter-spacing:1px;color:#71468f}.price-estimate strong{font-size:30px;letter-spacing:-1px;color:#55218b}.price-estimate p{font-size:11px;color:#755a89;margin:9px 0 0;line-height:1.6}
.ticker{transform:none}

/* Keep native image proportions; the hero's HTML height must scale with its width. */
img { height: auto; }
.hero-logo { height: auto; aspect-ratio: 1; object-fit: contain; }

/* Shared alignment and a first screen that fits normal laptop and desktop windows. */
.wrap { width: min(1280px, calc(100% - 96px)); }
.header {
  height: 88px;
  padding-inline: max(48px, calc((100% - 1280px) / 2));
  gap: 32px;
}
.header .brand img { width: 155px; height: 64px; }
.header nav { font-size: 14px; gap: 28px; }
.login { font-size: 12px; }
.hero {
  min-height: clamp(540px, calc(100svh - 156px), 680px);
  padding-block: 38px 64px;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
  gap: 56px;
  overflow: visible;
  isolation: isolate;
}
.hero::before {
  inset: 0;
  background: radial-gradient(ellipse at 78% 50%, #7532de3b, transparent 57%);
}
.hero-art {
  width: min(100%, 490px);
  aspect-ratio: 1;
  justify-self: center;
}
.hero-logo { width: 90%; }
.hero-orbit { inset: 8%; }
.orbit-two { inset: 16% 4%; }
.hero h1 { font-size: clamp(54px, 5.3vw, 76px); letter-spacing: -3.4px; line-height: 1.04; }
.hero h1 > span { margin-top: 7px; }
.hero .lead { font-size: 17px; max-width: 470px; margin-bottom: 26px; }
.hero-pills { font-size: 11px; gap: 10px 17px; line-height: 1.6; }
.art-tag { top: 0; right: 3%; font-size: 10px; padding: 11px 14px; }
.score-sticker { bottom: 0; left: 8%; padding: 12px 16px; }
.score-sticker strong { font-size: 14px; }
.score-sticker small { font-size: 12px; }
.item-bomb { width: 75px; height: auto; left: 0; bottom: 10%; }
.item-star { width: 60px; height: auto; right: 1%; top: 10%; }
.spark-one { left: 6%; top: 4%; font-size: 32px; }
.spark-two { right: 2%; bottom: 4%; font-size: 42px; }
.scroll-hint { bottom: 18px; font-size: 10px; letter-spacing: 1.5px; }

/* Less empty vertical space, stronger reading sizes and consistent card rhythm. */
.section { padding-block: 80px; }
.section-heading { gap: 48px; margin-bottom: 36px; }
.section-heading > p { max-width: 400px; font-size: 16px; }
.game-top { margin-bottom: 28px; }
.pill { font-size: 10px; }
.game-kicker { font-size: 10px; line-height: 1.7; }
.game-card { padding: 30px; }
.game-card h3 { font-size: 62px; }
.game-card > p:not(.game-kicker):not(.game-price) { font-size: 15px; max-width: 440px; }
.game-card ul { font-size: 14px; }
.city-art, .battle-art { height: 125px; margin-block: 12px; }
.game-card > .game-price {
  display: flex;
  gap: 10px;
  align-items: baseline;
  border-top: 1px solid #ffffff30;
  padding-top: 19px;
  margin: 7px 0 20px;
  color: white;
}
.game-price strong { font-size: 34px; letter-spacing: -1px; line-height: 1; }
.game-price span { font-size: 13px; color: #e6def3; }
.section-footnote { font-size: 12px; }
.mini-label, .chapter { font-size: 11px; }
.item small { font-size: 12px; }
.item-description p, .screen-story-copy p { font-size: 15px; }
.phone { transform: rotate(-4deg); }
.phone-secondary { transform: rotate(4deg) translateY(25px); }
.phone figcaption { font-size: 9px; letter-spacing: .6px; }
.phone-sticker { left: 18%; bottom: 1px; padding: 11px 14px; }
.instruction-gallery article { padding-bottom: 24px; }
.instruction-gallery article > button {
  display: grid;
  place-items: center;
  aspect-ratio: 2 / 3;
  padding: 8px;
  background: #120a25;
}
.instruction-gallery img {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
}
.instruction-gallery article > div > span { font-size: 10px; }
.instruction-gallery a { font-size: 13px; }
.zoom-badge { bottom: 16px; right: 16px; }
.price-layout { gap: 64px; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
.price-copy > p:not(.eyebrow) { font-size: 16px; }
.price-copy > .price-disclaimer { font-size: 12px !important; max-width: 400px !important; }
.game-choice label > span { min-height: 75px; }
.game-choice small { font-size: 11px; line-height: 1.5; }
label, legend { font-size: 13px; }
input, select, textarea { font-size: 14px; min-height: 44px; }
.field-help, .form-note { font-size: 12px; }
.price-estimate span { font-size: 10px; }
.price-estimate p { font-size: 12px; }
.faq summary { font-size: 15px; }
.faq details p { font-size: 14px; }
.footer small { font-size: 11px; }

@media (min-width: 761px) and (max-width: 1100px) {
  .wrap { width: calc(100% - 64px); }
  .header { padding-inline: 32px; gap: 18px; }
  .header nav { gap: 19px; font-size: 12px; }
  .header .brand img { width: 132px; }
  .hero { gap: 28px; min-height: 570px; padding-block: 38px 62px; }
  .hero h1 { font-size: clamp(45px, 5.6vw, 60px); letter-spacing: -2.5px; }
  .hero .lead { font-size: 15px; }
  .hero-art { max-width: 390px; }
  .hero .actions { gap: 10px; }
  .hero .button { padding: 14px; font-size: 11px; }
  .hero-pills { font-size: 10px; }
  .score-sticker { left: 5%; }
  .score-sticker strong { font-size: 12px; }
  .score-sticker small { font-size: 10px; }
  .art-tag { font-size: 8px; }
  .game-card { padding: 24px; }
  .game-card h3 { font-size: 55px; }
  .game-card ul { font-size: 12px; }
  .pill { font-size: 8px; }
  .game-kicker { font-size: 9px; }
  .instruction-gallery { gap: 16px; }
  .instruction-gallery h3 { font-size: 19px; }
  .price-layout { gap: 36px; }
}

@media (max-width: 900px) and (min-width: 761px) {
  .header { gap: 16px; }
  .header nav { gap: 16px; }
  .header .brand img { width: 115px; }
  .login { font-size: 10px; }
  .nav-cta { padding: 12px; }
  .price-layout { grid-template-columns: 1fr; }
  .price-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 0 35px; }
  .price-copy .eyebrow, .price-copy h2 { grid-column: 1; }
  .price-copy > p:not(.eyebrow) { grid-column: 1; }
  .price-facts { grid-column: 2; grid-row: 2 / 4; margin-top: 0; }
  .price-note { grid-column: 2; grid-row: 4; }
}

@media (max-width: 760px) {
  .wrap { width: calc(100% - 40px); }
  .header { height: 78px; padding: 7px 20px; gap: 15px; }
  .header .brand img { width: 128px; height: 60px; }
  .header nav { top: 77px; }
  .hero { padding-block: 34px 54px; min-height: auto; gap: 26px; }
  .hero h1 { font-size: clamp(48px, 11.3vw, 70px); letter-spacing: -2.7px; }
  .hero .lead { font-size: 15px; margin-bottom: 23px; }
  .hero .eyebrow { margin-bottom: 18px; }
  .hero .actions { gap: 10px; }
  .hero .button { font-size: 12px; padding: 14px 15px; }
  .hero-pills { font-size: 10px; margin-top: 20px; gap: 8px 14px; }
  .hero-art { width: min(100%, 370px); }
  .hero-logo { width: 88%; }
  .art-tag { font-size: 8px; right: 5%; top: 2%; padding: 9px 11px; }
  .item-bomb { width: 58px; left: 3%; }
  .item-star { width: 47px; right: 5%; }
  .score-sticker { padding: 9px 12px; left: 12%; bottom: 0; }
  .score-sticker strong { font-size: 12px; }
  .score-sticker small { font-size: 10px; }
  .spark-one { font-size: 25px; }
  .spark-two { font-size: 34px; right: 5%; }
  .scroll-hint { bottom: 12px; font-size: 8px; }
  .section { padding-block: 56px; }
  .section-heading { margin-bottom: 28px; }
  .section-heading > p { font-size: 15px; }
  .game-card { padding: 25px; }
  .game-card h3 { font-size: 64px; }
  .game-kicker { font-size: 9px; }
  .pill { font-size: 9px; }
  .game-card ul { font-size: 13px; }
  .city-art, .battle-art { height: 115px; margin-block: 15px; }
  .section-footnote { font-size: 11px; }
  .game-price strong { font-size: 31px; }
  .game-price span { font-size: 12px; }
  .item small { font-size: 11px; }
  .phone figcaption { font-size: 7px; letter-spacing: .4px; }
  .phone-sticker { font-size: 8px; left: 19%; bottom: -2px; padding: 9px 11px; }
  .phones { gap: 16px; }
  .instruction-gallery article { padding: 12px; gap: 8px; }
  .instruction-gallery article > div > span { font-size: 8px; }
  .instruction-gallery a { font-size: 11px; }
  .zoom-badge { font-size: 9px; right: 10px; bottom: 10px; padding: 7px 9px; }
  .price-layout { gap: 28px; }
  .price-copy > p:not(.eyebrow) { font-size: 15px; }
  .game-choice small { font-size: 10px; }
  .form-row { gap: 12px; }
  input, select, textarea { font-size: 16px; }
  input[type=date] { font-size: 14px; }
  .field-help, .form-note { font-size: 11px; }
  .faq summary { font-size: 14px; }
  .footer small { font-size: 10px; line-height: 1.5; }
}

@media (max-width: 360px) {
  .wrap { width: calc(100% - 32px); }
  .header { padding-inline: 16px; gap: 10px; }
  .header .brand img { width: 110px; }
  .login { font-size: 10px; }
  .hero h1 { font-size: 45px; }
  .hero .button { font-size: 11px; padding: 13px; }
  .hero-pills { font-size: 9px; }
  .game-card { padding: 22px; }
  .pill { font-size: 8px; }
  .game-kicker { font-size: 8px; }
  .game-card h3 { font-size: 58px; }
  .game-card ul { font-size: 12px; }
  .city-art { gap: 47px; }
  .battle-art img { width: 82px; height: 82px; }
  .battle-art img:nth-child(2) { width: 98px; height: 98px; }
  .instruction-gallery h3 { font-size: 18px; }
  .game-choice label > span { padding: 12px 8px; font-size: 12px; }
  .footer > div { align-items: start; }
}

/* Contain decorative route rings inside the padded hero section. */
.hero { overflow: clip; }

.score-sticker { bottom: -28px; transform: rotate(-3deg); }
.city-art { background: none; }
.city-art svg { width: 100%; height: 130px; overflow: visible; }
.form-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-row > div, .game-choice, .price-section form { min-width: 0; }
.instruction-gallery article > button { grid-template-rows: minmax(0, 1fr) auto; gap: 10px; }
.zoom-badge { position: static; justify-self: end; }
@media (min-width: 761px) and (max-width: 900px) {
  .section-heading { display: block; }
  .section-heading > p { max-width: 100%; margin-top: 22px; }
}
@media (max-width: 760px) {
  .score-sticker { bottom: -12px; }
  .price-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 360px) {
  .form-row { grid-template-columns: 1fr; }
}

/* Parallel game explanations share their rows so every part lines up. */
.game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 26px; }
.game-card { display: grid; grid-template-rows: subgrid; grid-row: span 7; gap: 0; padding: 28px; }
.game-heading { padding-bottom: 25px; }
.game-heading h3 { margin: 28px 0 0; font-size: 60px; }
.game-heading .pill { display: inline-block; min-height: 34px; line-height: 1.5; }
.game-scene { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; padding: 24px 12px; margin-bottom: 24px; border: 1px solid #ffffff26; border-radius: 14px; background: #0c17352e; }
.game-scene::before { content: ''; position: absolute; left: 18%; right: 18%; top: 59px; border-top: 3px dashed #ffffff55; }
.game-scene > div { position: relative; display: grid; justify-items: center; gap: 10px; }
.game-scene > div > span { display: grid; place-items: center; width: 70px; height: 70px; border: 2px solid #b3eaff; background: #156292; box-shadow: 0 8px 20px #0003; border-radius: 20px; font-size: 32px; font-weight: 900; color: #c3f0ff; }
.battle-card .game-scene > div > span { background: #662d98; border-color: #bf83f7; }
.game-scene img { width: 58px; height: 58px; object-fit: contain; }
.game-scene small { font-size: 11px; font-weight: bold; letter-spacing: .4px; color: #fff; }
.game-card > .game-intro { margin: 0 0 24px; font-size: 15px; line-height: 1.8; max-width: none; }
.game-flow { list-style: none; display: grid; grid-template-rows: repeat(3, 1fr); gap: 0; padding: 0; margin: 0 0 20px; }
.game-flow li { display: flex; align-items: start; gap: 14px; border-top: 1px solid #ffffff25; padding: 18px 0; }
.flow-number { flex: 0 0 32px; display: grid; place-items: center; height: 32px; margin-top: 1px; border-radius: 10px; font-size: 11px; font-weight: 900; background: #a8e7ff20; color: #a8e7ff; }
.battle-card .flow-number { background: #ffcf3919; color: var(--yellow); }
.game-flow h4 { font-size: 16px; line-height: 1.4; margin: 0 0 7px; }
.game-flow li::before { content: none; }
.game-card > p.game-price, .game-card > p.game-intro { max-width: none; }
.video-game-grid .game-film video{aspect-ratio:16/9}
.header .brand img{width:210px;height:68px;object-fit:contain}
.footer .brand img{width:235px;height:76px;object-fit:contain}
@media(min-width:761px) and (max-width:1100px){.header .brand img{width:170px;height:60px}}
@media(min-width:761px) and (max-width:900px){.header .brand img{width:130px;height:54px}}
@media(max-width:760px){.header .brand img{width:150px;height:54px}.footer .brand img{width:190px;height:62px}}
@media(max-width:360px){.header .brand img{width:125px;height:50px}}
.team-selector{margin:4px 0 24px;min-width:0}
.team-stepper{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:10px;align-items:center}
.team-stepper button{height:54px;border:1px solid #cfc0dc;border-radius:8px;background:#eee3fa;color:#592c83;font-size:27px;font-weight:bold}
.team-stepper button:hover:not(:disabled){background:#e3cff8}
.team-stepper button:disabled{opacity:.4}
.team-stepper input{text-align:center;height:54px;min-height:54px;font-size:27px;font-weight:800;appearance:textfield;-moz-appearance:textfield;border-radius:8px}
.team-stepper input::-webkit-inner-spin-button,.team-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.team-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.team-presets button{min-width:44px;min-height:40px;border:1px solid #d4c8df;background:#fff;color:#62477b;border-radius:7px;font-size:13px;font-weight:bold;padding:9px 12px}
.team-presets button[aria-pressed=true]{border-color:#7434b1;background:#ede0fb;color:#58258a;box-shadow:0 0 0 1px #7434b1}
.team-selector .field-help{margin:12px 0 0;line-height:1.7}
.city-people-field{margin:0 0 24px}
.city-people-field .field-help{margin:10px 0 0;line-height:1.7}
@media(max-width:360px){.team-stepper{grid-template-columns:46px minmax(0,1fr) 46px;gap:8px}.team-presets{gap:7px}.team-presets button{min-width:40px;padding:8px 10px}}
.instruction-gallery .instruction-preview{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:10px;width:100%;padding:10px;background:#120a25;overflow:hidden;border-radius:7px;cursor:zoom-in}
#image-dialog{width:min(1150px,calc(100% - 24px));height:94dvh;max-height:94dvh;padding:16px;overflow:hidden;text-align:left}
#image-dialog[open]{display:flex;flex-direction:column;gap:10px}
.image-toolbar{display:flex;align-items:center;gap:8px;padding-right:50px;flex-wrap:wrap;flex-shrink:0}
.image-toolbar button{border:1px solid #ffffff40;border-radius:6px;background:#ffffff10;color:white;font-size:12px;font-weight:bold;min-width:40px;min-height:40px;padding:8px 12px}
.image-toolbar button:disabled{opacity:.4}
#image-zoom-value{min-width:43px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}
#image-zoom-in,#image-zoom-out{font-size:22px;padding:4px 10px}
.image-pan-hint{font-size:11px!important;line-height:1.6;margin:0;color:#c2b2d6!important;flex-shrink:0}
#image-viewport{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#100b1e;border:1px solid #ffffff22;border-radius:8px;padding:16px;touch-action:pan-x pan-y pinch-zoom}
#image-viewport #enlarged-image{display:block;max-height:none;max-width:none;height:auto;margin:0 auto;object-fit:contain}
#image-dialog #image-caption{font-size:11px;line-height:1.5;margin:0 4px;color:#c2b2d6;flex-shrink:0}
.image-links{display:flex;justify-content:space-between;gap:15px;flex-shrink:0;padding:3px 4px;font-size:12px;color:var(--yellow)}
.image-links a{text-decoration:underline;text-underline-offset:4px;padding:7px 0}
@media(max-width:760px){#image-dialog{padding:12px;gap:8px}#image-dialog .close-dialog{top:8px;right:8px}.image-toolbar{gap:6px;padding-right:38px}.image-toolbar button{padding:7px 9px;font-size:11px}.image-pan-hint{font-size:10px!important}#image-viewport{padding:10px}.image-links{font-size:11px}}
.video-game-grid .game-card{grid-row:span 8}
.game-film{margin-bottom:22px;min-width:0}
.film-frame{position:relative;border-radius:13px;overflow:hidden;border:1px solid #ffffff35;background:#110d24}
.game-film video{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;background:#110d24}
.film-play{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:64px;height:64px;border:3px solid #ffffffdd;border-radius:50%;background:#ffcf39f5;color:#25143e;font-size:23px;padding-left:8px;box-shadow:0 8px 25px #0007;transition:box-shadow .2s}
.film-play:hover{box-shadow:0 8px 30px #ffcf3977}
.film-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:11px 0 0;font-size:10px;line-height:1.6;color:#d7d9e9}
.film-caption a{color:white;text-decoration:underline;white-space:nowrap}
.film-error{font-size:12px;line-height:1.7;color:#ffdf82;margin-top:12px}
.video-game-grid .game-flow{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;gap:9px;margin-bottom:15px}
.video-game-grid .game-flow li{display:block;text-align:center;padding:13px 7px;border:1px solid #ffffff25;border-radius:10px;background:#ffffff05}
.video-game-grid .flow-number{height:26px;width:29px;margin:0 auto 9px;border-radius:8px}
.video-game-grid .game-flow h4{font-size:12px;margin:0;line-height:1.5}
.film-transcript{border-bottom:0;margin-bottom:18px}
.film-transcript:first-child{border-top:0}
.film-transcript summary{padding:12px 0;font-size:12px;color:#e4e0f0}
.film-transcript ol{padding-left:20px;margin:8px 0 16px;font-size:13px;line-height:1.8;color:#e4e0f0}
.film-transcript li{padding-left:4px;margin:9px 0}
.film-transcript li::before{content:none}
.film-transcript>p{font-size:11px;line-height:1.7;color:#c9bfdc;padding:0}
@media(max-width:760px){.video-game-grid .game-card{grid-row:auto}.film-caption{font-size:10px;align-items:start}.film-caption>span{max-width:180px}.film-play{width:56px;height:56px;font-size:20px}.video-game-grid .game-flow h4{font-size:11px}.video-game-grid .game-flow{gap:7px}.film-transcript summary{font-size:13px}}
.rule-shared-label { font-size: 10px; font-weight: bold; letter-spacing: 1.7px; color: var(--muted); margin: 0 0 20px; }
.game-instruction-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.game-instruction-gallery article { padding: 16px 16px 24px; border-color: #65ceff44; }
.game-instruction-gallery .instruction-battle { border-color: #bd83ff55; }
.game-instruction-gallery article > button { padding: 10px; }
.game-instruction-gallery h3 { font-size: 27px; }
.game-instruction-gallery .instruction-description { min-height: 3.4em; font-size: 14px; max-width: 470px; }
.route-secondary { border: 1px solid var(--line); border-radius: 10px; padding: 0 22px; margin-top: 28px; }
.route-secondary summary { font-size: 14px; }
.route-secondary > div { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.route-secondary strong { display: block; color: white; margin-bottom: 8px; }
@media (max-width: 760px) {
  .game-instruction-gallery { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .game-instruction-gallery article { display: block; padding: 12px 12px 22px; }
  .game-instruction-gallery article > div { padding: 22px 10px 0; }
  .game-instruction-gallery article > div > span { font-size: 10px; }
  .game-instruction-gallery h3 { font-size: 24px; }
  .game-instruction-gallery .instruction-description { font-size: 14px; min-height: 0; }
  .game-instruction-gallery a { font-size: 13px; }
  .rule-shared-label { font-size: 9px; }
  .route-secondary { padding-inline: 16px; }
  .route-secondary summary { font-size: 13px; }
  .route-secondary > div { grid-template-columns: 1fr; gap: 0; }
}
.game-flow p { font-size: 13px; color: #e1e0f0; line-height: 1.7; margin: 0; }
.game-included { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-bottom: 20px; }
.game-included span { font-size: 11px; border: 1px solid #ffffff35; border-radius: 30px; padding: 8px 11px; color: #e6efff; }
.game-card > .game-price { max-width: none; width: 100%; margin: 0 0 22px; padding-top: 22px; }
.game-card > .button { margin-top: 0; align-self: end; min-height: 52px; }

/* A dedicated, fixed-price offer for a personally authored route. */
.own-route-section { border-block: 1px solid #ffffff25; background: radial-gradient(ellipse at 20% 30%, #185d6a35, transparent 55%), #111d30; }
.own-route-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 90px; align-items: center; }
.own-route-copy > p:not(.eyebrow) { color: #b8c8d5; font-size: 16px; line-height: 1.9; margin: 25px 0 30px; max-width: 470px; }
.own-route-steps { list-style: none; padding: 0; margin: 0; display: grid; gap: 22px; }
.own-route-steps li { display: flex; gap: 17px; align-items: start; }
.own-route-steps b { color: #78d9e2; font-size: 12px; border: 1px solid #78d9e244; border-radius: 10px; padding: 12px 10px; }
.own-route-steps h3 { font-size: 18px; letter-spacing: -.4px; margin: 0 0 7px; }
.own-route-steps p { font-size: 14px; line-height: 1.7; color: #b8c8d5; margin: 0; max-width: 385px; }
.own-route-offer { overflow: hidden; border: 1px solid #ffffff40; border-radius: 22px; background: #1d2a43; box-shadow: 0 25px 60px #0003; }
.route-sketch { padding: 28px; background: linear-gradient(130deg, #214757, #1b3548); position: relative; }
.sketch-label { display: block; font-size: 10px; font-weight: bold; letter-spacing: 2px; color: #a8dde6; margin-bottom: 25px; }
.route-sketch > div { display: flex; align-items: center; gap: 16px; position: relative; padding-bottom: 25px; }
.route-sketch > div:last-child { padding-bottom: 0; }
.route-sketch > div:not(:last-child)::after { position: absolute; content: ''; height: 25px; border-left: 2px dashed #8dcedc77; top: 42px; left: 20px; }
.route-sketch b { display: grid; place-items: center; width: 42px; height: 42px; border: 2px solid #a2e3eb; border-radius: 50%; background: #23566a; font-size: 16px; flex-shrink: 0; }
.route-sketch > div:last-child b { color: #203144; background: var(--yellow); border-color: var(--yellow); }
.route-sketch div > span { font-size: 14px; font-weight: bold; }
.route-sketch small { display: block; color: #b4c9d4; font-size: 11px; font-weight: normal; margin-top: 6px; }
.own-route-price { padding: 28px; }
.own-route-price > span { font-size: 10px; font-weight: 800; letter-spacing: 1.6px; color: #a6cfdb; }
.own-route-price > p { display: flex; align-items: center; gap: 18px; margin: 19px 0; }
.own-route-price strong { font-size: 66px; letter-spacing: -3px; color: var(--yellow); line-height: 1; }
.own-route-price p span { font-size: 13px; line-height: 1.6; color: #c7d4e3; }
.own-route-price ul { list-style: none; padding: 0; margin: 23px 0; }
.own-route-price li { font-size: 13px; line-height: 1.8; color: #d5dfed; margin: 8px 0; }
.own-route-price li::before { content: '\2713'; color: var(--yellow); margin-right: 10px; }
.own-route-price .button { width: 100%; justify-content: space-between; }
.own-route-price > small { display: block; margin-top: 18px; font-size: 11px; line-height: 1.7; color: #b9c8da; }
.route-help { padding: 13px 15px; margin: -5px 0 22px; background: #ede2fd; border: 1px solid #d9c5f0; border-radius: 7px; color: #663493; font-size: 12px; line-height: 1.7; }
.instruction-gallery article > button { aspect-ratio: auto; }
.instruction-gallery img { aspect-ratio: 5 / 7; width: 100%; height: auto; }
.instruction-gallery article > div { display: flex; flex-direction: column; align-items: start; }
.instruction-gallery h3 { min-height: 1.3em; }
.instruction-description { font-size: 13px; line-height: 1.7; color: var(--muted); margin: 0 0 18px; min-height: 3.4em; }
.instruction-gallery article > div > a { margin-top: auto; }
@media (min-width: 761px) and (max-width: 1100px) {
  .game-card { padding: 24px; }
  .game-heading h3 { font-size: 52px; }
  .game-heading .pill { font-size: 8px; }
  .game-scene { gap: 12px; padding: 20px 10px; }
  .game-scene > div > span { width: 62px; height: 62px; }
  .game-scene::before { top: 51px; }
  .game-flow li { gap: 10px; }
  .game-flow h4 { font-size: 15px; }
  .own-route-layout { gap: 45px; }
}
@media (max-width: 760px) {
  .game-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .game-card { display: grid; grid-row: auto; grid-template-rows: auto; padding: 24px; }
  .game-heading h3 { font-size: 58px; }
  .game-heading .pill { font-size: 9px; }
  .game-scene { gap: 10px; padding-inline: 8px; }
  .game-scene > div > span { width: 62px; height: 62px; }
  .game-scene::before { top: 55px; }
  .game-flow { grid-template-rows: auto; }
  .game-flow h4 { font-size: 16px; }
  .game-card > .game-intro { font-size: 14px; }
  .own-route-layout { grid-template-columns: minmax(0, 1fr); gap: 35px; }
  .own-route-copy > p:not(.eyebrow) { font-size: 15px; }
  .own-route-copy h2 { font-size: 38px; }
  .own-route-steps p { font-size: 13px; }
  .route-sketch, .own-route-price { padding: 24px; }
  .own-route-price strong { font-size: 58px; }
}
@media (max-width: 360px) {
  .game-card { padding: 20px; }
  .game-heading h3 { font-size: 50px; }
  .game-heading .pill { font-size: 8px; }
  .game-scene > div > span { width: 54px; height: 54px; }
  .game-scene img { width: 48px; height: 48px; }
  .game-scene::before { top: 51px; }
  .game-included span { font-size: 10px; }
}

.screenshot-example .game-film{max-width:960px;margin:0 auto}.screenshot-example .film-frame{aspect-ratio:16/9}.screenshot-example .film-frame video{display:block;width:100%;height:auto}.screenshot-example>.film-transcript{max-width:960px;margin:18px auto 0}