.play-page .play-hero{padding-bottom:.5rem}.play-topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:.9rem;gap:.9rem;margin:1.5rem 0 2rem}.play-topic{display:flex;flex-direction:column;gap:.35rem;text-align:left;padding:1rem 1.1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;box-shadow:var(--shadow);transition:transform .12s ease,border-color .12s ease;font:inherit}.play-topic:hover{transform:translateY(-2px);border-color:var(--aqua)}.play-topic:focus-visible{outline:none;box-shadow:var(--focus-ring)}.play-topic-title{font-family:var(--font-display),Georgia,serif;font-size:1.25rem;font-weight:600;color:var(--aqua-deep)}.play-topic-blurb{color:var(--muted);font-size:.95rem;line-height:1.45}.play-topic-meta{margin-top:.3rem;font-size:.8rem;color:var(--muted-2)}.play-results,.play-setup{margin:1.25rem 0 2rem;padding:1.25rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel)}.play-back,.play-ghost{background:none;border:1px solid var(--border);color:var(--aqua-deep);border-radius:var(--radius-sm);padding:.5rem .9rem;font:inherit;font-weight:600;cursor:pointer;min-height:44px}.play-back:hover,.play-ghost:hover{border-color:var(--aqua)}.play-setup-title{font-family:var(--font-display),Georgia,serif;font-size:1.8rem;margin:.8rem 0 .2rem}.play-field{margin:1.1rem 0}.play-field-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.play-label{display:block;font-weight:600;margin-bottom:.4rem}.play-hint{margin:.4rem 0 0;font-size:.88rem;color:var(--muted)}.play-seg{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:var(--panel-2)}.play-seg button{min-height:44px;min-width:56px;padding:0 1rem;border:none;background:transparent;color:var(--text);font:inherit;font-weight:600;cursor:pointer}.play-seg button.is-on{background:var(--aqua);color:#fff}.play-seg button:focus-visible{outline:none;box-shadow:inset var(--focus-ring)}.play-names{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:.6rem;gap:.6rem}.play-name{display:flex;align-items:center;gap:.5rem}.play-name-dot{width:14px;height:14px;border-radius:50%;background:var(--pc);flex:none}.play-name input{flex:1 1;min-height:44px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;background:var(--bg);color:var(--text)}.play-name input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.play-check{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;cursor:pointer}.play-check input{width:20px;height:20px}.play-big-btn{min-height:52px;padding:.7rem 1.6rem;font-size:1.1rem;border-radius:999px}.play-big-btn kbd,.play-pad-name kbd{font-family:var(--font-body),system-ui,sans-serif;font-size:.75em;opacity:.75;margin-left:.4rem;border:1px solid;border-radius:4px;padding:0 .3em}.play-back:focus-visible,.play-big-btn:focus-visible,.play-ghost:focus-visible,.play-pad-btn:focus-visible,.play-quit:focus-visible{outline:none;box-shadow:var(--focus-ring)}.play-boards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1rem;gap:1rem;margin-top:1.5rem}.play-board h3{font-size:1rem;margin:0 0 .4rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.play-board-list,.play-ranking,.play-round{list-style:none;margin:0;padding:0}.play-board-list li,.play-ranking li{display:flex;align-items:center;gap:.6rem;padding:.35rem .5rem;border-radius:var(--radius-sm)}.play-board-list li:nth-child(odd){background:var(--panel-2)}.play-board-list li.is-you{outline:2px solid var(--gold)}.play-board-rank{width:1.6em;text-align:right;color:var(--muted-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.play-board-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-board-score{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.play-ranking li{border-left:6px solid var(--pc);margin-bottom:.3rem;background:var(--panel-2);font-size:1.1rem}.play-results-title{font-family:var(--font-display),Georgia,serif;font-size:clamp(1.6rem,3vw,2.4rem);margin:.2rem 0 .4rem}.play-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin:1.2rem 0}.play-eyebrow,.play-muted{color:var(--muted)}.play-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700;margin:0 0 .3rem}.play-stage{--stage:#0b2a3a;--stage-2:#071a26;--on-stage:#f3f8fa;margin:1.25rem 0 2rem;padding:clamp(.8rem,1.5vw,1.6rem);border-radius:var(--radius);background:radial-gradient(900px 400px at 50% -100px,#134a60,transparent 70%),linear-gradient(170deg,var(--stage),var(--stage-2));color:var(--on-stage);min-height:60vh;scroll-margin-top:84px;display:flex;flex-direction:column;gap:clamp(.6rem,1.2vw,1rem)}.play-stage .play-eyebrow,.play-stage .play-muted{color:rgba(243,248,250,.72)}.play-stage a{color:#9fe3ff}.play-center{align-items:center;justify-content:center;text-align:center}.play-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.play-bar{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.play-progress{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:clamp(.95rem,1.2vw,1.3rem)}.play-scores{list-style:none;margin:0;padding:0;display:flex;gap:.5rem;flex:1 1;flex-wrap:wrap}.play-score{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .7rem;border-radius:999px;background:rgba(255,255,255,.08);border-left:5px solid var(--pc);font-size:clamp(.85rem,1.1vw,1.15rem)}.play-score.is-turn{background:rgba(255,255,255,.22)}.play-score-pts{font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.play-score-flag{opacity:.8}.play-quit{margin-left:auto;background:transparent;border:1px solid rgba(255,255,255,.35);color:var(--on-stage);border-radius:999px;padding:.3rem .9rem;min-height:40px;font:inherit;cursor:pointer}.play-timer{position:relative;height:12px;border-radius:999px;background:rgba(255,255,255,.14);overflow:visible}.play-timer-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#38bdf8,#f6c343);transition:width .1s linear}.play-timer-num{position:absolute;right:0;top:-1.9em;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:clamp(1rem,1.5vw,1.6rem)}.play-stage.is-live .play-timer-num{color:#f6c343}.play-prompt{font-family:var(--font-display),Georgia,serif;font-weight:600;font-size:clamp(1.25rem,2.2vw + .4rem,2.6rem);line-height:1.25;margin:.2rem 0;text-wrap:balance}.play-photo{margin:0;display:flex;flex-direction:column;align-items:center;gap:.35rem}.play-photo img{max-width:100%;max-height:min(42vh,520px);border-radius:var(--radius-sm);object-fit:contain;background:rgba(0,0,0,.25)}.play-credit{font-size:clamp(.75rem,.9vw,.95rem);color:rgba(243,248,250,.72);text-align:center}.play-tiles{display:grid;grid-template-columns:1fr;grid-gap:clamp(.5rem,1vw,.9rem);gap:clamp(.5rem,1vw,.9rem);margin-top:auto}@media (min-width:600px){.play-tiles{grid-template-columns:1fr 1fr}}.play-tile{--tile:#1368ce;position:relative;display:flex;align-items:center;gap:.7rem;min-height:clamp(64px,9vh,120px);padding:.7rem .9rem;border:none;border-radius:var(--radius-sm);background:var(--tile);color:#fff;text-align:left;font:inherit;font-weight:700;font-size:clamp(1rem,1.3vw + .4rem,1.9rem);line-height:1.2;cursor:pointer;box-shadow:inset 0 -4px 0 rgba(0,0,0,.22);transition:transform 90ms ease,filter .12s ease,opacity .16s ease}.play-tile:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}.play-tile:not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 -1px 0 rgba(0,0,0,.22)}.play-tile:disabled{cursor:default}.play-tile:focus-visible{outline:3px solid #fff;outline-offset:3px}.play-tile[style*="#d89e00"]{color:#1a1400}.play-tile-badge{display:inline-flex;align-items:center;gap:.35rem;flex:none;padding:.15rem .45rem;border-radius:999px;background:rgba(255,255,255,.22);font-size:.8em}.play-tile-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.play-tile-text{flex:1 1;overflow-wrap:anywhere}.play-tiles-size .play-tile-text{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.play-tile.is-wrong{opacity:.35;filter:saturate(.4)}.play-tile.is-missed{opacity:.7}.play-tile.is-correct{outline:3px solid #fff;outline-offset:2px}.play-tile-mark{font-size:1.3em;flex:none}.play-tile-picks{display:inline-flex;gap:.2rem;flex:none}.play-pick{width:1.5em;height:1.5em;border-radius:50%;display:inline-grid;place-items:center;font-size:.65em;color:#0b1a22;border:2px solid #fff}.play-pads{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.6rem;gap:.6rem}.play-pad{border-left:5px solid var(--pc);padding:.4rem .6rem;background:rgba(255,255,255,.07);border-radius:var(--radius-sm)}.play-pad-name{display:block;font-weight:700;margin-bottom:.3rem}.play-pad-keys{display:flex;gap:.4rem;align-items:center}.play-pad-btn{--tile:#1368ce;width:48px;height:44px;border:none;border-radius:8px;background:var(--tile);color:#fff;display:grid;place-items:center;cursor:pointer}.play-pad-btn:disabled{opacity:.35;cursor:default}.play-pad-done{font-size:.85rem;opacity:.8}.play-reveal{display:flex;flex-direction:column;gap:.5rem;padding-top:.4rem;border-top:1px solid rgba(255,255,255,.15)}.play-fact{margin:0;font-size:clamp(1.05rem,1.4vw + .3rem,1.7rem);line-height:1.35}.play-iucn{display:inline-block;margin-right:.5rem;padding:.1rem .5rem;border-radius:6px;font-weight:800;font-size:.8em;color:#0b1a22;vertical-align:middle}.play-common{margin:0;color:rgba(243,248,250,.75)}.play-links{margin:0;display:flex;gap:1rem;flex-wrap:wrap;font-weight:600}.play-solo-result{margin:0;font-weight:700;font-size:1.1rem}.play-round li{display:flex;justify-content:space-between;padding:.3rem .6rem;border-left:5px solid var(--pc);background:rgba(255,255,255,.07);margin-bottom:.25rem;border-radius:var(--radius-sm)}.play-reveal .play-big-btn{align-self:flex-end}.play-pass h2{font-family:var(--font-display),Georgia,serif;font-size:clamp(1.8rem,4vw,3rem);margin:.2rem 0}@media (min-width:1400px){.play-stage{min-height:70vh}.play-tile{min-height:130px}}@media (prefers-reduced-motion:reduce){.play-tile,.play-timer-bar,.play-topic{transition:none!important}.play-tile:not(:disabled):active,.play-tile:not(:disabled):hover,.play-topic:hover{transform:none}}