.playWrap{max-width:54rem;margin:0 auto;padding:2.5rem 1rem 4rem}.playHead{text-align:center;margin-bottom:1.75rem}.playHead h1{margin:0 0 .5rem;font-size:clamp(1.75rem,5vw,2.5rem)}.playHead p{color:var(--muted);margin:0}.play{gap:1.5rem;display:grid}.playPick h2{color:var(--muted);margin:0 0 .75rem;font-size:1rem;font-weight:600}.playHint{color:var(--faint);margin:-.5rem 0 .75rem;font-size:.8125rem}.playServer{color:var(--brand-hi);margin:-.5rem 0 .75rem;font-size:.8125rem;font-weight:600}.playChars{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.5rem;display:grid}.playChar{border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:.875rem;justify-items:center;gap:.25rem;padding:.875rem .5rem;display:grid}.playChar:hover{border-color:var(--line-strong)}.playChar.on{border-color:var(--brand-hi);background:var(--brand-soft)}.playChar b{font-size:.9375rem}.playChar small{color:var(--muted);text-align:center;font-size:.75rem;line-height:1.5}.playLevels{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.5rem;display:grid}.playLevel{text-align:start;border:1px solid var(--line);background:var(--surface);min-height:3.5rem;color:var(--text);font:inherit;cursor:pointer;border-radius:.875rem;align-items:center;gap:.625rem;padding:.75rem .875rem;display:flex}.playLevel:hover{border-color:var(--line-strong)}.playNo{color:var(--brand-hi);font-variant-numeric:tabular-nums;font-size:.8125rem}.playName{gap:.125rem;min-width:0;display:grid}.playName b{font-size:.9375rem}.playName small{color:var(--muted);font-size:.75rem}.playLevel.done{background:#34d39912;border-color:#34d39973}.playLevel.done .playNo{color:var(--ok)}.playTally{color:var(--text);margin:-.25rem 0 .75rem;font-size:.875rem}.playMissing{color:var(--muted);text-align:center;max-width:22rem;font-size:.8125rem;line-height:1.6}.playHow ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.playHow li{color:var(--text);padding-inline-start:1.125rem;font-size:.875rem;line-height:1.7;position:relative}.playHow li:before{content:"";inset-inline-start:0;background:var(--brand-hi);border-radius:50%;width:.375rem;height:.375rem;position:absolute;top:.65em}.playRoomRow{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.playPickLevel{color:var(--muted);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.playPickLevel select{border:1px solid var(--line-strong);background:var(--surface);min-height:2.75rem;color:var(--text);font:inherit;border-radius:.75rem;padding:0 .75rem;font-size:.875rem}.playCode{border:1px solid var(--line-strong);background:var(--surface);width:7rem;min-height:2.75rem;color:var(--text);font:inherit;letter-spacing:.25em;text-align:center;text-transform:uppercase;direction:ltr;border-radius:.75rem;padding:0 .875rem;font-size:1.125rem;font-weight:700}.playCode:focus-visible{outline:2px solid var(--brand-hi);outline-offset:1px}.playInline{min-height:0;padding:.375rem .75rem;font-size:.8125rem;display:inline-block}.playNote{color:var(--warn);margin:.5rem 0 0;font-size:.8125rem}.playRoomChip b{letter-spacing:.1em;direction:ltr;display:inline-block}.playBar{border:1px solid var(--line);background:var(--surface-2);border-bottom:0;border-radius:.875rem .875rem 0 0;align-items:center;gap:.625rem;padding:.5rem .75rem;display:flex}.playTitle{white-space:nowrap;text-overflow:ellipsis;margin-inline-end:auto;font-weight:600;overflow:hidden}.playStat{color:var(--muted);white-space:nowrap;font-size:.75rem}.playStat b{color:var(--text);font-variant-numeric:tabular-nums}.playClock{font-variant-numeric:tabular-nums;text-align:center;min-width:3rem;font-weight:600}.playScreen{border:1px solid var(--line);background:#061027;border-radius:0 0 .875rem .875rem;line-height:0;position:relative;overflow:hidden}.playScreen canvas{width:100%;display:block}.playTip{inset-inline:0;color:var(--text);pointer-events:none;justify-content:center;margin:0;padding:0 .75rem;font-size:.8125rem;line-height:1.6;display:flex;position:absolute;bottom:.625rem}.playTip:before{content:attr(data-tip);border:1px solid var(--line);background:#04060fd1;border-radius:.625rem;padding:.375rem .75rem}.playOver{background:#04060fd1;align-content:center;justify-items:center;gap:.75rem;padding:1rem;line-height:1.5;display:grid;position:absolute;inset:0}.playOver>b{font-size:clamp(1.125rem,4vw,1.5rem)}.playCard{color:var(--muted);gap:1.25rem;font-size:.8125rem;display:flex}.playCard b{color:var(--text);font-variant-numeric:tabular-nums;margin-inline-start:.25rem}.playRow{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.playGo,.playGhost{font:inherit;border:1px solid var(--line-strong);background:var(--surface);min-height:2.75rem;color:var(--text);cursor:pointer;border-radius:.75rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600}.playGo{background:var(--brand);border-color:var(--brand-hi);color:#fff}.playGhost:hover,.playGo:hover{filter:brightness(1.1)}.playBar .playGhost{min-height:2.25rem;padding:.375rem .75rem;font-size:.8125rem}.playPads{direction:ltr;justify-content:space-between;align-items:center;gap:1rem;margin-top:.875rem;display:flex}.playSide{gap:.625rem;display:flex}.playPad{border:1px solid var(--line-strong);background:var(--surface-2);width:4rem;height:4rem;color:var(--text);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:1.25rem;place-items:center;font-size:1.5rem;line-height:1;display:grid}.playPad:active{background:var(--brand-soft);border-color:var(--brand-hi)}.playPad.big{background:var(--brand-soft);border-color:var(--brand);border-radius:1.75rem;width:5.5rem;height:5.5rem;font-size:1.75rem}.playKeys{color:var(--faint);text-align:center;margin:.875rem 0 0;font-size:.75rem}.playBox[data-big]{z-index:50;width:100vw;height:100dvh;padding:calc(.375rem + env(safe-area-inset-top)) calc(.5rem + env(safe-area-inset-right)) calc(.375rem + env(safe-area-inset-bottom)) calc(.5rem + env(safe-area-inset-left));background:var(--bg);overscroll-behavior:contain;flex-direction:column;gap:.5rem;display:flex;position:fixed;inset:0}.play:fullscreen{background:var(--bg)}.playBox[data-big] .playBar{border:1px solid var(--line);border-radius:.625rem;flex:none}.playBox[data-big] .playScreen{border:1px solid var(--line);border-radius:.625rem;flex:1 1 0;min-height:0}.playBox[data-big] .playScreen canvas{height:100%}.playBox[data-big] .playKeys{display:none}.playBox[data-big][data-turn]{width:100dvh;height:100vw;padding:calc(.375rem + env(safe-area-inset-right)) calc(.5rem + env(safe-area-inset-bottom)) calc(.375rem + env(safe-area-inset-left)) calc(.5rem + env(safe-area-inset-top));transform-origin:50%;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(90deg)}.playBox[data-big] .playPads{inset-inline:.75rem;pointer-events:none;align-items:flex-end;margin:0;position:absolute;bottom:.75rem}.playBox[data-big] .playPad{pointer-events:auto;background:#070c1a9e;border-color:#ffffff38}.playBox[data-big] .playPad.big{background:color-mix(in srgb, var(--brand) 42%, transparent);border-color:var(--brand-hi)}.playBox[data-big][data-over] .playPads{display:none}.playTurn{border:1px solid var(--line);max-width:calc(100% - 1.5rem);color:var(--text);white-space:nowrap;pointer-events:none;background:#04060fd1;border-radius:.625rem;margin:0;padding:.375rem .75rem;font-size:.8125rem;line-height:1.6;animation:5s forwards playTurnSaid;position:absolute;top:.625rem;left:50%;transform:translate(-50%)}@keyframes playTurnSaid{0%,70%{opacity:1}to{opacity:0;visibility:hidden}}.playSoon{border:1px solid var(--line);background:var(--surface);border-radius:1rem;margin-top:2.5rem;padding:1.25rem}.playSoon h2{margin:0 0 .5rem;font-size:1rem}.playSoon p{color:var(--muted);margin:0;line-height:1.8}@media (max-width:30rem){.playWrap{padding:1.5rem 1rem 3rem}.playBar{gap:.5rem;padding:.5rem}.playStat{display:none}}@media (prefers-reduced-motion:reduce){.playPad{transition:none}}.playGame{--tile:var(--brand-hi);border:1px solid var(--line);background:var(--surface);border-radius:1.25rem;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:1.5rem;margin-bottom:1.25rem;padding:1.25rem;display:grid}.playShot{border:1px solid var(--line);background:#061027;border-radius:.875rem;line-height:0;overflow:hidden}.playShot img{width:100%;height:auto;display:block}.playSay{gap:.5rem;display:grid}.playSay h2{margin:0;font-size:clamp(1.25rem,3.5vw,1.625rem)}.playTag{color:var(--tile);margin:0;font-size:.9375rem}.playBody{color:var(--muted);margin:0;font-size:.9375rem;line-height:1.9}.playSteps{counter-reset:step;gap:.375rem;margin:.25rem 0 0;padding:0;list-style:none;display:grid}.playSteps li{counter-increment:step;color:var(--text);padding-inline-start:1.75rem;font-size:.875rem;line-height:1.7;position:relative}.playSteps li:before{content:counter(step);inset-inline-start:0;width:1.25rem;height:1.25rem;color:var(--tile);border:1px solid var(--line-strong);border-radius:50%;place-items:center;font-size:.6875rem;font-weight:700;display:grid;position:absolute;top:.1em}.playSeats{color:var(--faint);margin:.25rem 0 0;font-size:.8125rem}.playNeed{border:1px solid var(--brand);background:var(--brand-soft);border-radius:1.25rem;margin-bottom:1.25rem;padding:1.25rem}.playNeed h2{margin:0 0 .5rem;font-size:1.125rem}.playNeed p{color:var(--text);margin:0 0 1rem;line-height:1.9}.playNeed .playRow{justify-content:flex-start}.playFine{color:var(--faint);margin:.5rem 0 0;font-size:.8125rem}@media (max-width:48rem){.playGame{grid-template-columns:1fr;gap:1rem}}