body.play{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(110% 80% at 50% 0%,var(--table-glow),transparent 60%),var(--bg)}.play-bar,.table{position:relative;z-index:1}.play-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:14px clamp(14px,3vw,28px);border-bottom:1px solid var(--border);background:var(--glass);backdrop-filter:blur(18px) saturate(1.2)}.play-bar__back{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 8px;border-radius:10px;font-size:14px;color:var(--text-dim);transition:color .18s var(--ease),background-color .18s var(--ease)}.play-bar__back:hover{color:var(--text);background:var(--surface-hover)}.play-bar__home{font-size:19px;line-height:1}.play-stats{display:flex;gap:clamp(18px,4vw,40px);margin:0}.play-stats dt{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}.play-stats dd{margin:2px 0 0;font-size:19px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.play-stats__of{color:var(--text-faint);font-size:14px;font-weight:500}.play-bar__actions{display:flex;flex-wrap:wrap;gap:8px}.play-bar__actions .btn{padding:8px 14px;font-size:13.5px;border-radius:9px}.play-bar__sound{min-width:92px}.table{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:clamp(16px,3vh,40px) 12px clamp(20px,4vh,44px)}.board-wrap{position:relative;width:100%;overflow:hidden}.board{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--board-scale, 1));transform-origin:center center;transition:transform .25s var(--ease)}.table__rotate{display:none;font-size:12.5px;color:var(--text-faint)}@media(max-width:560px)and (orientation:portrait){.table__rotate{display:block}}.table__hint{max-width:520px;font-size:13px;line-height:1.6;text-align:center;color:var(--text-faint);min-height:2.6em;transition:color .2s var(--ease)}.table__hint[data-tone=warn]{color:var(--warn)}.table__hint[data-tone=good]{color:var(--accent)}.board .tile{position:absolute;width:var(--tile-w);height:var(--tile-h);cursor:pointer;transition:transform .14s var(--ease),filter .14s var(--ease),opacity .28s var(--ease),box-shadow .18s var(--ease)}.board .tile[data-free=false]{filter:var(--tile-blocked);cursor:default}.board .tile[data-free=true]:hover{transform:translateY(-2px);filter:brightness(1.04)}.board .tile[data-selected=true]{transform:translateY(-3px);box-shadow:inset 0 0 0 2px var(--accent),calc(var(--tile-w) * .055) calc(var(--tile-w) * .075) 0 -1px var(--tile-edge),0 0 0 3px var(--accent-glow),calc(var(--tile-w) * .08) calc(var(--tile-w) * .12) 20px var(--shadow-deep)}.board .tile[data-hint=true]{animation:hint-lift .8s var(--ease) 3}.board .tile[data-hint=true]:after{content:"";position:absolute;inset:0;border:3px solid var(--accent);border-radius:inherit;pointer-events:none;animation:hint-ring .8s var(--ease) 3}@keyframes hint-lift{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes hint-ring{0%,to{opacity:0}35%,65%{opacity:1}}@media(prefers-reduced-motion:reduce){.board .tile[data-hint=true]:after{opacity:1;animation:none}}.board .tile[data-shake=true]{animation:tile-shake .32s ease-in-out}@keyframes tile-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.board .tile[data-leaving=true]{pointer-events:none;opacity:0;transform:translateY(-14px) scale(1.06);transition:opacity .3s var(--ease),transform .3s var(--ease)}.overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:var(--scrim);backdrop-filter:blur(10px);animation:fade-in .4s var(--ease)}.overlay[hidden]{display:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.overlay__card{width:min(460px,100%);padding:40px 36px 34px;border:1px solid var(--border);border-radius:20px;background:var(--bg-raised);box-shadow:0 40px 100px var(--shadow-deep);text-align:center;animation:card-rise .5s var(--ease)}@keyframes card-rise{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.overlay__eyebrow{font-size:11px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}.overlay__title{margin-top:14px;font-size:clamp(34px,7vw,46px);font-weight:700;letter-spacing:-.04em;line-height:1.05}.overlay__loop{display:flex;justify-content:center;gap:10px;margin-top:16px;font-size:16px;color:var(--text-dim)}.overlay__loop span:nth-child(2){color:var(--text-mid)}.overlay__loop span:nth-child(3){color:var(--accent)}.overlay__stats{display:flex;justify-content:center;gap:30px;margin:28px 0 0;padding-top:22px;border-top:1px solid var(--border)}.overlay__stats dt{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}.overlay__stats dd{margin:4px 0 0;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.overlay__stats .is-record{color:var(--accent)}.overlay__actions{display:flex;justify-content:center;gap:10px;margin-top:30px}@media(max-width:720px){.play-bar{justify-content:center}.play-bar__back{order:-1;width:100%}.play-bar__actions .btn{padding:7px 12px;font-size:12.5px}}