.play-extra{border:1px solid #ded9cd40;background:linear-gradient(135deg,#272723,#141413);color:#e8e3d8;padding:clamp(18px,3vw,32px);margin:24px 0;border-radius:8px;box-shadow:0 12px 35px #0003}.play-extra h2{font:400 clamp(25px,3vw,36px)/1.2 Georgia,serif;margin:0 0 16px}.play-extra p{max-width:70ch}.play-extra button{min-height:44px;color:#e8e3d8;border:1px solid #8b877c;background:#242421;padding:10px 14px;border-radius:4px;cursor:pointer}.play-extra button:focus-visible{outline:2px solid #e1c89e;outline-offset:3px}.play-extra button:disabled{opacity:.4;cursor:default}.play-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff20}.play-line>span{flex:1}.play-actions{display:flex;flex-wrap:wrap;gap:8px}.play-status{min-height:1.5em;color:#e1c89e}.play-discovery .point:not(.play-found){visibility:hidden}.play-discovery .point.play-found{visibility:visible}.play-discovery .sheet{cursor:crosshair}.play-discovery .detail-layout{display:none}.play-keyboard{margin-top:12px}.play-keyboard summary{cursor:pointer;padding:12px 0}.play-extra [hidden]{display:none!important}.play-discovery .point.play-found{box-shadow:0 0 0 5px #24242180}.play-track{height:8px;background:#ded9cd25;border-radius:4px;overflow:hidden}.play-track>span{display:block;height:100%;background:#c4b89e;transition:width .2s}.play-extra small{color:#c7c2b6}.play-extra a{color:#e8dfc9}@media(max-width:450px){.play-line{flex-wrap:wrap}.play-line>span{flex-basis:100%}.play-extra{padding:18px}}@media(prefers-reduced-motion:reduce){.play-track>span{transition:none}}