:root{--ink:#373346;--muted:#787180;--green:#78618f;--bg:#faf8f4;--line:#e8e2e9;--soft:#f0eaf5;--surface:#fff;--surface-alt:#f6f2f8;--input:#fff}.play-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding:65px 0 60px}.play-kicker{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:9px}.play-kicker i{width:6px;height:6px;background:#a9bc96;border-radius:50%}.play-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.22;letter-spacing:-3px;margin:24px 0;position:relative;font-weight:780}.play-hero h1 span{color:#8d71a5}.play-hero h1 b{display:inline-block;font-size:44px;vertical-align:top;color:#b8c7a6;margin:5px 0 0 18px;transform:rotate(12deg)}.play-hero-copy>p:not(.play-kicker){font-size:15px;line-height:1.9;color:var(--muted)}.play-hero-cta{display:inline-flex;align-items:center;gap:35px;padding:15px 22px;background:#77618e;color:white;border-radius:14px;margin-top:18px;font-size:13px;font-weight:650}.play-hero-cta:hover{background:#655079}.play-hero-cta span{font-size:22px}.play-promises{display:flex;gap:14px;margin-top:22px;color:var(--muted);font-size:11px}.play-promises span:before{content:'✓';margin-right:5px;color:#7a9570}.play-hero-art{height:350px;position:relative;background:radial-gradient(ellipse at 50% 70%,#eee7f0 0,transparent 68%);isolation:isolate}.art-floor{position:absolute;left:7%;right:3%;bottom:30px;height:70px;border-radius:50%;background:#e9e1e6;z-index:-1;transform:rotate(-4deg)}.art-friend{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#6d587c;box-shadow:inset -10px -8px 0 #00000005,4px 8px 0 #cabed633}.art-friend>span{font-size:28px;letter-spacing:18px;line-height:.8;padding-left:18px}.art-friend>b{font-size:42px;line-height:.7;font-weight:400}.friend-one{width:140px;height:166px;border-radius:46% 46% 36% 36%;background:#d6c4e8;left:5%;bottom:58px;transform:rotate(-12deg);z-index:2}.friend-two{width:159px;height:207px;border-radius:48% 48% 32% 32%;background:#cddfca;left:35%;bottom:68px;transform:rotate(6deg);z-index:1}.friend-three{width:112px;height:130px;border-radius:42%;background:#f3d5b9;right:0;bottom:43px;transform:rotate(13deg);z-index:3}.friend-one i,.friend-two i{position:absolute;top:-22px;left:32%;width:40px;height:25px;border-radius:100% 0;background:#baa0d1;transform:rotate(-15deg)}.friend-two i{background:#a8c5a6;transform:rotate(45deg);top:-20px;left:40%}.art-ticket{position:absolute;right:5%;top:8px;background:#fffcf4;border:1px solid #e7ded0;padding:15px 21px;border-radius:11px;transform:rotate(10deg);font-size:11px;line-height:1.8;color:#8a7e6d;box-shadow:4px 5px 0 #ddd2c733;z-index:3}.art-ticket strong{font-size:15px;font-weight:650;color:#6c6154}.art-spark{position:absolute;color:#bca0cc;font-size:40px}.s1{top:38px;left:10%}.s2{right:-4%;top:130px;font-size:29px;color:#ddba87}.art-caption{position:absolute;bottom:0;left:30%;font-size:9px;letter-spacing:3px;color:#9b8ca4;transform:rotate(-4deg)}.game-directory{padding-top:35px;border-top:1px solid var(--line);scroll-margin-top:30px}.game-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.game-section-head h2{font-size:29px;letter-spacing:-1.3px;margin:7px 0}.game-section-head p:not(.play-kicker){font-size:13px;color:var(--muted);margin:0}.game-section-head #count{font-size:12px;color:var(--muted);white-space:nowrap}.game-filter-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.game-filter-row .filters{margin:0;gap:8px;padding:0}.game-filter-row .search{margin:0;width:235px}.game-filter-row .search input{padding:10px 14px;font-size:12px;border-radius:11px;box-shadow:none;border-color:var(--line)}.game-filter-row .chip{font-size:12px;padding:9px 15px;border-radius:99px}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.game-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #61516c0d}.game-card a{display:block;height:100%}.game-card .fav{position:absolute;z-index:2;right:16px;top:16px;border:0;background:#ffffffa8;color:#7a6985;width:33px;height:33px;border-radius:50%;font-size:22px;display:grid;place-items:center;padding:0}.game-card .fav.on{color:#8264a0;background:#fff}.game-card-art{position:relative;height:170px;background:var(--card-bg);overflow:hidden}.game-card.peach{--card-bg:#f4dfd1}.game-card.lilac{--card-bg:#e7ddf1}.game-card.mint{--card-bg:#dcebdd}.game-card.butter{--card-bg:#f4ebcc}.game-card.pink{--card-bg:#f1dfe5}.game-card.blue{--card-bg:#dfe8f0}.game-type{position:absolute;left:18px;top:20px;font-size:10px;letter-spacing:.5px;color:#716576}.game-sticker{position:absolute;font-size:65px;left:50%;top:55%;transform:translate(-50%,-50%) rotate(-8deg);filter:drop-shadow(4px 8px 0 #ffffff65);transition:transform .2s}.game-card:hover .game-sticker{transform:translate(-50%,-50%) rotate(7deg)}.game-doodle{position:absolute;bottom:18px;right:28px;font-size:28px;color:#ffffffb8;transform:rotate(15deg)}.new-game{position:absolute;bottom:15px;left:18px;font-size:8px;letter-spacing:1px;font-weight:750;background:#ffffffa3;padding:3px 7px;border-radius:5px;color:#77617d}.game-card-body{padding:22px 23px 18px}.game-card-meta{display:flex;gap:8px;align-items:center;font-size:10px;color:var(--muted)}.game-card-meta span+span:before{content:'·';padding-right:8px}.game-card h3{font-size:21px;letter-spacing:-.7px;margin:9px 0}.game-card-body p{font-size:12px;color:var(--muted);line-height:1.85;margin:0;min-height:46px;max-width:250px}.game-card-start{display:flex;align-items:center;justify-content:space-between;margin-top:19px;padding-top:14px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.game-card-start b{font-size:20px;color:#a68cb6;font-weight:400}.play-how{margin:60px 0 30px;display:grid;grid-template-columns:1fr 2fr;gap:35px;border:1px solid var(--line);border-radius:22px;padding:32px}.play-how h2{font-size:24px;line-height:1.5;letter-spacing:-.8px;margin:12px 0 0}.play-how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;list-style:none;padding:0;margin:0;align-items:center}.play-how li>span{display:grid;place-items:center;width:29px;height:29px;background:var(--soft);color:#9b81ad;border-radius:10px;font-size:10px}.play-how h3{font-size:14px;margin:14px 0 5px}.play-how p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.game-suggest{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0 45px}.game-suggest h2{font-size:18px;letter-spacing:-.5px;margin:0}.game-suggest p{font-size:12px;color:var(--muted);margin:5px 0 0}.game-suggest div>span{float:left;font-size:34px;margin-right:16px;color:#b49bc6}.game-suggest>a{font-size:12px;white-space:nowrap;border:1px solid var(--line);border-radius:12px;padding:12px 18px;background:var(--surface)}
html[data-theme=dark] .play-hero h1 span{color:#c7acdf}html[data-theme=dark] .play-hero-art{background:radial-gradient(ellipse at 50% 70%,#343046 0,transparent 68%)}html[data-theme=dark] .art-floor{background:#353044}html[data-theme=dark] .game-card{background:var(--surface)}html[data-theme=dark] .game-card-art{background:color-mix(in srgb,var(--card-bg) 24%,#242234)}html[data-theme=dark] .game-type{color:#e2d7eb}html[data-theme=dark] .game-card .fav{background:#292538;color:#ddc7ec}html[data-theme=dark] .new-game{background:#302b3d;color:#e1cdeb}html[data-theme=dark] .art-ticket{background:#322f3e;border-color:#524758;color:#c5b9cb}html[data-theme=dark] .art-ticket strong{color:#e2d4dc}
@media(max-width:850px){.play-hero{gap:20px;padding-top:45px}.play-hero-art{transform:scale(.85);transform-origin:center right}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.play-how{grid-template-columns:1fr;padding:26px;gap:25px}.play-how h2 br{display:none}.game-card-body p{max-width:none}}
@media(max-width:580px){.play-hero{grid-template-columns:1fr;gap:0;padding:35px 0 30px}.play-hero-copy{text-align:center}.play-kicker{justify-content:center;font-size:9px}.play-hero h1{font-size:45px;letter-spacing:-2px;margin:20px 0}.play-hero h1 b{font-size:30px;margin-left:9px}.play-hero-copy>p:not(.play-kicker){font-size:13px}.play-hero-cta{margin-top:12px}.play-promises{justify-content:center;font-size:10px}.play-hero-art{height:240px;max-width:340px;width:100%;margin:10px auto 0;transform:scale(.85);transform-origin:center center}.friend-one{width:106px;height:120px;bottom:34px}.friend-two{width:120px;height:150px;bottom:48px}.friend-three{width:90px;height:98px;bottom:26px}.art-ticket{top:0;right:0;font-size:9px;padding:10px 15px}.art-ticket strong{font-size:12px}.art-floor{bottom:16px}.art-caption{bottom:-5px;font-size:8px}.s1{top:15px}.s2{top:100px;right:-2%}.game-directory{padding-top:25px}.game-section-head{align-items:center;margin-bottom:19px}.game-section-head .play-kicker{justify-content:start}.game-section-head h2{font-size:24px}.game-section-head p:not(.play-kicker){font-size:11px}.game-section-head #count{font-size:10px}.game-filter-row{flex-wrap:wrap;gap:13px}.game-filter-row .search{width:100%;max-width:none}.game-filter-row .search input{font-size:16px}.game-grid{gap:13px}.game-card{border-radius:17px}.game-card-art{height:125px}.game-type{font-size:8px;top:14px;left:12px}.game-card .fav{width:28px;height:28px;right:10px;top:10px;font-size:18px}.game-sticker{font-size:49px;top:60%}.game-doodle{font-size:20px;right:16px;bottom:12px}.new-game{bottom:10px;left:12px;font-size:7px;padding:2px 4px}.game-card-body{padding:15px 13px 10px}.game-card h3{font-size:17px}.game-card-meta{font-size:9px;gap:5px}.game-card-meta span+span:before{padding-right:5px}.game-card-body p{font-size:11px;min-height:61px}.game-card-start{margin-top:10px;padding-top:9px;font-size:10px}.play-how{margin-top:35px;padding:23px 20px}.play-how>.play-kicker,.play-how .play-kicker{justify-content:start}.play-how h2{font-size:21px}.play-how ol{gap:12px}.play-how h3{font-size:12px}.play-how p{font-size:10px}.game-suggest{flex-direction:column;align-items:start;padding:15px 3px 30px;gap:17px}.game-suggest h2{font-size:16px}.game-suggest p{font-size:11px}.game-suggest>a{align-self:end}}
@media(max-width:350px){.game-grid{grid-template-columns:1fr}.game-card-body p{min-height:0}.game-card-art{height:150px}}
@media(prefers-reduced-motion:reduce){.game-card,.game-sticker{transition:none}.game-card:hover{transform:none}}

.brandmark.party-brand{display:flex;align-items:center;justify-content:center;background:#78618f;color:#fff;font-size:19px;letter-spacing:0;font-weight:500;border-radius:13px;transform:rotate(-5deg)}