.play-space{--play-cream:#f9f6ea;--play-ink:#252e28;--play-muted:#53624c;--play-mint:#c8d9bd;--play-peach:#edc4ac;--play-lilac:#dcd1e9;--play-yellow:#f0cd89;padding:72px 0;scroll-margin-top:84px}
.play-intro{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:38px}.play-intro h2{font-size:clamp(28px,3.3vw,44px);line-height:1.3;letter-spacing:-.04em;margin-top:10px}.play-intro>p{max-width:330px;font-size:14px;line-height:1.85;color:var(--play-muted)}
.play-session{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:64px;align-items:center;padding:38px 0 48px;border-top:1px solid #7e9571}.play-session-copy{max-width:350px}.play-number{display:grid;place-items:center;width:72px;height:72px;border:1px solid var(--play-ink);border-radius:22px;background:var(--play-yellow);transform:rotate(-7deg);margin-bottom:26px;box-shadow:3px 4px 0 #252e2822}.play-number svg{width:42px;height:42px}.play-session-copy h3{font-size:32px;line-height:1.35;letter-spacing:-.03em;margin:14px 0 18px}.play-session-copy>p:not(.eyebrow){line-height:1.85;color:var(--play-muted);font-size:15px}.play-session-copy p.play-privacy{font-size:12px;margin-top:20px}.play-session-copy .sound-toggle{display:inline-flex;margin-top:24px;min-height:44px}
.play-board.game-board{max-width:510px;transform:none;justify-self:center;padding:18px 24px;box-shadow:7px 7px 0 var(--play-ink)}.play-board .board-top{font-size:12px;letter-spacing:0;min-height:45px;margin-bottom:15px;gap:12px}.play-board .icon-button{min-width:44px;min-height:44px}.play-board .board-bottom{margin-top:16px}.mini-metrics{display:flex;justify-content:space-between;font-size:13px;font-variant-numeric:tabular-nums;margin-bottom:14px;min-height:22px}.mini-surface{max-width:380px;margin:auto;position:relative}.mini-grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:9px}.mini-tile{aspect-ratio:1;min-height:44px;min-width:0;border:1px solid #8d9984;border-radius:14px;background:#e5e9d8;color:var(--play-ink);font:inherit;font-size:clamp(22px,2.8vw,34px);cursor:pointer;touch-action:manipulation;transition:background .16s,transform .16s,box-shadow .16s;box-shadow:0 3px 0 #252e281c}.mini-tile:hover:not(:disabled){transform:translateY(-2px)}.mini-tile:active:not(:disabled){transform:translateY(2px);box-shadow:none}.mini-tile:disabled{opacity:1;cursor:default}.mini-status{font-size:14px;text-align:center;min-height:26px;line-height:1.6;margin:16px 0 8px;color:var(--play-muted)}.mini-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px}.mini-button{min-height:44px;min-width:44px;padding:10px 16px;border:1px solid #8d9984;border-radius:24px;background:transparent;font:inherit;font-size:13px;color:var(--play-ink);cursor:pointer;touch-action:manipulation}.mini-button:hover{background:#e5e9d8}.mini-button:disabled{opacity:.5;cursor:default}.mini-button:focus-visible,.mini-tile:focus-visible,.mini-surface:focus-visible,.sand-field canvas:focus-visible,.play-card:focus-visible{outline:3px solid var(--play-ink);outline-offset:4px}.mini-direction{display:flex;justify-content:center;gap:8px}.mini-direction .mini-button{padding:6px;font-size:23px;width:44px}.memory-card{background:var(--play-lilac)}.memory-card.is-flipped{background:var(--play-yellow)}.memory-card.is-matched{background:var(--play-mint);box-shadow:inset 0 0 0 2px #6c8660}.slide-tile{background:var(--play-peach);font-variant-numeric:tabular-nums}.slide-tile.is-empty{background:#e9e6d8;border-style:dashed;box-shadow:none}.lantern{border-radius:50%;background:#d4d8c9;color:#57644c}.lantern.is-lit{background:var(--play-yellow);color:#634b15;box-shadow:inset 0 0 12px #fff9,0 0 0 1px #d2ab5b}.mini-tile.is-hint{outline:3px dashed #684d7d;outline-offset:2px}.mole-hole{border-radius:50%;background:#d8cfb8;box-shadow:inset 0 7px 0 #b8ab8c;color:#6a715e}.mole-hole.is-peeking{background:var(--play-peach);color:#594532;font-size:42px;box-shadow:inset 0 -10px 0 #d8cfb8}.mole-hole.is-peeking:after{content:'⌣';display:block;font-size:25px;line-height:0;transform:translateY(-6px)}.mini-field{height:300px;overflow:hidden;border-radius:16px;border:1px solid #b3b99f;background:#e8ecdf;touch-action:none}.star-field{background:radial-gradient(circle at 20% 25%,#faf8ed 0 3px,transparent 4px),radial-gradient(circle at 80% 40%,#faf8ed 0 3px,transparent 4px),#e2e8e7}.falling-star{position:absolute;font-size:36px;color:#7d5a19;transform:translate(-50%,-50%);line-height:1}.star-basket{position:absolute;top:89%;width:26%;height:18px;border:2px solid #647e59;background:var(--play-mint);border-radius:4px 4px 15px 15px;transform:translateX(-50%)}.rhythm-pad{font-size:45px;aspect-ratio:1.2;min-height:90px;transition:box-shadow .1s,background .1s}.rhythm-0{background:var(--play-mint)}.rhythm-1{background:var(--play-peach)}.rhythm-2{background:var(--play-lilac)}.rhythm-3{background:var(--play-yellow)}.rhythm-pad.is-glowing{background:#fffdf4;box-shadow:inset 0 0 0 5px var(--play-ink),0 0 0 3px var(--play-cream);transform:scale(.95)}.maze-grid{gap:0;border:2px solid #66735a;border-radius:3px;background:#eeeddd}.maze-cell{aspect-ratio:1;border:0 solid #66735a;display:grid;place-items:center;color:#9aa28d;font-size:23px;line-height:1;box-sizing:border-box}.maze-cell.is-player{color:#735390;background:#e4dced}.sort-labels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-width:380px;margin:0 auto 9px;text-align:center;font-size:23px}.sort-tile[data-color='0']{background:var(--play-mint)}.sort-tile[data-color='1']{background:var(--play-peach)}.sort-tile[data-color='2']{background:var(--play-lilac)}.sort-tile[data-color='3']{background:var(--play-yellow)}.sort-tile[aria-pressed=true]{outline:3px solid var(--play-ink);outline-offset:1px;transform:translateY(-3px)}.stack-field{background:linear-gradient(#e4e5ed,#f2ede0)}.stack-block{position:absolute;height:6%;border:1px solid #53624c;border-radius:5px;background:hsl(var(--block-hue,130) 28% 73%);box-sizing:border-box;box-shadow:inset 0 3px 0 #fff5}.moving-block{background:var(--play-peach);z-index:1}.stack-base{background:var(--play-mint)}.sand-field{border:1px solid #b6a98b;border-radius:16px;overflow:hidden;line-height:0}.sand-field canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.sand-color{background:var(--swatch);color:#fff;border-color:var(--swatch);padding:4px}.sand-color:hover{background:var(--swatch)}.sand-color[aria-pressed=true]{outline:2px solid var(--play-ink);outline-offset:2px}.brush-label{display:flex;align-items:center;gap:10px;font-size:12px;min-height:44px}.brush-label input{width:100px;min-height:44px;accent-color:#536c57}.play-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-top:28px;border-top:1px solid #7e9571}.play-card{display:flex;align-items:center;gap:13px;border:1px solid #819578;border-radius:18px;padding:16px;background:#e7eddb;color:var(--play-ink);text-decoration:none;transition:transform .18s,box-shadow .18s;min-height:116px;min-width:0}.play-card:hover{transform:translateY(-3px);box-shadow:3px 4px 0 #252e2830}.play-card.is-active{background:var(--play-cream);border:2px solid var(--play-ink);padding:15px}.play-card-art{display:grid;place-items:center;flex:0 0 50px;width:50px;height:58px;border-radius:15px;border:1px solid #252e2830}.play-card-art svg{width:34px;height:34px}.play-card-art img{width:44px;height:44px;object-fit:cover;border-radius:8px}.play-art-0{background:var(--play-peach)}.play-art-1{background:var(--play-lilac)}.play-art-2{background:var(--play-yellow)}.play-art-3{background:#b9cdb0}.play-card>span:last-child{min-width:0}.play-card small{display:block;font-size:10px;letter-spacing:.08em;color:var(--play-muted)}.play-card strong{display:block;font-size:14px;line-height:1.4;margin:5px 0;overflow-wrap:anywhere}.play-card-cta{font-size:11px;color:var(--play-muted)}
@media(max-width:1050px){.play-session{gap:36px}.play-library{grid-template-columns:repeat(3,minmax(0,1fr))}.play-card{padding:12px;gap:10px}.play-card.is-active{padding:11px}}
@media(max-width:767px){.play-space{padding:42px 0;scroll-margin-top:70px}.play-intro{display:block;margin-bottom:24px}.play-intro>p{margin-top:16px;max-width:100%;font-size:14px}.play-session{grid-template-columns:1fr;gap:24px;padding:28px 0 34px}.play-session-copy{max-width:none;position:relative;padding-right:0}.play-number{float:right;width:48px;height:48px;margin:0 2px 10px 16px;border-radius:15px}.play-number svg{width:28px;height:28px}.play-session-copy h3{font-size:26px;margin:10px 0 12px}.play-session-copy>p:not(.eyebrow){font-size:14px}.play-session-copy p.play-privacy{font-size:11px;margin-top:12px}.play-session-copy .sound-toggle{margin-top:12px;font-size:12px}.play-board.game-board{max-width:470px;padding:14px 18px;box-shadow:4px 5px 0 var(--play-ink)}.mini-tile{font-size:26px;border-radius:12px}.mini-grid{gap:8px}.maze-grid{gap:0}.mini-field{height:280px}.play-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:22px}.play-card{min-height:112px;align-items:start;gap:8px;padding:12px 10px}.play-card.is-active{padding:11px 9px}.play-card-art{flex-basis:34px;width:34px;height:42px;border-radius:11px}.play-card-art svg{width:25px;height:25px}.play-card-art img{width:30px;height:30px}.play-card strong{font-size:12px}.play-card small{font-size:9px}.play-card-cta{font-size:10px}.mini-status{font-size:13px}.play-board .bubble-grid{padding:0;gap:10px}}
@media(prefers-reduced-motion:reduce){.play-space *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.mini-tile:hover:not(:disabled),.play-card:hover{transform:none}}