.arcade-body { background:#f8f8f5; }
.arcade-shell { --a-ink:#222621; --a-muted:#777d74; --a-border:#e4e7de; --a-green:#def0ca; color:var(--a-ink); background:#f8f8f5; min-height:100vh; font-size:14px; }
.a-sidebar { position:fixed; inset:0 auto 0 0; width:234px; padding:33px 22px 22px; display:flex; flex-direction:column; background:#f0f1eb; border-right:1px solid var(--a-border); z-index:30; }
.a-brand { display:flex; gap:10px; align-items:center; font-size:24px; letter-spacing:-1.1px; font-weight:750; color:#272c25; }
.a-brand i { font-size:9px; font-style:normal; vertical-align:top; margin-left:3px; }
.brand-light { font-weight:450; }.a-logo { display:grid; place-items:center; background:#d8ebbd; border:1px solid #bfd59f; width:33px; height:39px; border-radius:11px; font-size:32px; line-height:1; transform:rotate(-7deg); }
.a-nav-caption { font-size:9px; letter-spacing:1.8px; margin:49px 10px 16px; color:#92978a; font-weight:650; }
.a-sidebar nav { display:grid; gap:7px; }.a-nav { display:flex; align-items:center; gap:12px; padding:13px 12px; border-radius:8px; color:#72776c; font-size:12px; font-weight:550; }.a-nav>span { font-size:21px; width:22px; text-align:center; font-weight:400; }.a-nav small { margin-left:auto; background:#d8e5c8; padding:1px 6px; border-radius:4px; font-size:9px; }.a-nav:hover { color:#252b20; background:#e8ebdf; }.a-nav.selected { color:#313b26; background:#e0e9d4; }
.a-sidebar-bottom { margin-top:auto; }.a-side-note { padding:20px 14px 25px; border-bottom:1px solid #dfe3d7; margin-bottom:18px; }.a-side-note>span { display:block; color:#8eaa6d; font-size:29px; margin-bottom:9px; }.a-side-note strong { font-size:18px; line-height:1.35; letter-spacing:-.6px; }.a-side-note p { font-size:11px; color:var(--a-muted); margin:9px 0 16px; }.a-side-note a { font-size:11px; text-decoration:underline; text-underline-offset:4px; }.a-account { display:flex; align-items:center; gap:8px; }.a-avatar { width:36px; height:36px; flex-shrink:0; border-radius:50%; display:grid; place-items:center; background:#e9e4f2; color:#615874; font-size:11px; font-weight:650; border:1px solid #dcd4e8; }.a-account>div { min-width:0; flex:1; }.a-account strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; }.a-account small { font-size:8px; color:var(--a-muted); }.a-account button { border:0; background:none; padding:4px; font-size:19px; }
.a-workspace { margin-left:234px; }.a-topbar { min-height:74px; border-bottom:1px solid var(--a-border); padding:0 42px; display:flex; align-items:center; justify-content:space-between; gap:15px; background:#fbfbf8; }.a-breadcrumb { font-size:11px; color:#818779; }.a-breadcrumb span { margin-left:9px; color:#a8b593; }.a-connected { font-size:11px; color:#656e5b; display:flex; gap:7px; align-items:center; }.a-connected i { width:6px; height:6px; border-radius:50%; background:#85a96b; }.a-main { max-width:1530px; padding:38px 42px 24px; }.a-main h1 { font-size:clamp(34px,3.6vw,56px); letter-spacing:-2.1px; line-height:1.1; font-weight:650; }.a-main h2 { font-size:28px; letter-spacing:-1px; font-weight:600; }.a-main h3 { font-size:17px; letter-spacing:-.4px; font-weight:600; }.a-kicker { display:block; font-size:9px; letter-spacing:1.7px; line-height:1.5; font-weight:650; color:#7d8574; text-transform:uppercase; }.a-btn { display:inline-flex; align-items:center; justify-content:center; gap:20px; min-height:42px; border:1px solid #dfe3d7; border-radius:7px; padding:11px 17px; background:#fff; color:#343b2d; font-size:11px; font-weight:550; line-height:1.4; transition:background .18s,transform .18s; }.a-btn:hover:not(:disabled) { background:#e8ecdf; transform:translateY(-1px); }.a-dark { background:#30372a; border-color:#30372a; color:white; }.a-dark:hover:not(:disabled) { background:#465238; }.a-wide { width:100%; }.a-danger { color:#a35f59; }.a-text-link { font-size:11px; font-weight:550; display:inline-flex; gap:8px; align-items:center; }.a-text-link:hover { text-decoration:underline; text-underline-offset:5px; }.a-actions { display:flex; gap:25px; align-items:center; flex-wrap:wrap; }.a-lead { color:var(--a-muted); font-size:13px; margin:-8px 0 29px; }.a-note { display:block; color:var(--a-muted); font-size:11px; line-height:1.7; }.a-footer { display:flex; justify-content:space-between; gap:15px; border-top:1px solid var(--a-border); padding:24px 0 0; margin-top:54px; color:#969c8e; font-size:9px; }
.a-hero { min-height:390px; padding:35px 0 26px; display:grid; grid-template-columns:1.15fr 1fr; gap:15px; align-items:center; }.a-hero-copy { z-index:1; }.a-hero-copy .a-kicker { color:#7b8a6b; display:flex; gap:8px; align-items:center; margin-bottom:22px; font-size:8px; letter-spacing:1.5px; }.a-hero-copy .a-kicker i { width:5px; height:5px; background:#92ad70; border-radius:50%; }.a-hero-copy h1 { font-size:clamp(48px,4.5vw,72px); line-height:1.1; letter-spacing:-3.4px; font-weight:600; }.hero-play { position:relative; font-family:Georgia,'Times New Roman',serif; font-weight:400; font-style:italic; }.hero-play svg { width:100%; height:16px; position:absolute; left:0; bottom:-11px; fill:none; stroke:#abc68c; stroke-width:3; }.a-hero-copy>p { font-size:12px; line-height:1.9; color:#818578; margin:29px 0 25px; }.hero-footnote { display:flex; gap:19px; margin-top:25px; font-size:8px; color:#858c7a; }.hero-collage { height:360px; position:relative; }.collage-label { position:absolute; top:0; left:10%; font-size:7px; letter-spacing:1.6px; transform:rotate(-5deg); color:#8a8e83; }.collage-card { position:absolute; background:#fff; box-shadow:0 10px 24px #2d362815; border:1px solid #e1e4dc; border-radius:13px; overflow:hidden; width:210px; }.collage-card>.game-art { height:186px; }.collage-card>div:last-child { padding:15px 16px; }.collage-card strong { display:block; font-size:15px; font-weight:600; letter-spacing:-.3px; }.collage-card span:not(.game-art span) { font-size:9px; color:#858777; }.collage-trivia { left:2%; top:43px; transform:rotate(-9deg); }.collage-word { right:1%; top:64px; transform:rotate(9deg); }.collage-score { position:absolute; bottom:9px; left:12%; display:flex; align-items:center; gap:12px; border:1px solid #dadfcf; background:#f9faf4; border-radius:9px; padding:15px 22px; box-shadow:0 7px 13px #2633260d; transform:rotate(-3deg); }.score-star { color:#89a566; font-size:27px; }.collage-score small { font-size:6px; letter-spacing:1px; color:#8f9881; display:block; }.collage-score strong { display:block; margin-top:4px; font-size:11px; font-weight:550; }.collage-doodle { position:absolute; top:0; right:0; color:#d5c6eb; font-size:68px; line-height:1; transform:rotate(8deg); }
.a-marquee { display:flex; justify-content:space-between; gap:18px; border-top:1px solid var(--a-border); border-bottom:1px solid var(--a-border); padding:20px 3px; margin:28px 0 39px; font-size:9px; color:#7a8270; }.a-marquee b { color:#b1bd9e; font-size:13px; }.a-section-title { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:25px; }.a-section-title .a-kicker { margin-bottom:9px; }.a-section-title h2 { font-size:27px; }.a-section-title .a-text-link { flex-shrink:0; color:#68785a; }.a-game-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }.a-game-card { min-width:0; border-radius:12px; border:1px solid #e1e5db; background:#fff; overflow:hidden; transition:transform .18s,box-shadow .18s; }.a-game-card:hover { transform:translateY(-4px); box-shadow:0 9px 20px #26332609; }.a-art-link { display:block; }.a-card-content { padding:17px 19px 12px; }.a-card-meta { display:flex; justify-content:space-between; gap:10px; font-size:7px; color:#8d9385; text-transform:uppercase; letter-spacing:1px; margin-bottom:9px; }.a-card-content h3 { font-size:19px; }.a-card-content>p { font-size:10px; color:#8a8f80; margin:5px 0 18px; }.a-card-bottom { display:flex; align-items:center; justify-content:space-between; border-top:1px solid #eff0ea; padding-top:10px; }.a-card-bottom>span { font-size:8px; color:#93988b; }.a-round-link { display:grid; place-items:center; width:24px; height:24px; border:1px solid #e5e8df; border-radius:50%; font-size:14px; }.a-how { display:grid; grid-template-columns:1.2fr 1fr 1fr 1fr; gap:28px; margin:51px 0; padding:31px 0; border-top:1px solid var(--a-border); border-bottom:1px solid var(--a-border); }.a-how>div:first-child .a-kicker { font-size:7px; margin-bottom:12px; }.a-how h2 { font-size:27px; line-height:1.2; }.a-how .a-text-link { margin-top:15px; }.a-how-step>span { font-family:Georgia,serif; font-size:24px; color:#a9b59a; display:block; margin-bottom:13px; }.a-how-step h3 { font-size:12px; }.a-how-step p { color:#89907f; font-size:10px; line-height:1.8; margin-top:9px; }
.mint { --art-bg:#dfedda; --art-fg:#577b51; background:#dfedda; }.peach { --art-bg:#f5e5d7; --art-fg:#a77b59; background:#f5e5d7; }.lilac { --art-bg:#e9e3f2; --art-fg:#8972a7; background:#e9e3f2; }.sky { --art-bg:#deebf0; --art-fg:#5e8594; background:#deebf0; }.pink { --art-bg:#f2e2e7; --art-fg:#a3738d; background:#f2e2e7; }.yellow { --art-bg:#f1edce; --art-fg:#9e914c; background:#f1edce; }
.game-art { height:190px; position:relative; display:grid; place-items:center; overflow:hidden; color:var(--art-fg); isolation:isolate; }.game-art::before { content:''; position:absolute; inset:0; background-image:radial-gradient(var(--art-fg) .6px,transparent .7px); background-size:12px 12px; opacity:.13; z-index:-1; }.art-number { position:absolute; top:14px; left:15px; border:1px solid currentColor; border-radius:50%; width:21px; height:21px; display:grid; place-items:center; font-size:7px; opacity:.45; }.art-sticker { position:absolute; bottom:17px; left:50%; transform:translateX(-50%) rotate(-3deg); font-size:6px; letter-spacing:1.2px; padding:4px 7px; background:#ffffff88; color:var(--art-fg); white-space:nowrap; border:1px solid #ffffffaa; }.art-symbol { font-size:116px; font-family:Georgia,serif; font-style:italic; line-height:1; text-shadow:4px 5px #ffffff77; transform:rotate(9deg) translateY(-7px); }.art-orbit { position:absolute; width:133px; height:133px; border:1px solid var(--art-fg); opacity:.2; border-radius:50%; }.orbit-one { transform:translateX(-25px); }.orbit-two { transform:translateX(25px); }.art-star { font-size:30px; position:absolute; right:22%; top:23px; transform:rotate(8deg); }.art-tiles { display:flex; gap:6px; transform:rotate(-9deg) translateY(-6px); }.art-tiles b { display:grid; place-items:center; width:40px; height:48px; border-radius:7px; background:#fff9; font-size:25px; box-shadow:0 3px 0 #a8805522; border:1px solid #fff; }.art-tiles b:nth-child(even) { transform:translateY(10px) rotate(12deg); }.art-scribble { position:absolute; font-size:42px; bottom:34px; right:22px; transform:rotate(25deg); }.art-wordgrid { display:grid; grid-template-columns:repeat(5,30px); gap:5px; transform:rotate(-9deg) translateY(-6px); }.art-wordgrid b { width:30px; height:33px; display:grid; place-items:center; font-size:16px; border-radius:4px; background:#fff7; border:1px solid #fff8; color:#8e83a1; box-shadow:1px 3px 0 #8972a712; }.art-wordgrid .tile-0 { background:#abc797; border-color:#aac397; color:white; }.art-wordgrid .tile-1 { background:#cbbb8f; border-color:#cbbb8f; color:white; }.art-target { display:grid; place-items:center; width:117px; height:117px; border:14px solid #86abba; border-radius:50%; box-shadow:inset 0 0 0 13px #eef5f5,inset 0 0 0 26px #86abba,inset 0 0 0 39px #eef5f5; transform:translateY(-7px); }.art-dart { font-size:92px; position:absolute; top:19px; left:47%; transform:rotate(-15deg); color:#335d6b; }.art-bubble { display:grid; place-items:center; position:absolute; width:94px; height:76px; background:#fff8; border-radius:25px; font-family:Georgia,serif; font-size:26px; box-shadow:0 4px #a3738d16; }.bubble-left { left:17%; top:40px; transform:rotate(-12deg); }.bubble-right { right:17%; top:60px; transform:rotate(9deg); background:#c7a4b7; color:white; }.art-bubble span { font-size:12px; position:absolute; right:10px; top:5px; }.art-emoji { font-size:53px; position:absolute; top:48px; filter:drop-shadow(2px 4px 0 #b5a95b18); }.emoji-one { left:21%; transform:rotate(-12deg); }.emoji-two { left:44%; transform:rotate(13deg); }.art-equals { font-size:29px; font-family:Georgia,serif; position:absolute; left:68%; top:62px; }.art-mountain { width:0; height:0; border-left:65px solid transparent; border-right:65px solid transparent; border-bottom:98px solid #8ca681; position:absolute; bottom:43px; }.mountain-one { left:10%; }.mountain-two { right:10%; border-bottom-color:#b3c7a8; border-bottom-width:78px; }.art-sun { font-size:39px; position:absolute; top:17px; right:20%; color:#aebe85; }.art-trail { font-size:64px; position:absolute; bottom:29px; left:30%; color:#f5f7de; transform:rotate(-35deg); }.art-track { width:230px; height:105px; border:1px solid #a799be; border-radius:55px; transform:rotate(-15deg) translateY(-5px); position:relative; opacity:.5; }.art-track span { position:absolute; inset:8px; border:1px solid #a799be; border-radius:50px; }.art-track span:nth-child(2) { inset:17px; }.art-track span:nth-child(3) { inset:26px; }.art-racer { position:absolute; width:40px; height:25px; display:grid; place-items:center; border-radius:10px; background:#9783b2; color:white; font-size:26px; font-weight:800; box-shadow:0 3px 0 #75638c; transform:rotate(-15deg); }.racer-one { top:52px; left:32%; }.racer-two { bottom:53px; right:25%; background:#f7f3fa; color:#9583b3; box-shadow:0 3px 0 #c7bcd8; }.art-bingogrid { display:grid; grid-template-columns:repeat(3,33px); gap:5px; transform:rotate(-10deg) translateY(-8px); }.art-bingogrid b { width:33px; height:30px; display:grid; place-items:center; background:#fff8; color:#ab825c; border-radius:4px; font-size:20px; }.art-bingogrid b:nth-child(5) { background:#c5a589; color:#fff; }.large-art { height:400px; border-radius:16px; }.large-art>*:not(.art-sticker):not(.art-number) { zoom:1.6; }.large-art .art-sticker { bottom:35px; font-size:8px; }.large-art .art-number { top:22px; left:22px; }
.a-filter-bar { display:flex; justify-content:space-between; gap:15px; align-items:center; border-top:1px solid var(--a-border); border-bottom:1px solid var(--a-border); padding:17px 0; margin-bottom:25px; flex-wrap:wrap; }.a-filters { display:flex; gap:5px; flex-wrap:wrap; }.a-filters button,.a-studio-tabs button { border:0; background:transparent; border-radius:6px; color:#818977; padding:9px 12px; font-size:10px; }.a-filters button.active,.a-studio-tabs button.active { background:#e4eadc; color:#4d5b3c; }.a-search { position:relative; width:185px; }.a-search>span { position:absolute; left:11px; top:5px; color:#8e9683; font-size:22px; }.a-search input { font-size:11px; padding:10px 12px 10px 32px; background:#fff; border-color:#e0e4d9; }.a-detail { display:grid; grid-template-columns:1fr 1fr; gap:45px; align-items:center; margin:35px 0; }.a-detail h1 { font-size:43px; margin:15px 0 9px; }.a-detail-tagline { font-family:Georgia,serif; font-style:italic; font-size:22px!important; color:#68715d!important; }.a-detail-copy>p { color:#858c7b; font-size:12px; line-height:1.9; margin-bottom:20px; }.a-rule-box { border-top:1px solid var(--a-border); padding-top:18px; margin:25px 0; }.a-rule-box p { color:#747d69; font-size:12px; line-height:1.8; margin-top:8px; }.a-detail-copy .a-note { margin-top:12px; font-size:9px; }.a-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; padding:30px 0; border-top:1px solid var(--a-border); }.a-benefits strong { font-size:13px; font-weight:550; }.a-benefits p { color:#87907c; font-size:11px; line-height:1.8; margin-top:8px; }
.a-find-form { display:flex; gap:10px; max-width:580px; margin:20px 0 30px; }.a-find-form input { background:white; border-color:#e1e5d9; font-size:12px; min-width:0; }.a-find-form .a-btn { flex-shrink:0; }.a-community-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }.a-community-card { display:block; border:1px solid var(--a-border); background:#fff; border-radius:11px; padding:20px; transition:border-color .15s,transform .15s; }.a-community-card:hover { transform:translateY(-3px); border-color:#b6c69f; }.community-card-top { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:20px; }.a-pill { display:inline-flex; align-items:center; gap:6px; padding:5px 8px; border-radius:5px; background:#e9ede3; color:#7e8a71; font-size:8px; white-space:nowrap; font-weight:550; }.a-pill.on { background:#e1edd5; color:#5a7b42; }.a-community-card h3 { font-size:17px; overflow-wrap:anywhere; }.a-community-card>p { color:#919986; font-size:10px; margin:6px 0 25px; }.community-card-bottom { border-top:1px solid #edf0e7; padding-top:13px; display:flex; justify-content:space-between; gap:8px; font-size:9px; color:#7b886c; }.a-empty { border:1px dashed #d5ddcb; border-radius:13px; text-align:center; padding:60px 25px; grid-column:1/-1; }.a-empty>span { display:block; font-size:45px; color:#a8b596; margin-bottom:15px; }.a-empty h1 { font-size:30px; }.a-empty p { color:#8b9381; margin:14px 0 24px; font-size:12px; }.a-empty .a-btn { margin:0 5px; }
.a-community-hero { padding:35px; border-radius:13px; position:relative; overflow:hidden; color:#333b2c; }.community-grid-pattern { position:absolute; inset:0; background-image:linear-gradient(#ffffff22 1px,transparent 1px),linear-gradient(90deg,#ffffff22 1px,transparent 1px); background-size:35px 35px; pointer-events:none; }.community-hero-top { display:flex; justify-content:space-between; align-items:center; gap:15px; position:relative; }.community-hero-top .a-kicker { color:var(--art-fg); font-size:8px; }.community-identity { display:flex; gap:20px; align-items:center; margin:30px 0 18px; position:relative; }.community-identity .a-avatar { width:76px; height:76px; font-size:24px; background:#ffffff70; border-color:#ffffffaa; color:var(--art-fg); }.community-identity h1 { font-size:37px; margin-top:8px; max-width:680px; overflow-wrap:anywhere; }.community-identity .a-kicker { color:var(--art-fg); }.a-community-hero>p { color:#64705b; font-size:12px; line-height:1.8; position:relative; max-width:600px; margin-bottom:25px; white-space:pre-line; overflow-wrap:anywhere; }.a-community-hero .a-actions { position:relative; }.community-flower { position:absolute; font-size:180px; right:22px; bottom:5px; line-height:1; color:var(--art-fg); opacity:.14; pointer-events:none; }.a-community-layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:24px; margin-top:28px; align-items:start; }.a-stack { display:grid; gap:24px; min-width:0; }.a-panel { background:#fff; border:1px solid var(--a-border); border-radius:12px; overflow:hidden; min-width:0; }.a-panel-heading { padding:20px 23px; border-bottom:1px solid #edf0e7; display:flex; justify-content:space-between; align-items:center; gap:12px; }.a-panel-heading .a-kicker { font-size:7px; margin-bottom:4px; }.a-panel-heading h3 { font-size:14px; }.a-panel-heading p { font-size:10px; color:#939b88; margin-top:5px; }.a-panel-link { display:block; padding:15px 23px; color:#7b8b6a; font-size:10px; border-top:1px solid #edf0e7; }.a-featured { display:grid; grid-template-columns:190px 1fr; gap:22px; padding:23px; align-items:center; }.a-featured .game-art { border-radius:8px; height:200px; }.a-featured h2 { font-size:23px; }.a-featured p { font-size:11px; color:#939986; line-height:1.8; margin-top:9px; }.a-featured-meta { display:flex; gap:13px; flex-wrap:wrap; color:#819171; font-size:8px; margin:14px 0 17px; }.a-small-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }.a-small-grid .game-art { height:150px; }.a-small-grid .a-card-meta { font-size:6px; }.a-small-grid .a-card-content { padding:15px; }.a-small-grid h3 { font-size:16px; }.a-small-grid .a-card-bottom>span { font-size:7px; }.a-house-rules { padding:24px; }.a-house-rules h3 { margin:10px 0; }.a-house-rules p { font-size:11px; color:#89917e; line-height:1.9; margin:10px 0 15px; }.a-house-rules input { font-size:9px; background:#f9faf6; border-color:#e1e7d8; margin:0 0 12px; }.a-ranks { padding:0 22px; margin:0; list-style:none; }.a-ranks li { display:flex; gap:10px; align-items:center; border-bottom:1px solid #edf0e7; padding:17px 0; }.a-ranks li:last-child { border-bottom:0; }.a-rank-num { color:#a1ab95; font-size:9px; width:19px; flex-shrink:0; }.a-ranks .a-avatar { width:27px; height:27px; font-size:8px; }.a-ranks strong { font-size:10px; font-weight:550; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.a-ranks b { margin-left:auto; font-size:11px; font-weight:550; white-space:nowrap; }.a-ranks b small { margin-left:4px; color:#a3aa99; font-size:8px; font-weight:400; }.a-small-empty { padding:35px 23px; text-align:center; color:#909981; }.a-small-empty>span { font-size:28px; color:#b0bd9f; }.a-small-empty p { font-size:10px; line-height:1.9; margin-top:10px; }
.a-studio-welcome { padding:20px 0; }.a-studio-welcome h1 { margin:22px 0; }.a-studio-welcome h1 em { font-family:Georgia,serif; font-weight:400; color:#71845c; }.a-studio-welcome>p { font-size:13px; color:#88917b; max-width:500px; margin-bottom:22px; line-height:1.8; }.a-welcome-steps { display:flex; gap:24px; font-size:10px; color:#9aa38d; margin:30px 0; }.a-studio-heading { display:flex; justify-content:space-between; gap:20px; align-items:center; }.a-studio-heading h1 { font-size:32px; margin:10px 0; }.a-studio-heading p { color:#919986; font-size:12px; }.a-studio-heading>.a-btn { flex-shrink:0; }.a-onboarding { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #e1e6d8; border-radius:9px; background:#f0f3eb; margin:26px 0; padding:17px 20px; gap:20px; }.a-onboarding>div { display:flex; align-items:center; gap:10px; }.a-onboarding>div>span { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; border:1px solid #d6dec9; color:#9aa68a; font-size:9px; }.a-onboarding strong { color:#97a08d; font-size:10px; font-weight:450; }.a-onboarding .done>span { color:#607b42; background:#e0ebd4; border-color:#cadcba; }.a-onboarding .done strong { color:#6e805e; }.a-studio-tabs { display:flex; gap:7px; border-bottom:1px solid var(--a-border); padding-bottom:13px; margin:0 0 22px; }.a-studio-layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; align-items:start; gap:24px; }.a-invite { padding:24px; border:1px solid #dfe3d6; border-radius:12px; }.a-invite .a-kicker { color:var(--art-fg); font-size:7px; }.a-invite h3 { margin:15px 0 9px; font-size:22px; }.a-invite p { color:#77866a; font-size:11px; line-height:1.8; margin-bottom:20px; }.a-invite input { font-size:10px; background:#ffffff70; border-color:#fff; padding:11px 9px; }.a-invite .a-btn { margin:10px 0 14px; }.a-invite .a-text-link { display:block; text-align:center; font-size:10px; }.a-form { padding:25px; display:grid; gap:20px; }.a-form label { display:grid; gap:7px; font-size:10px; color:#7e8a70; font-weight:500; }.a-form input,.a-form textarea,.a-form select { color:#4e5844; background:#fafbf7; border-color:#e3e8db; font-size:12px; }.a-form textarea { min-height:100px; line-height:1.8; }.a-form-title { display:flex; justify-content:space-between; align-items:start; gap:12px; border-bottom:1px solid #edf0e7; padding-bottom:18px; }.a-form-title h3 { margin-top:5px; font-size:19px; }.a-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.a-fields:has(>label:nth-child(2):last-child) { grid-template-columns:1fr 1fr; }.a-custom { border-top:1px solid #edf0e7; padding-top:17px; }.a-custom summary { display:flex; align-items:center; justify-content:space-between; font-size:11px; color:#6c8059; cursor:pointer; }.a-custom p { color:#939d87; font-size:10px; line-height:1.8; margin:15px 0; }.a-custom textarea { min-height:160px; font-family:ui-monospace,monospace; font-size:10px; }.a-custom small { display:block; font-size:9px; color:#a0aa94; margin-top:12px; }.a-custom code { display:block; font-size:9px; color:#7e8e6b; background:#f4f7ef; padding:12px; border-radius:5px; margin-top:8px; overflow-wrap:anywhere; white-space:pre-wrap; }.a-settings-details>summary { cursor:pointer; padding:19px 25px; font-size:12px; color:#8a987a; }.a-panel-description { padding:15px 23px 0; font-size:10px; color:#929e85; }.a-player-list { padding:5px 23px 20px; max-height:380px; overflow:auto; }.a-player-list>div { display:flex; gap:10px; align-items:center; padding:14px 0; border-bottom:1px solid #edf0e7; }.a-player-list strong { font-size:11px; overflow-wrap:anywhere; }.a-player-list>div>span:not(.a-avatar) { margin-left:auto; font-size:10px; color:#92a17f; white-space:nowrap; }.a-player-list .a-btn { min-height:29px; padding:6px 10px; font-size:9px; }.a-enabled { padding:16px; border:1px solid #e4eadb; border-radius:7px; display:grid; grid-template-columns:1fr 1fr; gap:12px; }.a-enabled legend { color:#8b987c; font-size:10px; padding:0 6px; }.a-enabled label { display:flex; align-items:center; gap:9px; }.a-enabled input { width:14px; height:14px; accent-color:#6e8655; }.a-sandbox { margin-top:28px; color:#94a084; font-size:10px; }.a-sandbox summary { cursor:pointer; }.a-sandbox p { margin:10px 0; }.a-sandbox .a-btn { margin:5px; }
.a-game-status { display:flex; justify-content:space-between; align-items:center; gap:10px; border-bottom:1px solid #eff1ea; padding:14px 23px; font-size:8px; letter-spacing:1px; color:#9aa78a; }.a-game-status>div { display:flex; gap:14px; align-items:center; }.a-game-status b { font-size:11px; color:#647c4b; background:#eff4e9; padding:5px 9px; border-radius:4px; letter-spacing:0; min-width:47px; text-align:center; }.a-live-dot { font-size:7px; letter-spacing:0; }.a-game-waiting { padding:35px 35px 22px; text-align:center; }.a-big-glyph { display:block; font-size:54px; color:#b2c39c; line-height:1.2; margin-bottom:10px; }.a-game-waiting h2 { font-size:25px; }.a-game-waiting p { font-size:11px; line-height:1.9; color:#97a18b; margin:11px auto; max-width:440px; }.a-game-waiting p:last-child { font-size:10px; }.a-puzzle { padding:30px 28px 20px; text-align:center; }.a-puzzle h2 { font-size:26px; line-height:1.4; margin:14px auto 8px; max-width:600px; overflow-wrap:anywhere; }.a-puzzle .emoji-prompt { font-size:58px; letter-spacing:9px; }.a-puzzle-hint { font-size:10px; color:#9aaa8b; margin-top:12px; }.a-letter-row { display:flex; gap:7px; justify-content:center; flex-wrap:wrap; margin:24px 0 10px; }.a-letter-row>span { display:grid; place-items:center; width:38px; height:45px; background:#f1f5eb; border:1px solid #e0e8d7; border-radius:7px; color:#637b4c; font-size:22px; box-shadow:0 2px 0 #dce6d2; }.a-options { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:0 25px 20px; }.a-options>button,.a-options>div { display:flex; align-items:center; gap:12px; border:1px solid #e6ebde; border-radius:8px; background:#fafbf7; padding:17px; text-align:left; color:#7c8c6b; min-width:0; }.a-options>button:hover:not(:disabled),.a-options>button.chosen { background:#e6efdc; border-color:#b2c69a; }.a-options>button:disabled { opacity:.7; }.a-options>button.chosen { opacity:1; }.a-options>button>span,.a-options>div>span { color:#adb99e; border:1px solid #e1e7d8; border-radius:5px; padding:3px 7px; font-size:9px; }.a-options strong { font-size:12px; font-weight:500; overflow-wrap:anywhere; }.a-options small { margin-left:auto; font-size:8px; white-space:nowrap; }.a-answer-form { display:flex; gap:10px; margin:5px auto 19px; padding:0 25px; max-width:510px; }.a-answer-form input { background:#f9fbf6; border-color:#dfe7d6; font-size:13px; min-width:0; }.a-answer-form .a-btn { flex-shrink:0; }.a-play-message,.a-submitted { text-align:center; font-size:10px; color:#95a584; margin:9px 25px 20px; overflow-wrap:anywhere; }.a-submitted { color:#758f5e; }.a-join-prompt { text-align:center; padding:0 25px 25px; }.a-join-prompt p { font-size:9px; color:#a0ad92; margin-top:10px; }.a-host-controls { display:flex; align-items:center; justify-content:center; gap:9px; flex-wrap:wrap; padding:16px 25px 25px; }.a-host-secret { width:100%; text-align:center; font-size:10px; color:#a0aa94; margin-top:8px; }.a-host-secret summary { cursor:pointer; }.a-host-secret strong { display:block; font-size:16px; color:#70885a; margin-top:9px; }.a-game-bottom { display:flex; justify-content:space-between; gap:10px; border-top:1px solid #eff2e9; padding:16px 23px; color:#a3ae97; font-size:8px; }.a-reveal { padding:22px; text-align:center; margin:10px 25px 22px; border-radius:9px; }.a-reveal h3 { margin-top:8px; font-size:22px; color:var(--art-fg); }.a-reveal p { font-size:11px; margin-top:9px; color:#7c8a6d; }.a-word-guesses { display:grid; gap:6px; justify-content:center; padding:0 25px 18px; }.a-word-guesses>div { display:flex; gap:6px; }.a-word-guesses span { display:grid; place-items:center; width:38px; height:40px; font-size:19px; border-radius:5px; font-weight:600; color:white; background:#c5cbbf; }.a-word-guesses .correct { background:#91ad74; }.a-word-guesses .present { background:#c5b678; }.a-boost { display:flex; gap:10px; justify-content:center; align-items:center; font-size:10px; color:#9780af; margin:0 25px 20px; }.a-boost input { width:15px; height:15px; accent-color:#a58bbb; }.a-race-board { padding:0 25px 23px; display:grid; gap:10px; }.a-race-board>div { display:flex; align-items:center; gap:10px; }.a-race-board>div>span { font-size:9px; width:95px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.a-race-board b { font-size:9px; color:#9b87b2; width:40px; text-align:right; font-weight:500; }.a-race-lane { background:repeating-linear-gradient(90deg,#e9e2f0 0 10px,#f5f1f8 10px 20px); border-radius:20px; height:24px; position:relative; flex:1; overflow:hidden; }.a-race-lane i { position:absolute; top:0; left:var(--race-progress,0%); transform:translateX(calc(-1 * var(--race-progress,0%))); display:grid; place-items:center; width:32px; height:24px; border-radius:16px; background:#a390b7; color:white; font-style:normal; font-size:24px; line-height:1; transition:left .7s; }.a-game-results { border-top:1px solid #e8eddf; padding:28px 23px; text-align:center; }.a-game-results h2 { font-size:23px; margin:12px 0 18px; }.a-game-results .a-ranks { text-align:left; max-width:440px; margin:auto; }.a-game-results .a-text-link { margin-top:20px; }
.a-ranking-filters { display:flex; align-items:end; flex-wrap:wrap; gap:18px; padding:20px 0; border-top:1px solid var(--a-border); border-bottom:1px solid var(--a-border); margin-bottom:27px; }.a-ranking-filters .a-find-form { margin:0; flex:1; min-width:260px; }.a-ranking-filters>label { display:grid; gap:5px; font-size:9px; color:#97a389; }.a-ranking-filters select { font-size:11px; min-width:150px; background:white; border-color:#dfe6d6; }.a-leaderboard-layout { display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:25px; align-items:start; }.a-leaderboard-layout .a-ranks { padding:0 27px; }.a-leaderboard-layout .a-ranks li { padding:20px 0; }.a-leaderboard-layout .a-ranks strong { font-size:13px; }.a-leaderboard-layout .a-ranks b { font-size:15px; }.a-leaderboard-layout .a-ranks .a-avatar { width:33px; height:33px; font-size:10px; }.a-leaderboard-layout .a-rank-num { width:27px; }.a-podium { padding:28px 24px; border-radius:12px; text-align:center; }.a-podium .a-kicker { color:#a294b4; font-size:8px; }.a-podium-crown { display:block; font-size:62px; line-height:1.2; margin:25px 0; color:#a18cb7; }.a-podium h2 { font-size:23px; overflow-wrap:anywhere; }.a-podium>strong { display:block; font-size:54px; letter-spacing:-3px; color:#857098; font-weight:500; margin:18px 0 3px; }.a-podium p { font-size:10px; color:#a392b2; }.a-podium small { display:block; border-top:1px solid #d9cfe5; padding-top:20px; margin-top:25px; font-size:9px; line-height:1.8; color:#a092ad; }
.a-overlay { max-width:1100px; margin:0 auto; padding:25px; background:#f4f6ef; display:grid; gap:20px; min-height:100vh; color:#3f4b32; }.a-overlay-title { display:flex; justify-content:space-between; align-items:center; gap:15px; }.a-overlay-title .a-brand { font-size:22px; }.a-overlay-title>strong { font-size:15px; }.a-overlay .a-puzzle h2 { font-size:37px; }.a-overlay .a-puzzle .emoji-prompt { font-size:70px; }.a-overlay .a-game-status { font-size:13px; }.a-overlay .a-options strong { font-size:20px; }.a-overlay .a-live-dot { font-size:10px; }.a-overlay .a-ranks strong { font-size:15px; }.a-overlay-moments { display:flex; gap:15px; flex-wrap:wrap; margin-top:20px; }.a-overlay-moments span { background:#e7efdd; padding:15px; border-radius:7px; }
@media(min-width:1500px) { .a-hero { min-height:450px; }.hero-collage { height:400px; }.collage-card { width:250px; }.collage-card>.game-art { height:225px; }.collage-score { bottom:0; }.game-art { height:220px; }.collage-word { right:7%; }.a-main { padding-top:40px; } }
@media(max-width:1200px) { .a-sidebar { width:200px; padding:30px 16px; }.a-workspace { margin-left:200px; }.a-main { padding:28px; }.a-topbar { padding:0 28px; }.a-brand { font-size:21px; }.a-hero-copy h1 { font-size:55px; }.hero-collage { height:335px; }.collage-card { width:170px; }.collage-card>.game-art { height:165px; }.collage-word { right:-3%; }.collage-trivia { left:0; }.collage-label { font-size:6px; }.hero-footnote { gap:12px; font-size:7px; }.a-hero-copy>p { font-size:11px; }.a-game-grid { gap:16px; }.game-art { height:170px; }.a-card-content { padding:15px; }.a-card-meta { font-size:6px; }.a-card-content h3 { font-size:17px; }.a-how { gap:20px; }.a-community-layout,.a-studio-layout { grid-template-columns:minmax(0,1fr) 250px; gap:18px; }.a-featured { grid-template-columns:145px 1fr; gap:17px; padding:19px; }.a-featured .game-art { height:190px; }.a-featured h2 { font-size:20px; }.large-art { height:350px; }.a-detail { gap:28px; }.a-studio-heading h1 { font-size:28px; }.a-form { padding:22px; }.a-form-title .a-pill { display:none; } }
@media(max-width:1000px) { .a-sidebar { width:78px; padding:26px 13px; }.a-brand>span:not(.a-logo),.a-nav-caption,.a-side-note,.a-sidebar-bottom,.a-nav small { display:none; }.a-sidebar .a-brand { justify-content:center; }.a-sidebar nav { margin-top:40px; }.a-nav { font-size:0; justify-content:center; padding:13px; }.a-nav>span { font-size:22px; }.a-workspace { margin-left:78px; }.a-game-grid { gap:17px; }.a-community-layout,.a-studio-layout { grid-template-columns:minmax(0,1fr) 250px; }.a-community-hero { padding:28px; }.community-identity h1 { font-size:32px; }.a-featured { grid-template-columns:1fr; }.a-featured .game-art { height:160px; }.a-how { grid-template-columns:repeat(3,1fr); }.a-how>div:first-child { grid-column:1/-1; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; }.a-how>div:first-child .a-kicker { width:100%; }.a-how h2 br { display:none; }.a-small-grid { grid-template-columns:1fr; }.a-small-grid .a-game-card { display:grid; grid-template-columns:135px 1fr; }.a-small-grid .game-art { height:100%; min-height:155px; }.a-small-grid .a-card-meta { flex-wrap:wrap; }.a-small-grid .art-tiles b { width:23px; height:33px; font-size:16px; }.a-small-grid .art-wordgrid { grid-template-columns:repeat(5,19px); gap:3px; }.a-small-grid .art-wordgrid b { width:19px; height:25px; font-size:12px; }.a-small-grid .art-track { width:150px; }.a-small-grid .art-sticker { font-size:4px; }.a-small-grid .art-bubble { width:65px; height:50px; font-size:17px; }.a-small-grid .bubble-left { left:5%; }.a-small-grid .bubble-right { right:5%; }.a-small-grid .art-emoji { font-size:33px; }.a-small-grid .emoji-one { left:10%; }.a-small-grid .emoji-two { left:40%; }.a-small-grid .art-equals { font-size:19px; }.a-small-grid .art-mountain { border-left-width:45px; border-right-width:45px; }.a-small-grid .art-target { width:94px; height:94px; }.a-small-grid .art-dart { font-size:69px; }.a-card-meta span:last-child { display:none; }.a-form-title { flex-wrap:wrap; }.a-fields { gap:9px; }.a-fields label { font-size:8px; }.a-fields input { padding:10px; }.a-puzzle h2 { font-size:22px; }.a-options strong { font-size:11px; } }
@media(max-width:760px) { .a-community-layout,.a-studio-layout,.a-leaderboard-layout { grid-template-columns:1fr; }.a-community-layout>aside,.a-studio-layout>aside { display:grid; grid-template-columns:1fr 1fr; align-items:start; }.a-studio-layout>aside .a-invite { grid-row:1/3; }.a-community-layout>aside .a-house-rules { padding:22px; }.a-small-grid { grid-template-columns:1fr 1fr; }.a-small-grid .a-game-card { display:block; }.a-small-grid .game-art { height:150px; }.a-small-grid .art-tiles b { width:30px; height:38px; font-size:20px; }.a-game-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.a-hero { grid-template-columns:1fr; min-height:auto; }.a-hero-copy h1 { font-size:67px; }.hero-collage { height:320px; width:370px; max-width:100%; margin:25px auto 0; }.collage-card { width:187px; }.collage-card>.game-art { height:165px; }.collage-score { bottom:0; }.collage-word { right:0; }.collage-trivia { left:0; }.a-marquee { gap:10px; flex-wrap:wrap; font-size:8px; justify-content:center; }.a-marquee span:last-child { display:none; }.a-marquee b:last-of-type { display:none; }.a-section-title h2 { font-size:24px; }.a-section-title .a-text-link { font-size:9px; }.a-community-grid { grid-template-columns:1fr 1fr; }.a-detail { grid-template-columns:1fr; }.large-art { height:320px; }.a-studio-heading { align-items:start; flex-wrap:wrap; }.a-onboarding { padding:15px; gap:10px; }.a-onboarding strong { font-size:8px; }.a-onboarding>div { gap:6px; }.a-onboarding>div>span { width:22px; height:22px; flex-shrink:0; }.a-podium { padding:23px; }.a-podium-crown { margin:15px 0; }.a-leaderboard-layout .a-ranks strong { font-size:12px; }.a-leaderboard-layout .a-ranks b { font-size:13px; }.hero-footnote { font-size:8px; } }
@media(max-width:520px) { .a-sidebar { position:sticky; inset:0 0 auto 0; width:100%; padding:0 16px; height:59px; flex-direction:row; align-items:center; justify-content:space-between; border-right:0; border-bottom:1px solid var(--a-border); }.a-sidebar nav { margin:0; display:flex; gap:1px; }.a-sidebar .a-logo { width:26px; height:30px; font-size:26px; border-radius:8px; }.a-sidebar .a-brand>span:not(.a-logo) { display:block; font-size:16px; }.a-brand i { display:none; }.a-nav { padding:8px; }.a-nav>span { font-size:20px; }.a-nav:nth-child(4) { display:none; }.a-sidebar .a-brand { gap:6px; }.a-workspace { margin-left:0; }.a-topbar { min-height:52px; padding:0 18px; }.a-breadcrumb { font-size:8px; }.a-breadcrumb>span { display:none; }.a-topbar .a-btn { font-size:8px; min-height:30px; padding:8px 10px; }.a-connected { font-size:9px; }.a-main { padding:24px 18px 18px; }.a-hero { padding:17px 0 7px; }.a-hero-copy h1 { font-size:55px; letter-spacing:-2.8px; }.a-hero-copy .a-kicker { font-size:6.5px; letter-spacing:1.1px; }.a-hero-copy>p { font-size:11px; margin:26px 0 21px; }.a-hero-copy>p br { display:none; }.a-actions { gap:15px; }.a-actions .a-btn { font-size:10px; }.a-text-link { font-size:10px; }.hero-footnote { font-size:7px; gap:15px; }.hero-collage { height:305px; width:320px; }.collage-card { width:164px; }.collage-card>.game-art { height:154px; }.collage-word { right:0; }.collage-trivia { left:1px; }.collage-card>div:last-child { padding:12px; }.collage-card strong { font-size:13px; }.collage-card span:not(.game-art span) { font-size:7px; }.collage-score { left:12%; padding:13px 19px; bottom:0; }.collage-score strong { font-size:10px; }.collage-doodle { font-size:51px; right:2px; }.a-marquee { margin:25px 0 28px; padding:16px 0; font-size:7px; gap:8px; }.a-marquee span:nth-of-type(3) { display:none; }.a-marquee b:nth-of-type(2) { display:none; }.a-section-title { margin-bottom:19px; align-items:start; }.a-section-title .a-kicker { font-size:7px; letter-spacing:1.2px; }.a-section-title h2 { font-size:23px; max-width:250px; line-height:1.2; }.a-section-title .a-text-link { font-size:8px; margin-top:21px; text-align:right; }.a-game-grid { gap:12px; }.game-art { height:150px; }.a-card-content { padding:12px; }.a-card-meta { font-size:6px; letter-spacing:.7px; margin-bottom:8px; }.a-card-content h3 { font-size:15px; letter-spacing:-.5px; }.a-card-content>p { font-size:9px; line-height:1.6; margin:6px 0 13px; }.a-card-bottom>span { font-size:6px; max-width:90px; }.a-round-link { width:21px; height:21px; font-size:12px; }.art-sticker { font-size:4px; padding:4px; bottom:13px; letter-spacing:.7px; }.art-symbol { font-size:92px; }.art-orbit { width:108px; height:108px; }.art-star { font-size:24px; right:12%; top:20px; }.art-tiles { gap:4px; }.art-tiles b { width:26px; height:33px; font-size:18px; }.art-wordgrid { grid-template-columns:repeat(5,23px); gap:4px; }.art-wordgrid b { width:23px; height:28px; font-size:13px; }.art-number { width:17px; height:17px; font-size:6px; top:11px; left:11px; }.art-track { width:175px; height:85px; }.art-racer { width:30px; height:20px; font-size:21px; }.racer-one { top:39px; }.racer-two { bottom:44px; }.art-mountain { border-left-width:42px; border-right-width:42px; border-bottom-width:80px; bottom:32px; }.mountain-two { border-bottom-width:62px; }.art-sun { top:16px; font-size:31px; }.art-trail { font-size:49px; bottom:20px; left:27%; }.art-bubble { width:66px; height:56px; font-size:19px; border-radius:19px; }.bubble-left { left:9%; top:29px; }.bubble-right { right:9%; top:49px; }.art-emoji { font-size:35px; top:44px; }.emoji-one { left:14%; }.emoji-two { left:42%; }.art-equals { font-size:22px; top:51px; left:70%; }.art-target { width:96px; height:96px; border-width:11px; box-shadow:inset 0 0 0 10px #eef5f5,inset 0 0 0 20px #86abba,inset 0 0 0 30px #eef5f5; }.art-dart { font-size:68px; top:17px; }.art-bingogrid { grid-template-columns:repeat(3,27px); gap:4px; }.art-bingogrid b { width:27px; height:26px; }.a-how { gap:20px 15px; grid-template-columns:1fr; margin:32px 0; padding:25px 0; }.a-how>div:first-child { display:block; }.a-how>div:first-child .a-kicker { font-size:6.5px; }.a-how h2 { font-size:27px; }.a-how h2 br { display:initial; }.a-how-step { display:grid; grid-template-columns:30px 1fr; gap:0 12px; }.a-how-step>span { grid-row:1/3; margin:0; font-size:23px; }.a-how-step h3 { font-size:12px; }.a-how-step p { grid-column:2; margin-top:5px; font-size:10px; }.a-filter-bar { gap:13px; }.a-filters { gap:3px; }.a-filters button { font-size:9px; padding:7px 9px; }.a-search { width:100%; }.a-lead { font-size:11px; line-height:1.8; }.a-community-grid { grid-template-columns:1fr; }.a-find-form { flex-wrap:wrap; }.a-find-form input { flex:1 1 180px; }.a-find-form .a-btn { font-size:10px; }.a-community-hero { padding:23px; }.community-hero-top { align-items:start; gap:10px; }.community-hero-top .a-kicker { font-size:6px; max-width:150px; }.a-pill { font-size:7px; padding:5px 7px; }.community-identity { gap:12px; margin:25px 0 18px; }.community-identity .a-avatar { width:49px; height:49px; font-size:17px; }.community-identity .a-kicker { font-size:7px; }.community-identity h1 { font-size:26px; letter-spacing:-1px; }.a-community-hero>p { font-size:10px; }.a-community-hero .a-actions { gap:15px; }.a-community-hero .a-actions .a-btn { font-size:9px; }.a-community-layout { margin-top:18px; }.a-community-layout>aside,.a-studio-layout>aside { grid-template-columns:1fr; }.a-studio-layout>aside .a-invite { grid-row:auto; }.a-small-grid { gap:12px; }.a-small-grid .a-card-content { padding:12px; }.a-small-grid h3 { font-size:15px; }.a-small-grid .a-card-bottom>span { font-size:6px; }.a-featured { grid-template-columns:1fr; padding:19px; }.a-featured .game-art { height:170px; }.a-featured h2 { font-size:23px; }.a-featured p { font-size:11px; }.a-panel-heading { padding:17px 19px; }.a-panel-heading .a-kicker { font-size:6px; }.a-panel-heading .a-btn { min-height:32px; font-size:9px; padding:8px 10px; }.a-footer { margin-top:35px; font-size:7px; gap:12px; }.a-footer>span:first-child { max-width:120px; }.a-detail { margin:24px 0; gap:25px; }.large-art { height:285px; }.a-detail h1 { font-size:35px; }.a-detail-tagline { font-size:20px!important; }.a-benefits { grid-template-columns:1fr; gap:22px; }.a-studio-welcome { padding:13px 0; }.a-studio-welcome h1 { font-size:38px; letter-spacing:-1.7px; }.a-studio-welcome>p { font-size:11px; }.a-welcome-steps { font-size:8px; gap:14px; flex-wrap:wrap; }.a-studio-heading h1 { font-size:29px; letter-spacing:-1.1px; }.a-studio-heading .a-kicker { font-size:7px; }.a-studio-heading p { font-size:11px; }.a-onboarding { padding:14px; grid-template-columns:1fr; gap:11px; margin:22px 0; }.a-onboarding strong { font-size:10px; }.a-form { padding:21px 18px; gap:18px; }.a-form-title h3 { font-size:18px; }.a-form-title .a-kicker { font-size:7px; }.a-fields { grid-template-columns:1fr 1fr; }.a-fields>label:last-child { grid-column:1/-1; }.a-fields:has(>label:nth-child(2):last-child)>label:last-child { grid-column:auto; }.a-fields label { font-size:10px; }.a-enabled { grid-template-columns:1fr 1fr; padding:13px; gap:12px 7px; }.a-enabled label { font-size:9px; }.a-puzzle { padding:25px 18px 18px; }.a-puzzle h2 { font-size:23px; line-height:1.35; }.a-options { padding:0 18px 18px; gap:8px; }.a-options>button,.a-options>div { padding:12px 10px; gap:8px; }.a-options strong { font-size:10px; }.a-options>button>span,.a-options>div>span { font-size:8px; padding:2px 5px; }.a-answer-form { padding:0 18px; gap:8px; }.a-answer-form .a-btn { font-size:9px; padding:10px 12px; }.a-answer-form input { font-size:12px; }.a-game-status { padding:12px 18px; font-size:7px; }.a-live-dot { font-size:6px; }.a-game-waiting { padding:24px 22px 16px; }.a-game-waiting h2 { font-size:23px; }.a-game-waiting p { font-size:10px; }.a-game-bottom { padding:14px 18px; font-size:7px; }.a-host-controls { padding:12px 18px 22px; gap:7px; }.a-host-controls .a-btn { font-size:10px; padding:10px 13px; }.a-reveal { margin:8px 18px 20px; padding:19px; }.a-reveal h3 { font-size:21px; }.a-player-list { padding:5px 18px 18px; }.a-player-list strong { font-size:10px; }.a-panel-description { padding:14px 18px 0; font-size:9px; }.a-letter-row { gap:5px; }.a-letter-row>span { width:30px; height:39px; font-size:19px; }.a-ranking-filters { gap:13px; align-items:center; }.a-ranking-filters .a-find-form { min-width:100%; }.a-ranking-filters>label { flex:1; }.a-ranking-filters select { min-width:120px; }.a-leaderboard-layout .a-ranks { padding:0 18px; }.a-leaderboard-layout .a-panel-heading { flex-wrap:wrap; }.a-leaderboard-layout .a-ranks li { gap:9px; }.a-leaderboard-layout .a-rank-num { width:18px; }.a-leaderboard-layout .a-ranks strong { font-size:11px; }.a-overlay { padding:15px; }.a-overlay-title>strong { font-size:10px; }.a-overlay-title .a-brand { font-size:16px; }.a-overlay .a-puzzle h2 { font-size:25px; }.a-overlay .a-options strong { font-size:13px; } }
@media(prefers-reduced-motion:reduce) { .arcade-shell * { transition:none!important; animation:none!important; } }

.racer-progress-0 { --race-progress:0%; }
.racer-progress-1 { --race-progress:5%; }
.racer-progress-2 { --race-progress:10%; }
.racer-progress-3 { --race-progress:15%; }
.racer-progress-4 { --race-progress:20%; }
.racer-progress-5 { --race-progress:25%; }
.racer-progress-6 { --race-progress:30%; }
.racer-progress-7 { --race-progress:35%; }
.racer-progress-8 { --race-progress:40%; }
.racer-progress-9 { --race-progress:45%; }
.racer-progress-10 { --race-progress:50%; }
.racer-progress-11 { --race-progress:55%; }
.racer-progress-12 { --race-progress:60%; }
.racer-progress-13 { --race-progress:65%; }
.racer-progress-14 { --race-progress:70%; }
.racer-progress-15 { --race-progress:75%; }
.racer-progress-16 { --race-progress:80%; }
.racer-progress-17 { --race-progress:85%; }
.racer-progress-18 { --race-progress:90%; }
.racer-progress-19 { --race-progress:95%; }
.racer-progress-20 { --race-progress:100%; }

.a-stream-player { margin-top:24px; }.a-stream-player iframe { width:100%; aspect-ratio:16/9; min-height:300px; border:0; border-radius:12px; display:block; background:#1c2318; }.a-stream-placeholder { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px 25px; border:1px solid #e1e6d8; border-radius:10px; background:#f0f3eb; }.a-stream-placeholder h3 { margin-top:6px; font-size:17px; }.a-stream-placeholder .a-kicker { font-size:7px; }.a-stream-placeholder .a-btn { flex-shrink:0; }@media(max-width:520px) { .a-stream-placeholder { padding:19px; align-items:start; flex-direction:column; gap:15px; }.a-stream-player iframe { min-height:300px; }.a-stream-placeholder h3 { font-size:17px; } }

.a-topbar-account { display:flex; align-items:center; gap:8px; }.a-mobile-signout { display:none; border:0; background:transparent; font-size:19px; min-width:34px; min-height:34px; }
@media(max-width:1000px) { .a-mobile-signout { display:inline-flex; justify-content:center; align-items:center; } }

.a-answer-form { flex-wrap:wrap; }
.a-answer-help,.a-answer-error { flex:0 0 100%; margin:0; text-align:left; line-height:1.6; font-size:12px; }
.a-answer-help { color:#69735f; }
.a-answer-error { color:#a63730; }
.a-answer-form input[aria-invalid="true"] { border-color:#be5149; }

.a-word-guesses .pending { color:var(--ink,#30372a); background:#f7f8f4; border:1px dashed #b9c2ae; }

.a-word-moderation { min-width:0; border:1px solid #dfe5d8; border-radius:8px; padding:14px; margin:4px 0; }
.a-word-moderation legend { padding:0 5px; font-size:12px; font-weight:600; }
.a-form .a-word-moderation label,.pg-settings-form .a-word-moderation label { display:flex; flex-direction:row; align-items:center; gap:9px; font-size:13px; }
.a-word-moderation input[type="checkbox"] { width:17px; height:17px; margin:0; accent-color:#677e50; flex-shrink:0; }
.a-word-moderation small { display:block; margin-top:8px; line-height:1.6; color:#68715f; }
.a-form .a-word-mode label,.pg-settings-form .a-word-mode label { display:flex; flex-direction:column; align-items:stretch; margin-top:10px; }
.a-word-mode select,.a-word-mode textarea { width:100%; min-width:0; }

.a-choice-help { margin:0 25px 18px; font-size:12px; line-height:1.6; text-align:center; color:#626e58; }
.a-lane-results { padding:0; margin:12px 0; list-style:none; display:flex; flex-wrap:wrap; justify-content:center; gap:8px 18px; font-size:12px; }
.a-round-feedback { padding-top:10px; border-top:1px solid #ffffff70; }
.pg-bingo-section-title { padding:12px 20px 0; font-size:15px; }
.pg-error .a-btn { margin:10px 0 0; }
.a-sidebar { overflow-y:auto; overscroll-behavior:contain; }
.a-sidebar>.a-brand,.a-sidebar>nav,.a-sidebar>.a-nav-caption,.a-sidebar>.a-sidebar-bottom { flex-shrink:0; }
.a-guess-label,.a-clue-key { margin:0 25px 12px; text-align:center; font-size:11px; line-height:1.6; color:#64744f; }.a-guess-label { font-weight:600; }.a-clue-key { margin-top:-6px; }
.a-wordlock-layout { display:flex; flex-wrap:wrap; align-items:flex-start; }
.a-wordlock-own { flex:1 1 360px; min-width:0; }
.a-chat-progress { flex:1 1 260px; min-width:0; margin:18px; padding:18px; border:1px solid #dfe7d6; border-radius:10px; background:#f6f9f0; }
.a-chat-progress h3 { margin:7px 0; font-size:20px; }.a-chat-progress p { font-size:12px; line-height:1.6; color:#63744f; }
.a-chat-averages { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:18px 0 12px; }
.a-chat-averages>div:first-child { grid-column:1/-1; }.a-chat-averages strong { display:block; font-size:25px; color:#40562d; }.a-chat-averages strong small { font-size:13px; font-weight:400; }.a-chat-averages span { display:block; font-size:11px; color:#63744f; }
.a-chat-clues { max-height:360px; overflow-y:auto; overscroll-behavior:contain; margin:12px 0; }.a-chat-clues:focus-visible { outline:2px solid #758f5e; outline-offset:3px; }
.a-chat-clue-row { border-top:1px solid #e0e7d8; padding:12px 0; }.a-chat-clue-row>div:first-child { display:flex; justify-content:space-between; align-items:center; gap:8px; }.a-chat-clue-row strong { font-size:13px; overflow-wrap:anywhere; }.a-chat-clue-row small { font-size:11px; color:#63744f; }
.a-chat-pattern { display:flex; gap:5px; margin:9px 0 5px; }.a-chat-pattern span { width:25px; height:25px; border-radius:4px; background:#c5cbbf; }.a-chat-pattern .correct { background:#91ad74; }.a-chat-pattern .present { background:#c5b678; }
.a-chat-privacy,.a-chat-sample { font-size:11px!important; }.a-chat-no-clues { margin:8px 0 0; }

/* Shared drawing prompts */
.chat-drawing{display:block;width:100%;height:auto;aspect-ratio:3/2;background:#fff;border:2px solid #d4cddd;border-radius:12px;overflow:hidden}
.chat-drawing-editor{touch-action:none;cursor:crosshair}
.chat-drawing-editor[data-enabled="false"]{cursor:default;opacity:.65;pointer-events:none}
.chat-drawing-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}
.chat-drawing-tools label{display:flex;gap:8px;align-items:center}
.chat-drawing-tools input{width:48px;height:36px;padding:2px}
.chat-drawing-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px}
.chat-drawing-gallery figure{margin:0;min-width:0}
.chat-drawing-gallery figcaption{padding:8px;font-weight:700;overflow-wrap:anywhere}
.chat-drawing-reveal{margin:20px 0}

.a-game-options{border:1px solid var(--line,#dedde8);border-radius:14px;padding:18px;margin:0;min-width:0;background:var(--surface,#ffffff08)}
.a-game-options legend{padding:0 8px;font-weight:700;font-size:14px}
.a-game-options .a-fields{margin:0}
.a-game-options .a-note{margin-bottom:0;line-height:1.6}
.chat-drawing-spotlight{margin:0;max-width:760px}
.chat-drawing-spotlight figcaption{padding:12px 0;font-size:1.2rem;font-weight:800}
.chat-drawing-reveal>.a-btn{margin-top:16px}