:root{background:#fbfaf7;color:#342f29}
.play-page .brand{font-size:16px}.back{font-size:12px;color:#756b5f;padding:12px 0}
.play-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:50px 0 36px}
.play-intro .eyebrow{color:#98774e}.play-intro h1{font-size:clamp(30px,4vw,46px);font-weight:500;letter-spacing:.09em;margin:18px 0 22px}
.lead{font-size:22px;line-height:1.8;letter-spacing:.06em}.intro-copy{font-size:13px;line-height:2;color:#70685e;margin-top:16px}.hero-mark{width:35%;max-width:360px}
.collection-nav{display:flex;flex-wrap:wrap;gap:12px;padding:8px 0 32px}
.collection-nav a{display:flex;align-items:center;gap:14px;min-height:48px;padding:12px 18px;border:1px solid #ded7cb;border-radius:30px;background:#fffefa;color:#5d5142;text-decoration:none;font-size:14px}
.collection-nav span{color:#817567;font-size:12px}.collection-nav a:hover{border-color:#b69870}
.collection{scroll-margin-top:24px;margin-bottom:44px}.collection-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-top:1px solid #ddd6ca;padding:26px 0 20px}
.collection-heading h2{font-size:23px;font-weight:500;letter-spacing:.05em;margin:0 0 9px}.collection-heading p{font-size:13px;line-height:1.8;color:#70685e;margin:0}.collection-heading>span{font-size:12px;color:#776a59;white-space:nowrap;padding-top:7px}
.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.games-play{grid-template-columns:repeat(2,minmax(0,1fr))}
.game{background:#fffefa;border:1px solid #e4ded3;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;color:inherit;text-decoration:none;transition:transform .18s,border-color .18s}
.game:hover{transform:translateY(-3px);border-color:#c8ad88}.game:focus-visible,.collection-nav a:focus-visible{outline:3px solid #a97f4a;outline-offset:4px}
.game-art{position:relative;background:#f5f2eb;height:180px;padding:18px 20px 28px}.game-art img{width:100%;height:100%;display:block;max-width:240px;margin:auto}
.life .game-art{background:#f4f7f1}.cat .game-art{background:#f8f2eb}.stack .game-art{background:#f5f2f7}.forward .game-art{background:#f4f7f9}
.balance .game-art{background:#eee5f2}.tetris .game-art{background:#f7eddb}.ripples .game-art{background:#e9f3f3}.pendulum .game-art{background:#f5eee5}.orbit .game-art{background:#edf0f8}
.game-index{position:absolute;left:18px;top:12px;font-family:Georgia,serif;font-size:23px;color:#8f826e}.game-tag{position:absolute;bottom:12px;left:20px;font-size:11px;color:#6e6557}
.game-copy{padding:22px;display:flex;flex:1;flex-direction:column}.game .category{font-size:11px;color:#8b663d}.balance .category{color:#795383}.tetris .category{color:#8d6625}.ripples .category{color:#236a78}.pendulum .category{color:#95523d}.orbit .category{color:#526299}
.game h3{font-size:22px;font-weight:500;letter-spacing:.04em;margin:9px 0 14px;line-height:1.5}.game-lead{font-size:14px;line-height:1.8}.game-description{font-size:13px;color:#70685e;line-height:1.9;margin:7px 0 20px}
.game-bottom{margin-top:auto;border-top:1px solid #e9e2d7;display:flex;justify-content:space-between;align-items:center;padding-top:13px;font-size:12px;color:#805d34}.decorative-arrow{font-size:23px;color:#a99578}
.closing{display:flex;align-items:center;gap:20px;margin:36px 0;padding:28px 0;border-top:1px solid #ddd6ca}.closing>span{font-size:38px;color:#ba9a6c}.closing h2{font-size:17px;font-weight:500;margin:0 0 8px}.closing p{font-size:13px;color:#70685e;line-height:1.8}.closing a{margin-left:auto;font-size:12px;padding:14px 0;white-space:nowrap}.play-page footer{border-color:#ddd6ca}
@media(max-width:960px){.games{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hero-mark{width:30%}.game h3{font-size:21px}}
@media(max-width:620px){.play-page header{gap:12px}.play-page .brand{font-size:14px;letter-spacing:.06em;gap:8px}.play-page .brand img{width:25px}.back{font-size:11px}.play-intro{position:relative;padding:30px 0 20px;overflow:hidden}.play-intro>div{z-index:1}.play-intro h1{font-size:30px}.lead{font-size:19px}.intro-copy{font-size:12px;max-width:26em}.hero-mark{position:absolute;width:210px;right:-72px;top:30px;opacity:.25}
.collection-nav{gap:10px;padding-bottom:24px}.collection-nav a{width:100%;justify-content:space-between;font-size:14px}.collection-heading{gap:12px;padding:22px 0 16px}.collection-heading h2{font-size:21px}.collection-heading p{font-size:12px}.collection{margin-bottom:32px}
.games{grid-template-columns:1fr;gap:18px}.game-art{height:145px}.game-copy{padding:19px 22px}.game h3{font-size:22px;margin-bottom:10px}.game-description{margin-bottom:16px}.closing{flex-wrap:wrap;gap:14px;margin:24px 0}.closing>div{flex:1}.closing a{margin-left:48px}}
@media(prefers-reduced-motion:reduce){.game{transition:none}}

/* curiosity-start */
.curiosity{--primary:#718f82;--depth:#3b625a;--soft:#edf3f0}.curiosity .game-art{background:#eef3f0}.curiosity.robot .game-art{background:#eef0f7}.curiosity.gears .game-art{background:#f5efe5}.curiosity.branch .game-art{background:#edf2e9}.collection-nav{flex-wrap:wrap}.collection-nav a{flex:1 1 260px}
/* curiosity-end */
