
.play-page{background:var(--cream);padding-bottom:88px}.play-hero{padding:72px 0 42px}.play-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:70px;align-items:end}.play-hero h1{font-family:var(--serif);font-size:clamp(2.7rem,5.3vw,5.8rem);line-height:1.08;letter-spacing:-.055em;margin:0}.play-hero h1 em{font-style:normal;color:var(--forest-2)}.play-hero-copy{max-width:550px}.play-hero-copy>span{display:inline-flex;padding:8px 12px;border-radius:999px;background:#e6ede5;color:var(--forest);font-size:.72rem;font-weight:800;letter-spacing:.12em}.play-hero-copy p{margin:18px 0 0;color:var(--muted);font-size:1rem;line-height:1.8}.play-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.play-card{min-width:0;border:1px solid var(--line);border-radius:28px;background:var(--paper);overflow:hidden;box-shadow:0 18px 50px rgba(26,45,32,.08);transition:transform .25s ease,box-shadow .25s ease}.play-card:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(26,45,32,.14)}.play-card>a{display:flex;flex-direction:column;height:100%}.play-card-media{position:relative;aspect-ratio:1.15;overflow:hidden;background:#e5e8df}.play-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(18,37,26,.18),transparent 48%);pointer-events:none}.play-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.craft-media{background:linear-gradient(145deg,#d9e2d5,#efe7d6)}.craft-media img{object-fit:cover;object-position:center}.craft-character-media{background:linear-gradient(145deg,#dbe6d8,#f2eadc)}.craft-character-media img{object-fit:contain;object-position:center bottom;padding:14px 14px 0}.play-card:hover .play-card-media img{transform:scale(1.035)}.character-media{background:linear-gradient(145deg,#dfe8dc,#f4efe4)}.character-media img{object-fit:contain;object-position:center bottom;padding:18px 18px 0}.play-card-copy{display:flex;flex-direction:column;flex:1;padding:25px 25px 27px}.play-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.play-card-top span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font-family:var(--serif);font-size:.8rem}.play-card-top small{color:var(--moss);font-size:.66rem;font-weight:800;letter-spacing:.14em}.play-card h2{font-family:var(--serif);font-size:1.65rem;letter-spacing:-.035em;margin:20px 0 9px}.play-card p{color:var(--muted);font-size:.86rem;line-height:1.7;margin:0}.play-card ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:18px 0 25px}.play-card li{padding:6px 9px;border-radius:999px;background:#edf1eb;color:var(--forest);font-size:.67rem;font-weight:750}.play-card b{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid var(--line);padding-top:17px;color:var(--forest);font-size:.85rem}.play-card b i{font-style:normal;font-size:1.15rem}.play-guide{margin-top:26px;padding:34px 38px;border-radius:26px;background:var(--forest);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.play-guide .eyebrow{color:#b9c9bb}.play-guide h2{font-family:var(--serif);font-size:2rem;margin:6px 0 0}.play-guide-list{display:grid}.play-guide-list p{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.16);font-size:.83rem}.play-guide-list p:last-child{border-bottom:0}.play-guide-list strong{font-weight:650}.play-guide-list span{color:#d8e3d8;font-weight:800;white-space:nowrap}.desktop-nav .is-current{color:var(--forest);font-weight:800}.inner-header .desktop-nav .is-current:after{transform:scaleX(1)}
@media(max-width:980px){.play-hero-grid{grid-template-columns:1fr;gap:28px}.play-grid{grid-template-columns:1fr 1fr}.play-guide{grid-template-columns:1fr;gap:22px}}
@media(max-width:700px){.play-page{padding-bottom:52px}.play-hero{padding:42px 0 28px}.play-hero h1{font-size:2.75rem}.play-hero-copy p{font-size:.9rem}.play-grid{grid-template-columns:1fr;gap:12px}.play-card .play-card-media{aspect-ratio:1.3}.play-card{border-radius:21px}.play-card-copy{padding:20px}.play-card h2{font-size:1.45rem}.play-guide{margin-top:14px;padding:26px 20px;border-radius:21px}.play-guide h2{font-size:1.6rem}.play-guide-list p{display:grid;gap:3px}.play-guide-list span{font-size:.75rem}}
