*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f8f6f0;color:#1c2530;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6}
a{color:inherit;text-underline-offset:4px}
img{max-width:100%;display:block}
a:focus-visible,summary:focus-visible{outline:3px solid #285bdb;outline-offset:5px}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.06;letter-spacing:-.045em}
h1{font-size:clamp(42px,6.6vw,86px);font-weight:750;margin-bottom:28px}
h2{font-size:clamp(32px,4vw,52px)}
h3{font-size:26px}
.wrap{max-width:1220px;margin:auto;padding:0 32px}
.skip{position:absolute;left:20px;top:-100px;z-index:99;background:white;padding:12px}
.skip:focus{top:8px}
header{border-bottom:1px solid #d8d9d3}
nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:100px}
.brand{font-weight:800;font-size:20px;text-decoration:none;letter-spacing:-.7px}
.links{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:bold}
.links a{padding:12px 0}
.eyebrow{font-size:12px;font-weight:bold;letter-spacing:.18em;margin-bottom:26px}
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;padding-top:70px;padding-bottom:80px}
.intro{font-size:19px;max-width:590px;line-height:1.7;color:#48535e}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 16px}
.button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;min-height:54px;padding:13px 22px;text-decoration:none;border-radius:10px;background:#1c2530;color:white;font-weight:bold;font-size:14px}
.button.secondary{background:transparent;border:1px solid #1c2530;color:#1c2530}
.fine{font-size:12px;color:#59646b}
.visual{position:relative;background:var(--accent);border-radius:50% 50% 12px 12px;min-height:500px;display:grid;place-items:center;padding:35px 30px 0}
.visual img{width:auto;height:480px;max-width:100%;object-fit:contain;border-radius:22px;box-shadow:0 24px 42px #0003;transform:rotate(5deg)}
.visual:after{content:'MADE FOR YOUR NEXT BREAK';font-size:10px;letter-spacing:.18em;font-weight:bold;padding:24px}
.section{padding-top:75px;padding-bottom:85px;border-top:1px solid #d8d9d3}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}
.section-head h2{margin-bottom:0}
.catalogue{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.game{background:white;border:1px solid #e0e2dc;border-radius:16px;padding:26px;display:flex;flex-direction:column}
.game img{width:76px;height:76px;border-radius:18px;margin-bottom:26px}
.game h3{font-size:25px;letter-spacing:-.035em;line-height:1.15}
.game p{font-size:15px;color:#48535e}
.game a{font-weight:bold;font-size:14px;margin-top:auto;padding-top:14px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;counter-reset:step}
.step{border-top:3px solid #1c2530;padding-top:25px}
.step:before{counter-increment:step;content:'0' counter(step);display:block;font-size:13px;margin-bottom:22px}
.step p{color:#48535e}
.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;align-items:start}
.screens img{width:100%;height:auto;border-radius:12px}
.screens figure{margin:0}
.screens figcaption{font-size:12px;margin-top:12px;color:#59646b}
.details{max-width:800px}
.details p{color:#48535e}
details{border-top:1px solid #cdd2cc;padding:20px 0}
summary{cursor:pointer;font-weight:bold;font-size:18px}
details p{padding-top:16px;margin-bottom:0}
.banner{background:#1c2530;color:#fff;border-radius:20px;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.banner h2{font-size:36px;margin:0}
.banner .button{background:var(--accent);color:#1c2530}
footer{border-top:1px solid #d8d9d3;padding:30px 0 45px}
.footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}
.footer-inner p{font-size:13px}
.footer-inner a{font-size:13px;margin-right:22px}
.icon{width:82px;height:82px;border-radius:20px;margin-bottom:25px}
.breadcrumb{font-size:13px;margin-top:24px}
.draft{padding:12px 24px;background:#fff0bd;color:#382d16;font-size:14px}
.research{background:#e8eee8;padding:45px;border-radius:20px;margin-top:50px}
.research h2{font-size:40px}
.research p{max-width:750px}
@media(max-width:850px){.wrap{padding-left:24px;padding-right:24px}
.hero{gap:35px;padding-top:45px}
.visual{min-height:410px;padding-left:18px;padding-right:18px}
.visual img{height:370px}
.catalogue{grid-template-columns:repeat(2,1fr)}
.steps{gap:24px}
.links{gap:16px}
.brand{font-size:17px}
}
@media(max-width:620px){nav{min-height:86px;align-items:start;flex-direction:column;justify-content:center;gap:4px}
.links{font-size:12px;gap:22px}
.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:50px;gap:32px}
.intro{font-size:17px}
.visual{min-height:390px;max-width:360px;width:100%;margin:auto}
.visual img{height:365px}
.visual:after{padding:20px;font-size:9px}
.section{padding-top:48px;padding-bottom:48px}
.section-head{display:block}
.section-head p{margin-top:15px}
.catalogue{grid-template-columns:1fr}
.game{padding:24px}
.steps{grid-template-columns:1fr;gap:25px}
.screens{gap:12px}
.screens figcaption{font-size:10px}
.banner{display:block;padding:30px}
.banner .button{margin-top:24px}
.banner h2{font-size:30px}
.research{padding:26px}
.research h2{font-size:30px}
h1{font-size:46px}
.actions{flex-direction:column;align-items:stretch}
.button{justify-content:center}
.footer-inner{display:block}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{animation:none!important;transition:none!important}
}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:12px 32px;margin:30px 0}
.facts dt{font-weight:bold}
.facts dd{margin:0;color:#48535e}
.article{max-width:760px}
.article h2{font-size:clamp(28px,3.2vw,38px);margin-top:52px}
.article p,.article li{color:#48535e}
.article li{margin-bottom:10px}
.review{background:white;border:1px solid #e0e2dc;border-radius:16px;padding:26px;margin:0;display:flex;flex-direction:column}
.review .stars{color:#a86a12;letter-spacing:3px;margin-bottom:12px}
.review blockquote{margin:0 0 18px}
.review blockquote p{margin:0}
.review figcaption{font-size:13px;color:#59646b;margin-top:auto}
@media(max-width:620px){.facts{grid-template-columns:1fr;gap:2px}
.facts dd{margin-bottom:14px}
}

.links a{min-height:44px;display:inline-flex;align-items:center}


/* research-seo-start */
.links{flex-wrap:wrap;column-gap:20px;row-gap:0}.research-note{padding-top:30px;padding-bottom:30px;color:#48535e;font-size:14px}.game-tagline{font-size:clamp(24px,3vw,34px);line-height:1.2;letter-spacing:-.03em;font-weight:700}.research .fine{max-width:56rem}
/* research-seo-end */

/* Verified app downloads and platform facts: no new runtime or tracking dependency. */
.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.hero>*{min-width:0}.app-page h1{font-size:clamp(36px,5vw,68px);overflow-wrap:anywhere}.download-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:auto;padding-top:12px}.game .download-actions a{margin:0;padding:11px 14px;font-size:13px;min-height:44px;flex:1;white-space:nowrap}.game h3 a{font-size:inherit;padding:0;text-decoration:none}.game h3 a:hover{text-decoration:underline}.game .details-link{margin-top:12px;font-size:13px;min-height:44px;display:inline-flex;align-items:center}.release-label{font-size:13px;font-weight:700;margin:17px 0 10px}.feature-table{overflow-x:auto;border:1px solid #cdd2cc;border-radius:14px;max-width:100%;color:#1c2530}.feature-table table{border-collapse:collapse;min-width:620px;width:100%;font-size:15px;line-height:1.5}.feature-table th,.feature-table td{padding:17px;text-align:left;vertical-align:top;border-bottom:1px solid #d8d9d3}.feature-table thead{background:#e8eee8}.feature-table th[scope=row]{width:25%}.upcoming{background:#1c2530;color:#fff;border-radius:20px;padding:34px;max-width:900px}.upcoming .eyebrow{color:var(--accent)}.upcoming h2{color:#fff}.upcoming li{margin-block:10px}.conversion-panel{background:var(--accent);border-radius:20px;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:25px}.conversion-panel h2{font-size:36px;margin-bottom:15px}.conversion-panel .actions{flex-shrink:0;margin:0}.conversion-panel .eyebrow{margin-bottom:15px}.app-dock{position:fixed;inset:auto 0 0;z-index:50;background:#f8f6f0;border-top:1px solid #cdd2cc;display:flex;justify-content:center;align-items:center;gap:12px;padding:10px 20px calc(10px + env(safe-area-inset-bottom));min-height:0}.app-dock>span{font-size:13px;font-weight:700;margin-right:15px;max-width:220px}.app-dock .button{min-height:44px;padding:11px 20px;font-size:13px}.app-page footer{padding-bottom:120px}.guide-download{border:1px solid #cdd2cc;background:#e8eee8;border-radius:18px;padding:25px;margin:28px 0 40px}.guide-download h2{font-size:30px;margin:0 0 12px}.guide-download p{margin-bottom:12px}.guide-download .actions{margin:18px 0 0}.guide-download .eyebrow{font-size:11px}.game-tagline{font-weight:700;font-size:19px}.details>p{max-width:780px}.feature-table:focus-visible{outline:3px solid #285bdb;outline-offset:4px}
@media(max-width:850px){.conversion-panel{display:block}.conversion-panel .actions{margin-top:24px}}@media(max-width:620px){.hero{grid-template-columns:minmax(0,1fr)}.app-page h1{font-size:clamp(32px,8.5vw,45px)}.feature-table table{font-size:14px}.feature-table th,.feature-table td{padding:14px}.app-dock{gap:10px;padding-inline:16px}.app-dock>span{display:none}.app-dock .button{flex:1;max-width:220px;justify-content:center}.conversion-panel{padding:28px}.conversion-panel h2{font-size:30px}.conversion-panel .actions{align-items:stretch}.upcoming{padding:27px}.upcoming h2{font-size:29px}.guide-download{padding:22px}.download-actions .button{white-space:normal!important}.links{flex-wrap:wrap}}

@media(max-width:620px){nav.app-dock{flex-direction:row;align-items:center}nav.app-dock .store-links{flex-direction:row}}

/* Keep player choices and download actions comfortable at every width. */
.app-page .actions,.guide-download .actions{flex-wrap:wrap}.app-page .actions .button,.guide-download .actions .button{text-align:center;white-space:normal}.app-page .facts{margin-top:24px}.app-page .details .fine{font-size:13px}.app-page .hero .intro{max-width:42rem}