.play-page{background:var(--play-background)}.play-experience{font-family:var(--font-play-body);color:var(--game-ink);--background:var(--game-chalk);--foreground:var(--game-ink);--card:var(--game-sheet);--card-foreground:var(--game-ink);--primary:var(--game-leaf);--primary-foreground:var(--game-sheet);--muted:var(--game-leaf-soft);--muted-foreground:var(--game-muted);--border:var(--game-edge);--navy:var(--game-ink);--board-background:var(--background);--board-foreground:var(--foreground);--board-card:var(--card);--board-card-foreground:var(--card-foreground);--board-primary:var(--primary);--board-primary-foreground:var(--primary-foreground);--board-secondary:var(--secondary);--board-secondary-foreground:var(--secondary-foreground);--board-muted:var(--muted);--board-muted-foreground:var(--muted-foreground);--board-accent:var(--accent);--board-accent-foreground:var(--accent-foreground);--board-border:var(--border);--board-input:var(--input);--board-ring:var(--ring);--board-navy:var(--navy);--board-gold:var(--gold);--board-gold-foreground:var(--gold-foreground);--board-champagne:var(--champagne);--board-sky:var(--sky);--board-royal:var(--royal);--board-destructive:var(--destructive);--board-font-display:var(--font-display)}.play-board{--background:var(--board-background);--foreground:var(--board-foreground);--card:var(--board-card);--card-foreground:var(--board-card-foreground);--primary:var(--board-primary);--primary-foreground:var(--board-primary-foreground);--secondary:var(--board-secondary);--secondary-foreground:var(--board-secondary-foreground);--muted:var(--board-muted);--muted-foreground:var(--board-muted-foreground);--accent:var(--board-accent);--accent-foreground:var(--board-accent-foreground);--border:var(--board-border);--input:var(--board-input);--ring:var(--board-ring);--navy:var(--board-navy);--gold:var(--board-gold);--gold-foreground:var(--board-gold-foreground);--champagne:var(--board-champagne);--sky:var(--board-sky);--royal:var(--board-royal);--destructive:var(--board-destructive);--font-display:var(--board-font-display);color:var(--foreground);font-family:var(--font-sans);background:var(--background);border-radius:8px;padding:8px}.play-shared{--background:var(--play-background);--foreground:var(--play-text);--card:var(--play-surface);--card-foreground:var(--play-text);--popover:var(--play-surface);--popover-foreground:var(--play-text);--primary:var(--play-bronze);--primary-foreground:var(--play-background);--secondary:var(--play-raised);--secondary-foreground:var(--play-text);--muted:var(--play-raised);--muted-foreground:var(--play-muted);--accent:var(--play-teal);--accent-foreground:var(--play-background);--border:var(--play-border);--input:var(--play-border);--ring:var(--play-bronze);--navy:var(--play-text);--gold:var(--play-bronze);--gold-foreground:var(--play-bronze);--champagne:var(--play-raised);--sky:var(--play-raised);--royal:var(--play-teal);--destructive:var(--play-danger);--font-display:var(--font-play-display);color:var(--foreground);font-family:var(--font-play-body)}.play-shared h1:not(.play-board *),.play-shared h2:not(.play-board *),.play-shared h3:not(.play-board *),.play-shared h4:not(.play-board *),.play-shared .font-display:not(.play-board *){font-family:var(--font-play-display);letter-spacing:0;font-weight:600}.play-shared button:not(.play-board *),.play-shared input:not(.play-board *),.play-shared select:not(.play-board *),.play-shared textarea:not(.play-board *){border-radius:8px}.play-shared button:not(.play-board *){letter-spacing:0;min-height:40px;transition:background .18s,border-color .18s,transform .18s}.play-shared button:not(.play-board *):active:not(:disabled){transform:translateY(1px)}.play-shared button:not(.play-board *)[aria-pressed=true]{border-color:var(--primary);background:var(--muted);color:var(--primary)}.play-shared button:not(.play-board *)[aria-selected=true]{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.play-shared button:not(.play-board *):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.play-shared .play-control{border-radius:8px;height:auto;min-height:44px;font-weight:600}.play-section{padding:0}.play-section+.play-section{margin-top:20px}.play-welcome{padding-bottom:2px}.play-welcome .play-intro h2{font-size:30px;line-height:1.15}.play-welcome>div{margin-top:16px}.play-art{aspect-ratio:1;background:var(--play-raised);color:var(--play-bronze);place-items:center;display:grid;overflow:hidden}.play-art img{object-fit:cover;width:100%;height:100%;display:block}.play-feature{isolation:isolate;border:1px solid var(--border);border-radius:8px;min-height:260px;position:relative;overflow:hidden}.play-feature-image{object-fit:cover;object-position:65% center;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.play-feature:after{content:"";background:var(--play-feature-overlay);z-index:-1;position:absolute;inset:0}.play-feature-content{max-width:390px;padding:30px}.play-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.play-shared .play-quick-card{white-space:normal;background:var(--card);border:1px solid var(--border);border-radius:8px;grid-template-columns:48px minmax(0,1fr);gap:10px;min-width:0;height:auto;padding:8px;display:grid}.play-quick-card .play-art{border-radius:5px;width:48px}.play-quick-card span{font-size:13px;line-height:1.25}.play-quick-card span.text-xs{margin-top:3px;font-size:11px}.play-library{border-top:1px solid var(--border);padding-top:18px}.play-library [role=tablist] button{white-space:nowrap;flex:none;width:auto;height:auto;min-height:44px;padding:10px 16px}.play-library>.relative{margin-inline:0}.play-shared .play-game-card{white-space:normal;background:var(--card);border:1px solid var(--border);height:auto;box-shadow:var(--play-shadow);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0;display:flex;overflow:hidden}.play-game-card .play-art,.play-solo-card>.play-art{aspect-ratio:16/11;width:100%}.play-card-title{min-height:50px;padding:12px 12px 0;line-height:1.2}.play-card-description{flex:1;padding:5px 12px 12px}.play-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:6px;margin:0 12px;padding:10px 0;display:flex}.play-game-card:hover,.play-quick-card:hover{border-color:var(--primary);transform:translateY(-2px)}.play-setup,.play-results{border:1px solid var(--border);background:var(--play-result-gradient);border-radius:8px;padding:20px;animation:.2s both play-arrive}.play-setup-art{border-radius:6px;width:64px}.play-results .play-intro h2{font-size:28px}.play-results li{background:var(--card);border-radius:8px;padding:12px}.play-solo-card{box-shadow:var(--play-shadow);overflow:hidden}.play-solo-header{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:10px}.play-solo-header>div>span{background:var(--muted);border-radius:6px}.play-toolbar{padding:4px}.play-toolbar button{min-height:40px}.play-shared.fn-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--play-shadow);border-radius:8px;padding:20px}.play-lobby .direction-mark:before,.play-lobby .direction-mark:after,.play-results .direction-mark:before,.play-results .direction-mark:after{display:none}.play-lobby header{min-width:0}.play-lobby header>div{font-size:14px}.play-lobby header h2{font-size:26px}.play-lobby-cover{align-items:center;gap:12px;margin-bottom:16px;display:flex}.play-lobby-cover .play-art{border-radius:6px;width:72px}.play-player{background:var(--muted)}.play-player>span[title]{flex:1;min-width:0;font-weight:600}.play-player[data-ready=true]{border-color:var(--accent)}.play-ready{color:var(--accent);font-weight:600}.play-player .play-ready,.play-player>span.text-xs{margin-left:auto}.play-presence li[data-status=turn]{border-color:var(--primary);background:color-mix(in oklab, var(--primary) 10%, var(--card))}.play-presence li[data-status=done]{border-color:var(--accent)}.play-room-header,.play-presence{box-shadow:var(--play-shadow)}.play-round-result{border:1px solid var(--border);background:var(--play-result-gradient);border-radius:8px;padding:18px;animation:.2s both play-arrive}.play-guest-door{margin-top:20px}.play-loading{min-height:100px}.play-game-heading{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px}.play-game-heading .direction-mark:before,.play-game-heading .direction-mark:after{display:none}.play-game-heading .font-serif{font-family:var(--font-play-display);font-weight:600}.play-action-bar{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:12px}.play-shared .play-action-bar button,.play-game-heading button{min-height:44px}@keyframes play-arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width>=640px){.play-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.play-featured-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.play-player-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=360px){.play-feature-content{padding:22px}.play-shared.fn-card{padding:14px}.play-player{gap:5px;padding:8px}.play-player>span[title]{max-width:65px}.play-quick-card span{font-size:12px}}@media (prefers-reduced-motion:reduce){.play-experience *,.play-experience :before,.play-experience :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.play-shared button:hover,.play-shared button:active{transform:none}}.play-setup button[aria-pressed]{white-space:normal;text-align:left;background:var(--card);min-width:0;height:auto;color:var(--foreground);border:1px solid var(--border);padding:12px;display:block}.play-setup button[aria-pressed]>span{display:block}.play-setup button[aria-pressed=true]{background:var(--muted);color:var(--primary);border-color:var(--primary)}.play-welcome button[aria-pressed]{background:var(--card);color:var(--foreground);border:1px solid var(--border)}.play-feature:after{background:var(--play-feature-overlay)}.play-main{padding-bottom:1.5rem}.play-experience{overflow-wrap:break-word;min-width:0}.play-experience :is(h1,h2,h3,h4,input,textarea,button,[role=tab]){scroll-margin-top:calc(3.5rem + var(--safe-top) + 12px);scroll-margin-bottom:calc(var(--tab-bar-height) + var(--safe-bottom) + 24px)}.play-experience :is(input,textarea,select){color:var(--foreground)}.play-experience button:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.play-experience button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.play-experience .play-library [role=tablist]{padding-inline:1px}body:has(.play-keyboard-visible) .studio-tabbar{visibility:hidden;pointer-events:none}.keyboard-open:has(.play-experience) .studio-tabbar{visibility:hidden;pointer-events:none}.play-keyboard-visible{padding-bottom:1rem}.play-experience .play-room-header{padding:8px 12px}.play-experience [data-play-room-screen]{gap:12px}.play-experience [data-play-room-screen]>:not([hidden])~:not([hidden]){margin-top:12px}.play-experience .card-gameplay .play-game-heading{padding:8px 10px}.play-experience .card-gameplay .play-game-heading header>div{margin-top:4px}.play-experience [data-play-room-screen]>.card-gameplay{margin-top:8px}.play-experience .card-gameplay .play-game-heading h2:empty{margin:0}.play-experience .play-presence{box-shadow:none;background:0 0;border:0;padding:4px 0}.play-experience .play-presence li{background:var(--game-sheet);padding:6px 8px}.play-experience .play-presence ul{padding-bottom:0}.studio-child-play:has(.play-room-header)>header{display:none}.studio-child-play:has(.play-room-header)>.studio-family-games{box-shadow:none;background:0 0;border:0;padding:0}.studio-family-games:has(.play-room-header)>:is(p,.direction-mark){display:none}.studio-family-games:has(.play-room-header)>div{margin-top:0}.studio-child-play:has(.play-room-header)>.studio-family-games{margin-top:0}@media (width<=1023px){.play-page>.studio-header{padding-top:0}.play-page>.studio-header>div:first-child{min-height:52px;padding-block:4px}.play-page>.studio-header img{max-height:28px}}