.play{display:grid;gap:2rem;margin-top:1.5rem}.play-cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.play-card{border:1px solid var(--v2-line,rgba(255,255,255,.12));border-radius:14px;padding:0 1.1rem 1rem;background:var(--v2-panel,rgba(255,255,255,.03));overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.play-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.25)}.play-card-art{position:relative;margin:0 -1.1rem .9rem;height:150px}.play-art{position:absolute;inset:0;width:100%;height:100%;display:block;transition:transform .6s ease}.play-card:hover .play-art{transform:scale(1.04)}.play-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 55%,var(--v2-panel,rgba(20,20,24,.95)) 100%);pointer-events:none}.play-card-badge{position:absolute;top:.7rem;left:.8rem;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;padding:.2rem .55rem;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;backdrop-filter:blur(4px)}.play-card.is-down .play-art{filter:grayscale(.9) brightness(.6)}.play-card-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.play-card-title{font-size:1.15rem;margin:0;flex:1}.play-card-state{font-size:.85rem;opacity:.8}.play-dot{width:10px;height:10px;border-radius:50%;background:#e5484d;box-shadow:0 0 0 3px rgba(229,72,77,.18)}.play-card.is-up .play-dot{background:#30a46c;box-shadow:0 0 0 3px rgba(48,164,108,.2);animation:play-pulse 2.4s ease-in-out infinite}@keyframes play-pulse{0%,to{box-shadow:0 0 0 3px rgba(48,164,108,.2)}50%{box-shadow:0 0 0 7px rgba(48,164,108,.05)}}@media (prefers-reduced-motion:reduce){.play-art,.play-card,.play-dot{transition:none;animation:none}}.play-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.5rem;margin:0 0 .6rem}.play-stats dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;opacity:.65}.play-stats dd{margin:0;font-weight:700}.play-chips{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:0}.play-muted{opacity:.7;font-size:.9rem}.play-connect{border:1px solid var(--v2-line,rgba(255,255,255,.12));border-radius:14px;padding:1.1rem 1.2rem;display:grid;gap:.8rem}.play-connect .v2-btn{margin-right:.5rem}.play-howto{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.play-howto h3{font-size:1rem;margin:0 0 .4rem;display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap}.play-howto ol{margin:0;padding-left:1.2rem;display:grid;gap:.35rem;font-size:.93rem}.play-howto code{font-size:.9em;padding:.05em .35em;border-radius:5px;background:rgba(127,127,127,.18)}.play-ok{color:#30a46c}.play-ok,.play-warn{font-size:.8rem;font-weight:600}.play-warn{color:#e5a000}.play-lb-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.play-tabs{display:inline-flex;border:1px solid var(--v2-line,rgba(255,255,255,.12));border-radius:999px;overflow:hidden}.play-tabs button{background:none;border:0;color:inherit;padding:.4rem .9rem;cursor:pointer;font:inherit}.play-tabs button.is-active{background:rgba(127,127,127,.2);font-weight:700}.play-lb-list{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.3rem}.play-lb-list li{display:grid;grid-template-columns:2rem 1fr auto auto;gap:.8rem;align-items:baseline;padding:.35rem .5rem;border-radius:8px;background:rgba(127,127,127,.08)}.play-lb-rank{opacity:.6;font-variant-numeric:tabular-nums}.play-lb-name{font-weight:600}.play-lb-hours{font-variant-numeric:tabular-nums}.play-lb-seen{font-size:.8rem;opacity:.6}.link-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}.link-card{border:1px solid var(--v2-line,rgba(255,255,255,.12));border-radius:14px;padding:1.1rem 1.2rem;display:grid;gap:.7rem;align-content:start}.link-card h2{margin:0;font-size:1.1rem}.link-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.link-row input{flex:1;min-width:160px}.link-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.25em;text-transform:uppercase}.link-msg{font-size:.9rem}.link-msg.is-err{color:#e5484d}.link-msg.is-ok{color:#30a46c}.link-user{display:flex;align-items:center;gap:.6rem;margin-top:1rem}.link-user img{width:32px;height:32px;border-radius:50%}.play-h{font-size:1.2rem;margin:0}.play-rules-teaser{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border:1px solid var(--v2-line,rgba(255,255,255,.12));border-radius:14px;padding:1rem 1.2rem}.play-rules-teaser p{margin:.2rem 0 0}.rules-list{list-style:none;padding:0;margin:1.5rem 0 2rem;display:grid;gap:.6rem;counter-reset:rules}.rules-list li{display:grid;grid-template-columns:2.2rem 1fr;gap:.8rem;align-items:start;padding:.8rem 1rem;border:1px solid var(--v2-line,rgba(255,255,255,.12));border-radius:12px}.rules-n{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:rgba(127,127,127,.18);font-weight:700;font-variant-numeric:tabular-nums}.guide-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem}.guide-card{border:1px solid var(--v2-line,rgba(255,255,255,.12));border-radius:14px;padding:1.1rem 1.2rem}.guide-card dl{margin:.8rem 0 0;display:grid;gap:.7rem}.guide-card dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;opacity:.65}.guide-card dd{margin:.1rem 0 0;font-size:.93rem}.guide-card code{font-size:.9em;padding:.05em .35em;border-radius:5px;background:rgba(127,127,127,.18)}