.game-page{font-family:Arial,Helvetica,sans-serif}
.game-page .site-header{direction:ltr}
.game-page .header-note{direction:rtl}
.game-hero{width:100%;max-width:1500px;margin:auto;padding:50px clamp(24px,6vw,96px) 80px;display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center}
.game-copy{position:relative;z-index:1}
.game-wordmark{display:block;width:190px;height:auto;margin:0 -8px 24px}
.game-page h1{font-size:clamp(42px,4.4vw,68px);line-height:1.2;letter-spacing:-.035em;margin-bottom:25px;font-weight:700}
.game-page .intro{max-width:490px;font-size:19px;line-height:1.85;margin-bottom:30px}
.game-page .eyebrow{letter-spacing:.03em;font-size:12px;margin-bottom:24px}
.store-preview{font-family:inherit;border:0;opacity:1;cursor:default;font-size:16px;gap:36px}
.store-preview:hover{transform:none;box-shadow:none;background:var(--accent)}
.install-note{font-size:13px;line-height:1.8;max-width:390px;color:var(--muted);margin:18px 0 0}
.game-visual{position:relative;aspect-ratio:1;display:grid;place-items:center;isolation:isolate}
.game-halo{position:absolute;width:95%;height:95%;border:1px solid var(--line);border-radius:50%;background:radial-gradient(ellipse,#ffd3290c,transparent 65%)}
.game-halo::after{content:"";position:absolute;inset:11%;border:1px dashed var(--line);border-radius:50%}
.game-professor{position:relative;width:90%;height:auto;z-index:1;filter:drop-shadow(0 20px 22px #0004);animation:professor-hover 7s ease-in-out infinite}
.game-platform{position:absolute;width:65%;height:9%;bottom:3%;background:#0005;filter:blur(18px);border-radius:50%;z-index:0}
.game-spark{position:absolute;color:var(--accent)}.game-spark-a{top:12%;right:7%;font-size:32px}.game-spark-b{bottom:22%;left:0;font-size:24px}
.visual-caption{position:absolute;bottom:-12%;font-size:12px;color:var(--muted)}
.game-page .site-footer a{font-size:12px;color:var(--muted);text-decoration:none}.game-page .site-footer a:hover{color:var(--accent)}
.game-page a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
@keyframes professor-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:760px){.game-hero{grid-template-columns:1fr;gap:35px;padding-top:28px;padding-bottom:70px}.game-page h1{font-size:clamp(37px,8vw,54px)}.game-page .intro{font-size:17px}.game-wordmark{width:150px}.game-visual{width:min(90%,370px);justify-self:center}.game-page .header-note{font-size:9px;max-width:115px;text-align:right;line-height:1.7}.visual-caption{bottom:-7%}.game-page .site-header{gap:14px}}

/* Full-width image precedes the original introduction layout. */
.game-page main{display:block}
.family-hero{margin:0;width:100%;overflow:hidden}
.family-hero img{display:block;width:100%;height:auto}
.game-hero{padding-top:70px}
@media(max-width:760px){.game-hero{padding-top:38px}}

/* Mirror the homepage's mobile artwork placement for the RTL game page. */
@media(max-width:760px){
  .game-hero{position:relative;isolation:isolate;display:block;overflow:hidden;min-height:620px;padding-bottom:90px}
  .game-copy{position:relative;z-index:2}
  .game-visual{position:absolute;z-index:0;top:105px;left:-120px;right:auto;width:400px;max-width:none;pointer-events:none}
  .game-visual .visual-caption{display:none}
  .game-copy .intro{position:relative;isolation:isolate;color:var(--text);text-shadow:0 1px 4px rgba(0,0,0,.8)}
  .game-copy .intro::before{content:"";position:absolute;inset:-10px -12px;z-index:-1;pointer-events:none;border-radius:14px;background:rgba(16,29,48,.60);filter:blur(9px)}
  .game-copy h1,.game-copy .install-note{text-shadow:0 2px 12px rgba(16,29,48,.85)}
}
@media(max-width:370px){.game-visual{top:135px;left:-145px;width:380px}}

.challenge-section{width:100%;max-width:1500px;margin:auto;padding:100px clamp(24px,6vw,96px);display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center}
.challenge-copy h2{font-size:clamp(32px,3.3vw,52px);line-height:1.3;letter-spacing:-.035em;margin:0 0 25px}
.challenge-copy .intro{max-width:480px;margin-bottom:0}
.challenge-copy .eyebrow{letter-spacing:.03em}
.countdown-art{position:relative;width:min(100%,430px);aspect-ratio:1;display:grid;place-items:center;justify-self:center;direction:rtl}
.countdown-orbit{position:absolute;inset:0;border:1px solid var(--line);border-radius:50%}
.countdown-orbit::after{content:"";position:absolute;inset:10%;border:1px dashed var(--line);border-radius:50%}
.clock-face{position:relative;width:69%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#29445b,#14283c 75%);box-shadow:0 22px 50px #0004,inset 0 1px 0 #ffffff12}
.clock-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.clock-track{stroke:#ffffff0d;stroke-width:3}
.clock-progress{stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:552.92;stroke-dashoffset:0}
.is-ticking .clock-progress{animation:clock-countdown 21s linear infinite}
.clock-label,.clock-unit{font-size:12px;color:var(--muted)}
.clock-digits{font-size:clamp(64px,7vw,100px);line-height:1.2;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.05em;color:var(--accent)}
.clock-spark{position:absolute;top:12%;left:10%;font-size:29px;color:var(--accent)}
@keyframes clock-countdown{0%{stroke-dashoffset:0}95.238%{stroke-dashoffset:552.92}100%{stroke-dashoffset:552.92}}
@media(max-width:760px){.challenge-section{position:relative;isolation:isolate;overflow:hidden;display:block;padding:65px 24px 90px;min-height:420px}.challenge-copy{position:relative;z-index:1}.challenge-copy h2{font-size:clamp(30px,7vw,44px)}.challenge-copy .intro{position:relative;isolation:isolate;text-shadow:0 2px 8px #101d30}.challenge-copy .intro::before{content:"";position:absolute;inset:-10px;z-index:-1;background:#101d3099;filter:blur(10px);border-radius:14px}.countdown-art{position:absolute;z-index:0;left:-105px;top:100px;width:340px;opacity:.65}.clock-digits{font-size:75px}}

.competition-image{display:block;width:82%;height:82%;object-fit:contain;border-radius:50%}
.clock-ring{z-index:1;pointer-events:none}

.modes-hero,.modes-hero img{border:0;border-radius:0;box-shadow:none}

.champions-section{text-align:right}


.difficulty-steps{display:flex;align-items:flex-end;justify-content:center;gap:14px;width:62%;height:46%;direction:ltr;transform:rotate(-8deg)}
.difficulty-steps span{flex:1;border:1px solid #ffd32955;border-radius:12px 12px 5px 5px;background:linear-gradient(150deg,#ffd32955,#ffd32912);box-shadow:0 12px 25px #0002}
.difficulty-steps span:nth-child(1){height:38%}.difficulty-steps span:nth-child(2){height:67%}.difficulty-steps span:nth-child(3){height:100%;background:linear-gradient(150deg,#ffdf5a,#d8a717)}
.difficulty-star{position:absolute;top:16%;left:32%;font-size:35px;color:var(--accent);animation:difficulty-float 6s ease-in-out infinite}
@keyframes difficulty-float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-9px) rotate(8deg)}}

.category-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:57%;transform:rotate(-10deg);animation:category-hover 8s ease-in-out infinite}
.category-tiles span{display:grid;place-items:center;aspect-ratio:1;border-radius:20%;border:1px solid #ffd32944;background:linear-gradient(140deg,#314d63,#1c344a);color:var(--accent);font-size:clamp(32px,4vw,55px);box-shadow:0 10px 20px #0002}
.category-tiles span:nth-child(2){background:linear-gradient(140deg,#ffdf5a,#d8a717);color:#142233}
@keyframes category-hover{0%,100%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-8px) rotate(-10deg)}}

.friday-family-scene{width:73%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:1px solid #ffd32944;box-shadow:0 20px 45px #0003;animation:friday-hover 8s ease-in-out infinite}
.friday-family-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
@keyframes friday-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

.store-section{max-width:1000px;margin:auto;padding:90px 24px 100px;text-align:center}
.store-section h2{font-size:clamp(34px,4vw,56px);line-height:1.3;letter-spacing:-.035em;margin:0 0 32px}
.store-free{font-size:18px;line-height:1.8;color:var(--text);margin:24px 0 0}
.store-section .install-note{max-width:550px;margin:8px auto 0}
@media(max-width:760px){.store-section{padding:65px 24px 75px}.store-free{font-size:17px}}

/* Original game difficulty symbols float independently at three depths. */
.difficulty-constellation{position:absolute;inset:12%}
.difficulty-gem{position:absolute;width:45%;aspect-ratio:1;display:grid;place-items:center;border-radius:28%;border:1px solid #ffffff18;background:linear-gradient(145deg,#314d6380,#14283c55);box-shadow:0 18px 35px #0003;animation:gem-hover 7s ease-in-out infinite;--tilt:-12deg}
.difficulty-gem img{width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 6px 8px #0003)}
.gem-easy{left:0;bottom:4%;width:39%;animation-delay:-2s;--tilt:-15deg}
.gem-medium{left:25%;top:22%;z-index:2;width:51%;border-color:#ffd32955;background:radial-gradient(circle,#ffd32918,#20394d);--tilt:5deg}
.gem-hard{right:-1%;top:0;width:40%;animation-delay:-4s;--tilt:14deg}
@keyframes gem-hover{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-12px) rotate(var(--tilt))}}

.game-header-links{display:flex;align-items:center;gap:24px;direction:rtl}
.support-link{color:var(--text);font-size:13px;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;transition:color .2s}
.support-link:hover{color:var(--accent)}
@media(max-width:760px){.game-header-links{flex-direction:column;align-items:flex-start;gap:8px}.support-link{font-size:12px;padding:6px 0}}



@media(max-width:760px){
  .game-page .site-header{flex-wrap:wrap}
  .game-header-links{flex-direction:row;align-items:center;gap:14px;flex-wrap:nowrap}
  .game-page .game-header-links .header-note{max-width:none;white-space:nowrap;font-size:10px}
  .game-header-links .support-link{white-space:nowrap;font-size:11px}
}
@media(max-width:540px){
  .game-header-links{width:100%;justify-content:space-between}
}

/* English edition of the marketing page: LTR layout, shared game imagery. */
.game-page-en .game-header-links,.game-page-en .header-note{direction:ltr}
.game-page-en .champions-section{text-align:left}
.game-page-en h1{font-size:clamp(40px,4.2vw,64px);line-height:1.12;letter-spacing:-.045em}
.game-page-en .challenge-copy h2{font-size:clamp(32px,3.1vw,48px);line-height:1.18}
.edition-notice{max-width:500px;margin:0 0 28px;padding:16px 18px;border-left:2px solid var(--accent);background:#ffd32909;border-radius:0 9px 9px 0;font-size:14px;line-height:1.7}
.edition-notice strong{color:var(--accent);font-weight:600}.edition-notice p{margin:6px 0 0;color:var(--muted)}
.edition-reminder{font-size:14px;line-height:1.8;color:var(--accent);margin:0 0 20px}
@media(max-width:760px){.game-page-en .game-visual{left:auto;right:-120px}.game-page-en .countdown-art{left:auto;right:-105px}.game-page-en .intro{line-height:1.75}.game-page-en .game-header-links{gap:12px}.game-page-en .game-header-links .support-link{font-size:10px}.edition-notice{position:relative;background:#101d30e6}.game-page-en .game-hero{padding-bottom:65px}.game-page-en .game-header-links{width:100%;justify-content:flex-start;flex-wrap:wrap}}

.creator-story{max-width:1200px;margin:0 auto;padding:85px clamp(24px,6vw,80px) 100px;border-top:1px solid var(--line)}
.creator-story h2{font-size:clamp(32px,3.5vw,48px);line-height:1.3;margin:0 0 35px;letter-spacing:-.035em}
.creator-story-text{font-size:clamp(19px,1.8vw,24px);line-height:1.95;color:var(--muted)}
.creator-story-text p{margin:0 0 25px}.creator-story-text p:first-child{color:var(--text)}.creator-story-text p:last-child{margin-bottom:0}
@media(max-width:760px){.creator-story{padding:55px 24px 65px}.creator-story-text{font-size:18px;line-height:1.9}}