.play-page{background:var(--ui-page);color:var(--ui-text);}.play-main{max-width:1440px;margin:auto;padding:28px clamp(16px,4vw,60px) 60px;min-height:75vh;overflow-wrap:anywhere;}.play-main a{color:inherit;text-underline-offset:4px;}.play-main nav{font-size:.875rem;}.play-hero{padding:52px 0 40px;max-width:900px;}.play-main h1{font-size:clamp(2.5rem,6vw,5.5rem);line-height:1.03;letter-spacing:-.055em;margin:16px 0 24px;color:var(--ui-text);}.play-main h2,.play-main h3{color:var(--ui-text);line-height:1.25;}.play-intro{font-size:clamp(1.1rem,2vw,1.35rem);max-width:670px;}.play-main p{line-height:1.65;}.play-kicker{font-size:.72rem;font-weight:800;letter-spacing:.14em;}.play-badges,.play-room-tools,.play-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}.play-badges span{border:1px solid var(--ui-line);border-radius:999px;padding:8px 14px;font-size:.82rem;}.play-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}.play-card{border:1px solid var(--ui-line);border-radius:24px;background:var(--ui-panel);overflow:visible;}.play-card>a{display:block;text-decoration:none;height:100%;border-radius:inherit;overflow:hidden;}.play-card-copy{padding:24px;}.play-card h2{font-size:1.55rem;margin:10px 0;}.play-card-copy>p{margin:8px 0;}.play-card-cta{display:flex;justify-content:space-between;margin-top:24px;font-weight:700;}.play-art{height:190px;position:relative;overflow:hidden;background:#ded5ff;color:#38206e;display:grid;place-items:center;isolation:isolate;}.play-art-symbol{font:100px/1 Georgia,serif;z-index:1;transform:rotate(-12deg);text-shadow:4px 6px 0 #ffffff70;}.play-art-small{position:absolute;right:28px;bottom:16px;font-size:50px;transform:rotate(18deg);opacity:.8;}.play-art-orbit{position:absolute;width:210px;height:210px;border:2px solid currentColor;border-radius:50%;opacity:.18;transform:rotate(-25deg) scaleX(1.5);}.play-art-mini-golf,.play-art-dominoes{background:#c6f1d7;color:#174c3b;}.play-art-ludo,.play-art-snakes-and-ladders{background:#ffe0b0;color:#78430a;}.play-art-8-ball-pool,.play-art-battleship{background:#c7e4fc;color:#204677;}.play-art-checkers{background:#ffcfd7;color:#6f2038;}.play-art-chess{background:#e4e5ef;color:#33374f;}.play-panel{border:1px solid var(--ui-line);border-radius:22px;background:var(--ui-panel);padding:clamp(16px,2.5vw,30px);min-width:0;}.play-detail{display:grid;grid-template-columns:1fr 1fr;gap:24px;}.play-main input,.play-main select{font:inherit;box-sizing:border-box;max-width:100%;min-height:48px;padding:10px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-page);color:var(--ui-text);}.play-main form{display:grid;gap:12px;max-width:480px;}.play-main button,.play-main summary{font:600 1rem/1.3 system-ui;min-height:48px;cursor:pointer;border:1px solid var(--ui-line);border-radius:10px;padding:12px 18px;background:var(--ui-text);color:var(--ui-page);}.play-main button:disabled{opacity:.55;cursor:default;}.play-main :focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px;}.play-main [hidden]{display:none!important;}.play-how,.play-faq,.play-next{margin-top:40px;}.play-how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;line-height:1.8;}.play-faq{max-width:850px;}.play-faq h3{margin-top:28px;}.play-next{border-top:1px solid var(--ui-line);padding-top:24px;}.play-room-heading h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:10px;}.play-room-tools{margin:20px 0;}.play-room-tools>a{display:inline-flex;align-items:center;min-height:48px;}.play-room-tools details{position:relative;}.play-room-tools details[open]{max-width:360px;}.play-room-tools details button{margin:8px;}.play-room-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;}.play-players{padding:0;list-style:none;}.play-players li{padding:12px 8px;border-bottom:1px solid var(--ui-line);}.play-players li[data-active=true]{font-weight:800;border-left:4px solid currentColor;}.play-controls{margin-top:18px;}.play-controls label{display:flex;flex-direction:column;gap:6px;}.play-controls input[type=range]{width:160px;}.play-controls form{display:flex;flex-wrap:wrap;}.play-controls form input{flex:1;min-width:120px;}.play-board-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));max-width:600px;margin:auto;border:2px solid var(--ui-text);aspect-ratio:1;}.play-main .play-art-cell{min-height:0;padding:0;border:0;border-radius:0;aspect-ratio:1;background:#f1e5cf;color:#1c2436;font:clamp(19px,4.8vw,46px)/1 Georgia,serif;position:relative;touch-action:manipulation;}.play-main .play-art-cell.odd{background:#65847d;color:#101a24;}.play-art-cell.selected:before{content:"";position:absolute;inset:0;border:4px solid #e84816;outline:1px solid #111;outline-offset:-1px;pointer-events:none;}.play-art-cell.legal:after{content:"";position:absolute;width:20%;height:20%;border-radius:50%;background:#1b2943;border:2px solid #fff;left:40%;top:40%;}.play-art-cell .white-piece{color:#fff;text-shadow:1px 1px 0 #111,-1px -1px 0 #111,1px -1px 0 #111,-1px 1px 0 #111;}.play-art-cell .black-piece{color:#111;text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff;}.play-sea-grid{grid-template-columns:repeat(10,minmax(0,1fr));width:100%;max-width:500px;}.play-main .play-sea-grid .play-art-cell{font:600 clamp(10px,2.5vw,18px)/1 system-ui;background:#d8edff;border:1px solid #52718b;color:#153b61;}.play-main .play-sea-grid .ship{background:#436685;color:#fff;}.play-main .play-sea-grid .hit{background:#a51e39;color:#fff;}.play-seas{display:grid;gap:20px;}.play-surface{display:block;width:100%;height:auto;max-height:65vh;border:2px solid var(--ui-line);border-radius:14px;touch-action:none;}.play-surface text{font-family:system-ui;font-weight:700;}.play-surface .p0{fill:#b92949;stroke:#fff;}.play-surface .p1{fill:#234fb4;stroke:#fff;}.play-surface .p2{fill:#17754e;stroke:#fff;}.play-surface .p3{fill:#85500b;stroke:#fff;}.play-surface .p4{fill:#743aba;stroke:#fff;}.play-surface .p5{fill:#136b81;stroke:#fff;}.play-surface .p6{fill:#3f4b60;stroke:#fff;}.play-surface .p7{fill:#813b25;stroke:#fff;}.play-surface .token-label{fill:white;stroke:none;font-size:11px;}.play-domino-chain,.play-domino-hand{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;}.play-main .play-art-domino{display:inline-flex;align-items:center;gap:8px;min-width:62px;min-height:52px;border:2px solid #242a3d;background:#fffdf4;color:#242a3d;border-radius:8px;padding:8px;font:700 22px/1 system-ui;}.play-art-domino span+span{border-left:1px solid;padding-left:8px;}.play-die{font-size:3rem;line-height:1.2;}.play-lobby-art{font-size:5rem;text-align:center;padding:30px;background:var(--ui-page);border-radius:18px;}.play-swatch[aria-pressed=true]{outline:3px solid var(--ui-focus);outline-offset:3px;}.play-guess-list{max-height:130px;overflow:auto;}.play-drawing-hint{font-size:1.25rem;font-weight:700;letter-spacing:.08em;}.play-board-caption{font-size:.85rem;}.play-room-layout aside{align-self:start;}.play-stage>h2{font-size:1.2rem;min-height:1.5em;}.play-status-error{border-left:4px solid var(--ui-text);padding-left:12px;}
@media(max-width:1000px){.play-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.play-room-layout{grid-template-columns:1fr;}.play-room-layout aside{display:block;}.play-players{display:flex;flex-wrap:wrap;gap:8px;}.play-players li{border:1px solid var(--ui-line);border-radius:8px;}.play-how ol{grid-template-columns:1fr;gap:12px;}}
@media(max-width:600px){.play-main{padding:20px 14px 40px;}.play-hero{padding:32px 0;}.play-grid{gap:14px;}.play-card-copy{padding:16px;}.play-card h2{font-size:1.15rem;}.play-card .play-kicker{font-size:.6rem;letter-spacing:.06em;}.play-art{height:130px;}.play-art-symbol{font-size:72px;}.play-art-small{font-size:32px;right:12px;}.play-card-copy>p:not(.play-kicker){font-size:.875rem;}.play-detail{grid-template-columns:1fr;}.play-room-tools{gap:8px;}.play-room-tools button,.play-room-tools summary{padding:10px;}.play-panel{padding:14px;}.play-main .play-art-cell{font-size:clamp(20px,7vw,38px);}}
@media(prefers-reduced-motion:no-preference){.play-card{transition:transform .18s ease;}.play-card:hover{transform:translateY(-4px);}}
/* Fit the established shared typography scale to game cards and boards. */
.play-card{--type-h2:clamp(1.125rem,2vw,1.75rem);--type-body:1rem;}.play-kicker{--type-body:.8rem;}.play-stage{--type-h2:1.3rem;}.play-art-cell{--type-control:clamp(1.4rem,5vw,2.8rem);}.play-sea-grid .play-art-cell{--type-control:.75rem;}.play-players{--type-body:1rem;}@media(max-width:600px){.play-card{--type-h2:1.125rem;--type-body:.9375rem;}.play-card .play-kicker{--type-body:.7rem;}}
.play-art-cell>span{font-size:clamp(1.5rem,7vw,3rem);line-height:1;}
.play-room-tools>a{display:inline-flex;align-items:center;min-height:48px;padding:8px 12px;box-sizing:border-box;}