/* Shared game-page modules. Theme tokens may be overridden per title. */
.game-page{--game-accent:#934923;--game-primary:#3d3c39;--game-surface:#eee1cf;--game-green:#496144}
.game-page .game-primary{background:var(--game-primary);color:var(--white);border:1px solid transparent}
.game-page .game-primary:hover:not(:disabled){border-color:var(--sand);color:var(--sand)}
.game-page .button:disabled:hover{transform:none}
.game-page .button:disabled{opacity:.85}
.back-link{display:inline-block;font-size:12px;color:var(--muted);padding:6px 0;margin-bottom:30px}
.back-link:hover{color:var(--copper-text)}
.game-hero{padding:24px 0 62px}
.game-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center}
.game-hero-copy>.eyebrow{margin-bottom:18px}
.game-hero h1{font-size:57px;line-height:1.04;letter-spacing:-2.3px;color:var(--game-accent)}
.game-subtitle{font-size:24px;margin-top:8px;font-family:'Bricolage Grotesque',sans-serif}
.game-hero h2{font-size:24px;max-width:400px;line-height:1.35;margin:28px 0 14px;letter-spacing:-.5px}
.game-lead{font-size:14px;line-height:1.85;max-width:455px;color:var(--muted)}
.game-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.secondary-button{border:1px solid #c7bcad;background:none;gap:18px}
.secondary-button:hover{background:var(--white);color:var(--copper-text)}
.platform-label{display:block;font-size:9px;letter-spacing:1.4px;color:var(--muted);margin-top:19px}
.game-hero-art{margin:0;background:var(--white);padding:12px;box-shadow:0 12px 24px #4f3c2512;transform:rotate(2deg);border:1px solid var(--line);border-radius:7px}
.game-hero-art img{width:100%;border-radius:3px}
.game-hero-art figcaption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;padding:15px 5px 5px;color:var(--game-accent)}
.game-about{background:var(--white);padding:56px 0 28px}
.about-game-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}
.about-game-grid .eyebrow{margin-bottom:16px}
.about-game-grid h2{font-size:35px;max-width:350px}
.game-body p{font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:14px}
.game-body p:nth-child(2){color:var(--ink);font-weight:500}
.paddle-motif{height:40px;position:relative;width:130px;margin-top:25px}
.paddle-motif span{position:absolute;bottom:0;width:90px;height:8px;background:var(--sand);border-radius:8px;transform:rotate(-13deg)}
.paddle-motif i{position:absolute;right:10px;top:0;width:18px;height:18px;border:1px solid var(--game-green);border-radius:50%}
.game-features{padding:30px 0 38px}
.game-page:has(.game-features) .game-features{background:var(--ivory)}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.feature-card{padding:25px 23px;background:var(--white);border:1px solid var(--line);border-radius:8px}
.feature-symbol{font-family:'Bricolage Grotesque',sans-serif;font-size:32px;color:var(--game-accent);display:block;margin-bottom:21px;height:38px}
.feature-card h3{font-size:20px;margin-bottom:11px}
.feature-card p{font-size:12px;line-height:1.8;color:var(--muted)}
.game-info{display:flex;gap:18px;align-items:flex-start;padding:22px 26px;background:#eee7db;border-radius:6px;margin-bottom:58px;border-left:3px solid var(--sand)}
.info-mark{width:22px;height:22px;border:1px solid var(--copper-text);border-radius:50%;display:grid;place-items:center;font:italic 15px Georgia;color:var(--copper-text);flex-shrink:0}
.game-info h2{font-size:19px;margin-bottom:8px;letter-spacing:-.3px}
.game-info p{font-size:13px;line-height:1.75;color:var(--muted);max-width:970px}
.game-tutorial{background:var(--game-surface);padding:57px 0}
.module-heading{display:grid;grid-template-columns:1fr .85fr;gap:95px;align-items:end;margin-bottom:29px}
.module-heading .eyebrow{margin-bottom:15px}
.module-heading h2{font-size:34px;max-width:530px}
.module-heading>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:460px}
.carousel{background:var(--white);border:1px solid #d4c8b7;border-radius:9px;padding:17px;overflow:hidden}
.carousel-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 3px 13px;font-size:8px;letter-spacing:1.5px;color:var(--muted)}
.carousel-toolbar[hidden],.carousel-controls[hidden]{display:none}
.rotation-control{font-size:11px;letter-spacing:0;min-height:30px;padding:4px 8px;border:1px solid var(--line);border-radius:4px}
.carousel-slides{position:relative}
.tutorial-slide{margin:0}.tutorial-slide[hidden]{display:none}
.carousel.is-enhanced .tutorial-slide{animation:slide-in .3s ease}
.tutorial-slide img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:4px}
.tutorial-slide figcaption{display:flex;gap:24px;padding:23px 11px 12px;min-height:98px}
.slide-count{font-size:11px;color:var(--copper-text);padding-top:6px;white-space:nowrap}
.tutorial-slide h3{font-size:23px;margin-bottom:6px}
.tutorial-slide p{font-size:13px;line-height:1.7;color:var(--muted)}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:22px;padding-top:9px}
.carousel-arrow{border:1px solid var(--line);border-radius:50%;width:39px;height:39px;font-size:18px}
.carousel-arrow:hover,.rotation-control:hover{background:var(--ivory)}
.carousel-dots{display:flex;gap:4px}
.carousel-dots button{width:27px;height:32px;padding:9px;display:grid;place-items:center}
.carousel-dots button:before{content:'';width:7px;height:7px;border-radius:50%;background:#b9b0a3}
.carousel-dots button[aria-current="true"]:before{background:var(--copper-text);width:9px;height:9px}
.game-video{padding:61px 0}
.video-preview{position:relative;border-radius:9px;overflow:hidden;background:var(--ink)}
.video-preview>img{width:100%;height:450px;object-fit:cover;opacity:.19}
.video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--white);padding:25px;text-align:center}
.video-play{border:1px solid #e9bd8877;background:#29282799;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:35px;color:var(--sand);margin-bottom:23px}
.video-overlay .eyebrow{color:var(--sand)}
.video-overlay h3{font-size:29px;margin:14px 0 23px}
.video-button{color:var(--white);background:transparent;border:1px solid #fcfaf677}
.game-platform{background:var(--game-surface);padding:43px 0}
.platform-grid{display:flex;align-items:center;justify-content:space-between;gap:35px}
.platform-grid .eyebrow{margin-bottom:12px}
.platform-grid h2{font-size:36px;margin-bottom:12px}
.platform-grid p{font-size:13px;color:var(--muted);line-height:1.7}
.game-related{display:grid;grid-template-columns:1fr .75fr;gap:95px;align-items:center;padding:56px 0}
.related-copy .eyebrow{margin-bottom:17px}
.related-copy h2{max-width:450px;font-size:35px}
.related-copy p{font-size:14px;line-height:1.8;color:var(--muted);max-width:420px;margin:18px 0 23px}
.related-card>.flickfit-art{aspect-ratio:16/8}
.related-card .flickfit-art strong{font-size:56px}
.related-card>div:last-child:not(.flickfit-art){display:flex;align-items:center;justify-content:space-between;margin-top:15px}
.related-card h3{font-size:21px}
.game-contact{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0 32px}
.game-contact>div>a{display:block;font-size:19px;margin:9px 0}
.game-contact p{font-size:11px;color:var(--muted)}
.game-contact .social-area{margin:0}
.game-contact .social-icon{width:37px;height:37px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes slide-in{from{opacity:.5}to{opacity:1}}
@media(max-width:1000px){.game-hero-grid{gap:26px}.game-hero h1{font-size:43px}.game-hero h2{font-size:22px}.module-heading,.about-game-grid,.game-related{gap:35px}.feature-grid{grid-template-columns:1fr 1fr}.game-actions{gap:8px}.game-actions .button{padding:13px 15px;font-size:11px;gap:14px}}
@media(max-width:700px){.game-hero-grid,.about-game-grid,.module-heading,.game-related{grid-template-columns:1fr}.game-hero{padding:20px 0 37px}.game-hero h1{font-size:43px}.game-hero-art{margin:10px 5px}.game-about{padding-top:35px}.about-game-grid{gap:25px}.paddle-motif{display:none}.feature-grid{gap:12px}.feature-card{padding:19px 15px}.feature-card h3{font-size:18px}.game-info{padding:20px;margin-bottom:35px}.game-tutorial{padding:35px 0}.module-heading{gap:17px}.module-heading h2,.about-game-grid h2,.related-copy h2{font-size:29px}.carousel{padding:9px}.tutorial-slide figcaption{padding:15px 4px;gap:13px;min-height:136px}.tutorial-slide h3{font-size:21px}.carousel-toolbar{font-size:7px}.game-video{padding:37px 0}.video-preview>img{height:320px}.video-overlay h3{font-size:24px}.platform-grid{display:block}.platform-grid .button{margin-top:23px}.platform-grid h2{font-size:31px}.game-related{padding:38px 0;gap:27px}.game-contact{align-items:flex-start;gap:22px;flex-direction:column}.game-hero-art figcaption{font-size:7px}.related-card .flickfit-art strong{font-size:48px}}
@media(prefers-reduced-motion:reduce){.carousel.is-enhanced .tutorial-slide{animation:none}}