.mobile-play:not([open]){display:none}
.mobile-play{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(680px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:1px solid #fff8;border-radius:26px;background:#fcfaf1;color:#42584d;box-shadow:0 20px 80px #183d354d;overflow:auto;overscroll-behavior:contain;font-family:inherit}
.mobile-play::backdrop{background:#e9efe7f5;backdrop-filter:blur(12px)}
.mobile-play-card{display:flex;align-items:center;gap:22px;padding:max(22px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
.mobile-play-icon{width:100px;height:100px;border-radius:26px;flex:none}
.mobile-play-copy{min-width:0;flex:1}.mobile-play-eyebrow{font-size:10px;letter-spacing:2px;color:#718b76}.mobile-play h2{font-size:24px;line-height:1.35;margin:8px 0 12px}.mobile-play p{font-size:13px;line-height:1.7;margin:8px 0}.mobile-play-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.mobile-play button{min-height:44px;font:inherit;font-size:13px;white-space:normal}.mobile-play button[hidden],.mobile-play details[hidden]{display:none}.mobile-play summary{cursor:pointer;font-size:13px;line-height:1.6;padding:8px 0;color:#496d57}.mobile-play details{border-top:1px solid #dce5d8}.mobile-play details p{font-size:12px}.mobile-play-footnote{display:block;font-size:11px;line-height:1.6;color:#6d7d70;margin-top:9px}#mobile-play-battle:empty{display:none}#mobile-play-battle{color:#8b592d;font-weight:600}
@media(orientation:portrait){.mobile-play-card{flex-direction:column;text-align:center;gap:12px}.mobile-play-actions{justify-content:center}.mobile-play details{text-align:left}}
@media(max-height:360px) and (orientation:landscape){.mobile-play-card{padding:14px 20px;gap:16px}.mobile-play h2{font-size:20px;margin:6px 0}.mobile-play-icon{width:70px;height:70px}.mobile-play-actions{margin:10px 0}.mobile-play p{margin:5px 0;font-size:12px}}