.play-dots{inset:0;width:100vw;height:100vh;z-index:1}.play-dots,.play-tip{position:fixed;pointer-events:none}.play-tip{left:0;top:0;z-index:6;transform:translate(var(--x,0),var(--y,0));display:grid;gap:4px;max-width:300px;padding:11px 14px;border:1px solid var(--site-rule);border-radius:6px;background:#0b090fe8;font-size:var(--type-ui);line-height:1.55;color:var(--site-copy)}.play-tip[hidden]{display:none}.play-tip small{font:var(--type-label)/1.6 var(--font-label);letter-spacing:.02em;color:var(--site-quiet)}.play-tip strong{font-weight:500;color:var(--site-ink)}.play-tip p{margin:0}.play-tip em{font-style:normal;font-size:var(--type-label);color:var(--site-quiet)}.play-tip em[hidden]{display:none}.play-walk{position:fixed;left:50%;top:112px;z-index:7;translate:-50% 0;min-height:40px;padding:0 16px;border:1px solid var(--site-violet-line);border-radius:99px;background:#0b090fe8;font:var(--type-ui)/1 var(--font-label);color:var(--site-ink);white-space:nowrap;opacity:0;pointer-events:none;clip-path:inset(50%)}.play-walk:focus-visible{opacity:1;clip-path:none;border-color:var(--site-violet);outline:2px solid var(--site-focus,var(--site-violet));outline-offset:3px}:root[data-cursor=drag] body{cursor:grab}:root[data-cursor=grabbing] body{cursor:grabbing}:root[data-cursor=open] body{cursor:pointer}:root[data-playing] body{-webkit-user-select:none;-moz-user-select:none;user-select:none}.play-word{position:fixed;left:0;top:0;z-index:7;transform:translate(calc(var(--x,0px) + 18px),calc(var(--y,0px) + 16px));padding:3px 9px;border:1px solid var(--site-rule);border-radius:99px;background:#0b090fd9;font:var(--type-label)/1.6 var(--font-label);letter-spacing:.02em;color:var(--site-ink);pointer-events:none;opacity:0;transition:opacity var(--motion-response)}.play-word[data-shown]{opacity:1}.play-rules{width:min(560px,calc(100vw - 32px));padding:30px 32px 26px;border:1px solid var(--site-rule);border-radius:10px;background:#0b090f;color:var(--site-copy);font-size:var(--type-note);line-height:var(--reading-leading,1.8)}.play-rules::backdrop{background:#000b;backdrop-filter:blur(3px)}.play-rules:modal{overscroll-behavior:contain}.play-rules::backdrop{overflow:hidden;overscroll-behavior:contain}.play-rules,.play-rules::backdrop{opacity:0;transition:opacity var(--motion-settle),display var(--motion-settle),overlay var(--motion-settle);transition-behavior:allow-discrete}.play-rules[open],.play-rules[open]::backdrop{opacity:1}@starting-style{.play-rules[open],.play-rules[open]::backdrop{opacity:0}}@media(prefers-reduced-motion:no-preference){.play-rules{translate:0 14px;transition:opacity var(--motion-settle),translate var(--motion-settle),display var(--motion-settle),overlay var(--motion-settle);transition-behavior:allow-discrete}.play-rules[open]{translate:0}@starting-style{.play-rules[open]{translate:0 14px}}}@media(prefers-reduced-motion:reduce){.play-rules,.play-rules::backdrop{transition-duration:.15s}}.play-rules h2{margin:0 0 16px;font-family:var(--font-heading);font-weight:var(--heading-weight);font-synthesis:none;letter-spacing:var(--heading-tracking);font-size:var(--type-heading);line-height:var(--heading-leading);color:var(--site-ink)}.play-rules ol{margin:0 0 18px;padding-left:1.3em;list-style:decimal}.play-rules li{margin:0 0 10px;padding-left:.2em;text-wrap:pretty;line-break:strict}.play-rules li::marker{font:var(--type-label) var(--font-label);color:var(--site-quiet)}.play-rules>p{margin:0 0 20px;color:var(--site-quiet)}.play-rules button{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 16px;border:1px solid var(--site-violet-line);border-radius:99px;background:none;font:inherit;font-size:var(--type-ui);color:var(--site-ink);cursor:pointer;transition:border-color var(--motion-response)}.play-rules button:is(:hover,:focus-visible){border-color:var(--site-violet)}.play-rules button{line-height:1.8}.play-rules :focus-visible{outline:2px solid var(--site-focus);outline-offset:4px}.play-rules form{display:flex;flex-wrap:wrap;gap:10px}.play-rules kbd{font:var(--type-label) var(--font-label);color:var(--site-quiet)}.play-readout{display:none}@media(min-width:71.3125em){.play-readout{position:absolute;top:56px;right:6%;z-index:2;display:grid;justify-items:end;gap:6px;font:var(--type-ui)/1.6 var(--font-label);letter-spacing:.02em;color:var(--site-quiet);text-align:right}.play-readout p{margin:0;display:flex;gap:10px}.play-readout time{color:var(--site-index);font-variant-numeric:tabular-nums}.play-readout-live{display:inline-flex;align-items:center;gap:7px;color:var(--site-index)}.play-readout-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--site-violet-soft);animation:play-live 2.4s var(--site-ease) infinite}.play-readout button{margin-top:4px;min-height:32px;padding:0;border:0;background:none;font:inherit;color:var(--site-copy);text-decoration:underline;text-decoration-color:var(--site-rule);text-underline-offset:5px;cursor:pointer;transition:color var(--motion-response),text-decoration-color var(--motion-response)}.play-readout button:is(:hover,:focus-visible){color:var(--site-ink);text-decoration-color:var(--site-violet)}.motion-study:is([data-intro=wait],[data-intro=play]) .play-readout{opacity:0;visibility:hidden}}@keyframes play-live{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.play-readout-live:before{animation:none}.play-word{transition:none}}