.game-page{overflow-x:hidden}.game-header{height:92px;padding:0 clamp(20px,4vw,66px);display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:10}.game-back{font-size:.95rem;font-weight:900;letter-spacing:.07em;text-decoration:none;white-space:nowrap}.game-back:first-letter{font-size:1.6rem}.game-header nav{display:flex;gap:clamp(18px,2.5vw,42px);align-items:center}.game-header nav a{text-decoration:none;font-size:.83rem;font-weight:900;letter-spacing:.12em}.game-header a:hover{text-decoration:underline;text-underline-offset:5px}.game-footer{min-height:95px;padding:30px clamp(20px,4vw,66px);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.8rem;font-weight:900;letter-spacing:.13em}.game-footer a{text-decoration:none}.game-footer div{display:flex;gap:20px}.game-footer a:hover{text-decoration:underline}
/* Aces to Ashes: a dark theatrical page with restrained gold rules. */
.aces-page{background:#120909;color:#efe0bd}.aces-page .game-header{background:#120909;border-bottom:1px solid #66502e}.aces-hero img{width:100%;height:auto;aspect-ratio:1920/823;object-fit:cover}.aces-intro{min-height:540px;display:flex;align-items:center;justify-content:space-between;position:relative;padding:70px clamp(35px,6vw,100px);overflow:hidden;background:radial-gradient(circle at 85% 45%,#4b0d0d 0,#1c0909 42%,#100707 78%);border-top:2px solid #a76b33}.aces-intro:before{content:"";position:absolute;top:48px;left:6%;width:64%;height:1px;background:linear-gradient(90deg,#bf8650,transparent)}.aces-intro-text{position:relative;z-index:2;max-width:850px}.aces-kicker,.aces-play-heading span,.aces-gallery>div>span,.aces-end>span{font-size:.82rem;letter-spacing:.2em;font-weight:900;color:#d8a766}.aces-intro h1{font:700 clamp(3.8rem,8vw,8rem)/.93 Georgia,serif;letter-spacing:-.055em;margin:28px 0 24px;color:#f4dfb7;text-shadow:0 4px 22px #090202}.aces-intro p{font-size:1.2rem;line-height:1.6;max-width:600px;color:#d5c3a9}.aces-intro a,.aces-end a{display:inline-flex;gap:35px;align-items:center;margin-top:20px;padding:17px 24px;border:1px solid #d8a766;color:#f4dfb7;text-decoration:none;font-size:.87rem;letter-spacing:.14em;font-weight:900;transition:background .2s,color .2s}.aces-intro a:hover,.aces-end a:hover{background:#d8a766;color:#160909}.aces-suit{font:clamp(16rem,32vw,35rem)/1 Georgia,serif;color:rgba(167,31,24,.22);position:absolute;right:-1%;top:-4%;transform:rotate(-16deg)}.aces-play{padding:90px clamp(35px,6vw,100px) 110px;background:#1a1010;display:grid;grid-template-columns:.55fr 1.45fr;gap:60px;align-items:start}.aces-play-heading{position:sticky;top:30px}.aces-play-heading h2,.aces-gallery h2{font:700 clamp(3rem,5vw,5.8rem)/.98 Georgia,serif;letter-spacing:-.055em;margin:20px 0;color:#f4dfb7}.aces-screen{margin:0;position:relative}.aces-screen img{width:100%;height:auto;border:1px solid #916332;box-shadow:20px 20px 0 #361310}.aces-screen figcaption{margin-top:30px;text-transform:uppercase;font-size:.73rem;font-weight:900;letter-spacing:.14em;color:#ad9a80}.aces-gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:30px;align-items:end;padding:85px clamp(35px,6vw,100px) 115px;background:#250b0b;border-top:2px solid #7b2d1b}.aces-gallery p{max-width:360px;line-height:1.6;color:#d2bca6}.aces-gallery figure{margin:0}.aces-gallery figure img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border:1px solid #9e6834}.aces-gallery figcaption{font:1.35rem Georgia,serif;letter-spacing:.1em;margin-top:15px}.aces-end{background:#0e0707;padding:70px clamp(35px,6vw,100px);display:flex;align-items:center;justify-content:space-between;gap:30px}.aces-end a{margin:0}.aces-page .game-footer{background:#090606;border-top:1px solid #6d4c2e}
/* My Cozy Ant Idler: cream, soil, soft leaf shapes and spacious art. */
.ant-page{background:#fff1ce;color:#26321c}.ant-page .game-header{background:#fff1ce;border-bottom:2px solid #d2bd8e}.ant-intro{min-height:540px;display:grid;grid-template-columns:40% 60%;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 22% 18%,#ffffe5 0,#fff1ce 55%,#f8dfaa 100%)}.ant-intro:before{content:"";position:absolute;width:500px;height:500px;border:28px solid rgba(106,151,34,.12);border-radius:50%;left:-160px;top:-230px}.ant-intro-logo{padding:55px 30px 50px clamp(30px,6vw,95px);position:relative;z-index:2}.ant-intro-logo img{width:min(100%,420px);height:auto;filter:drop-shadow(7px 10px 0 rgba(54,85,28,.13))}.ant-intro-copy{padding:55px clamp(35px,6vw,100px) 70px 15px;position:relative;z-index:2}.ant-intro-copy>span,.ant-details-copy>span,.ant-end>span{font-size:.77rem;letter-spacing:.18em;font-weight:900;color:#5b812d}.ant-intro h1{font:900 clamp(3.6rem,6vw,6.7rem)/.95 var(--display);margin:24px 0;color:#305332}.ant-intro p,.ant-details p{font-size:1.17rem;line-height:1.65;max-width:570px;color:#4f5c3e}.ant-intro a,.ant-details a,.ant-end a{display:inline-flex;align-items:center;gap:35px;padding:17px 23px;margin-top:20px;border-radius:999px;background:#e78a35;color:#211d19;text-decoration:none;font-weight:900;letter-spacing:.06em;box-shadow:4px 5px 0 #744019;transition:translate .2s}.ant-intro a:hover,.ant-details a:hover,.ant-end a:hover{translate:0 -4px}.ant-terrarium{position:relative;background:#8fcb46}.ant-terrarium img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.terrarium-note{position:absolute;right:3.5%;bottom:5%;font-size:.8rem;letter-spacing:.16em;font-weight:900;background:#fff1ce;padding:12px 16px;border-radius:20px;color:#315b2e}.ant-details{position:relative;display:grid;grid-template-columns:44% 56%;align-items:center;min-height:650px;padding:80px clamp(35px,6vw,100px);background:#cfdf83;overflow:hidden}.ant-details:before{content:"";position:absolute;left:-10%;bottom:-210px;width:120%;height:300px;border-radius:50%;background:#9b5e30;box-shadow:0 -26px 0 #c98b45}.ant-icon-wrap{position:relative;z-index:2;width:min(36vw,500px);aspect-ratio:1;background:#eef6bc;border-radius:47% 53% 52% 48%;padding:25px;box-shadow:15px 15px 0 rgba(55,102,39,.18);transform:rotate(-6deg)}.ant-icon-wrap img{width:100%;height:100%;object-fit:cover;border-radius:50%}.ant-details-copy{position:relative;z-index:2;padding:20px 0}.ant-details h2{font:900 clamp(3rem,4.5vw,5.4rem)/1 var(--display);color:#28422e;margin:25px 0}.ant-details a{background:#fff3c7;box-shadow:4px 5px 0 #5b7636}.ant-end{min-height:210px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:55px clamp(35px,6vw,100px);background:#fff5dd}.ant-page .game-footer{background:#ede4c7;border-top:2px solid #ccb98a}
/* Tides & Towers: beach color, large horizon, graphic surf. */
.tides-page{background:#e6f8f3;color:#063e5d}.tides-page .game-header{background:#d8f6ee;border-bottom:2px solid #2595ba}.tides-hero{position:relative;background:#50c5e4;overflow:hidden}.tides-hero-art{width:100%;height:auto;aspect-ratio:1920/823;object-fit:cover}.tides-hero-logo{position:absolute;top:5%;left:31%;width:min(40%,560px);height:auto;filter:drop-shadow(3px 5px 0 rgba(255,255,255,.7))}.tides-hero>a{position:absolute;left:4%;bottom:9%;text-decoration:none;background:#fff1cf;color:#063e5d;padding:16px 22px;border-radius:5px;font-weight:900;letter-spacing:.1em;box-shadow:5px 5px 0 #08779d}.tides-intro{position:relative;z-index:1;min-height:520px;margin-top:-60px;padding:140px clamp(35px,6vw,100px) 90px;background:#f3d69d;clip-path:polygon(0 12%,18% 0,42% 10%,65% 2%,82% 12%,100% 4%,100% 100%,0 100%)}.tides-intro span,.tides-gallery-heading span,.tides-end span{font-size:.83rem;font-weight:900;letter-spacing:.18em;color:#096384}.tides-intro h1{font:900 clamp(4rem,7vw,7.7rem)/.94 var(--display);color:#064d70;margin:20px 0}.tides-intro p{font-size:1.26rem;line-height:1.55;max-width:620px;color:#3c5e62}.tides-gallery{background:#085f83;padding:90px clamp(35px,6vw,100px) 130px;color:#f5ebd4}.tides-gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.tides-gallery-heading span{color:#f6d595}.tides-gallery h2{font:900 clamp(3.5rem,6vw,6.6rem)/.95 var(--display);margin:20px 0 50px}.tides-gallery img{width:100%;height:auto;max-height:850px;object-fit:cover;border:14px solid #f7eccf;box-shadow:16px 18px 0 #02354f}.tides-end{position:relative;min-height:260px;background:#d3eced;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:55px clamp(35px,6vw,100px);overflow:hidden}.tides-end:before{content:"";position:absolute;left:-10%;top:-100px;width:120%;height:140px;border-radius:50%;border-bottom:20px solid #1c9db8}.tides-end a{background:#f6d88b;color:#073d5a;padding:20px 28px;text-decoration:none;font-weight:900;letter-spacing:.06em;box-shadow:6px 6px 0 #3187a0}.tides-page .game-footer{background:#074464;color:#fff1d3}
@media(max-width:850px){.game-header{height:75px}.game-header nav{gap:12px}.game-header nav a{font-size:.69rem}.aces-play{grid-template-columns:1fr;gap:30px}.aces-play-heading{position:static}.aces-gallery{grid-template-columns:1fr 1fr}.aces-gallery>div{grid-column:1/-1}.ant-intro{grid-template-columns:40% 60%}.ant-intro h1{font-size:3.6rem}.ant-details{min-height:520px}.tides-intro{margin-top:-35px;padding-top:100px}}
@media(max-width:620px){.game-header{height:64px;padding:0 18px}.game-back{font-size:.74rem}.game-header nav a:not(:last-child){display:none}.game-header nav a{font-size:.72rem}.aces-intro{min-height:0;padding:70px 25px 80px}.aces-intro h1{font-size:clamp(3.6rem,13vw,5rem)}.aces-intro p{font-size:1rem}.aces-suit{font-size:18rem;right:-20%;top:20%}.aces-play{padding:70px 25px 80px}.aces-play-heading h2,.aces-gallery h2{font-size:3.2rem}.aces-gallery{padding:70px 25px;gap:15px}.aces-gallery figcaption{font-size:.95rem}.aces-end{display:block;padding:55px 25px}.aces-end a{margin-top:20px}.ant-intro{display:block;padding:15px 0 30px}.ant-intro-logo{padding:35px 30px 0}.ant-intro-logo img{width:230px;margin:auto}.ant-intro-copy{padding:10px 25px 30px}.ant-intro h1{font-size:3.5rem}.ant-intro p{font-size:1rem}.terrarium-note{font-size:.55rem;padding:7px 10px}.ant-details{display:block;padding:60px 25px 120px}.ant-icon-wrap{width:min(75vw,300px);margin:auto}.ant-details-copy{padding:50px 0 0}.ant-details h2{font-size:3.2rem}.ant-details p{font-size:1rem}.ant-end{display:block;padding:50px 25px}.ant-end a{margin-top:18px}.tides-hero-logo{width:48%;left:28%;top:0}.tides-hero>a{font-size:.62rem;padding:10px;bottom:9%;left:3%}.tides-intro{margin-top:-16px;clip-path:polygon(0 5%,24% 0,55% 5%,83% 0,100% 4%,100% 100%,0 100%);padding:70px 25px}.tides-intro h1{font-size:3.7rem}.tides-intro p{font-size:1rem}.tides-gallery{padding:70px 25px 90px}.tides-gallery h2{font-size:3.4rem}.tides-gallery img{border-width:7px;box-shadow:7px 8px 0 #02354f}.tides-end{display:block;padding:70px 25px}.tides-end a{display:inline-block;margin-top:20px}.game-footer{padding:25px 18px;display:block}.game-footer>span,.game-footer>div{display:block;margin-top:15px}}