.play-quick-actions{z-index:90;right:max(24px, env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px);font-family:var(--font-display);flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed}.play-quick-action{max-width:100%;min-height:52px;font:600 14px/1.5 var(--font-display);cursor:pointer;border:1px solid #fff6;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 21px 12px 17px;text-decoration:none;display:inline-flex;box-shadow:0 4px 16px #0002,0 1px 3px #0001}.play-quick-browse{color:#3c355c;background:#f0edf9}.play-quick-browse:hover{color:#30224f;background:#fff}.play-quick-create{color:#123923;background:#a6f0bb;border-color:#c5ffda88}.play-quick-create:hover{color:#0b2e1a;background:#c0ffd1}.play-quick-icon{flex:0 0 24px;place-items:center;width:24px;height:24px;display:grid}.play-quick-icon svg{width:24px;height:24px}.play-quick-browse .play-quick-icon{color:#76619e}.play-quick-create .play-quick-icon{color:#21663c}.play-quick-menu{background:#17221df5;border:1px solid #fff3;border-radius:18px;gap:6px;width:max-content;max-width:calc(100vw - 32px);padding:6px;display:grid;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 8px 24px #0003}.play-quick-menu .play-quick-action{border-radius:12px;justify-content:flex-start;width:100%;min-height:46px}.play-quick-restore{color:#123923;min-height:46px;font:600 13px/1.5 var(--font-display);cursor:pointer;background:#a6f0bb;border:1px solid #c5ffda88;border-radius:999px;align-items:center;gap:9px;padding:11px 17px;display:flex;box-shadow:0 4px 16px #0002}.play-quick-restore svg{color:#21663c;width:21px;height:21px}.play-quick-restore:hover{background:#c0ffd1}.create-play-dialog{overscroll-behavior:contain;color:#f0f7f2;width:min(620px,100vw - 40px);max-height:calc(100dvh - 40px);font-family:var(--font-display);background:radial-gradient(at 0 0,#21483166,#0000 48%),#0e1912;border:1px solid #476451;border-radius:22px;margin:auto;padding:26px 28px;overflow-y:auto;box-shadow:0 30px 100px #0008}.create-play-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030b07bb}.create-play-close{color:#d2dfd6;width:36px;height:36px;font:400 24px/1 var(--font-display);cursor:pointer;background:#17271e;border:1px solid #3d5546;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:14px;right:14px}.create-play-close:hover{color:#fff;border-color:#a9cfb5}.create-play-heading{padding-right:20px}.create-play-eyebrow{color:#87e9a8;font:600 10px/1 var(--font-mono);letter-spacing:.12em;align-items:center;gap:8px;display:inline-flex}.create-play-eyebrow svg{width:21px;height:21px}.create-play-heading h2{letter-spacing:-.03em;margin:10px 0 7px;font-size:clamp(24px,3vw,30px);line-height:1.35}.create-play-heading>p{color:#b0c4b7;margin:0;font-size:13px;line-height:1.8}.create-play-steps{gap:18px;margin:22px 0 18px;padding:0;list-style:none;display:grid}.create-play-steps>li{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px;display:grid}.create-play-step-number{color:#95d5aa;width:28px;height:28px;font:500 10px/1 var(--font-mono);border:1px solid #365141;border-radius:8px;place-items:center;display:grid}.create-play-steps h3{margin:2px 0 7px;font-size:15px;font-weight:650;line-height:1.6}.create-play-steps>li>div>p{color:#a8bdb0;margin:0;font-size:12px;line-height:1.8}.create-play-prompt{background:#09140d;border:1px solid #496753;border-radius:12px;margin-top:11px;padding:15px 17px}.create-play-prompt p{color:#cdddce;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:2}.create-play-prompt a{color:#a1d8b4;text-underline-offset:3px;text-decoration:underline}.create-play-app-request{color:#cdddce;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:13px;line-height:1.6;display:flex}.create-play-app-request label{flex:none}.create-play-app-field{flex:0 auto;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.create-play-app-field>span{flex:none}.create-play-app-field input{color:#c1edcf;width:7em;min-width:0;min-height:32px;font:500 14px/1.5 var(--font-display);background:#193123;border:1px solid #648d70;border-radius:5px;flex:0 auto;margin:0;padding:4px 8px;display:block}.create-play-app-field input:lang(en){width:12em}.create-play-prompt input::placeholder{color:#89a891;font-weight:400}.create-play-steps>li>div>.create-play-hint{color:#b7d4c0;margin:10px 0 14px;font-size:11px;line-height:1.8}.create-play-copy{color:#0d2516;width:100%;min-height:46px;font:700 14px/1.5 var(--font-display);cursor:pointer;background:#91efad;border:1px solid #92efae;border-radius:9px;justify-content:space-between;align-items:center;gap:14px;padding:11px 16px;display:flex}.create-play-copy:hover:not(:disabled){background:#b2fbc8}.create-play-copy:disabled{opacity:.4;cursor:not-allowed}.create-play-copy-fallback p{color:#ffd29b;font-size:12px;line-height:1.7}.create-play-copy-fallback textarea{color:#d7e8dc;width:100%;font:400 12px/1.8 var(--font-display);resize:vertical;background:#09140d;border:1px solid #496753;border-radius:8px;padding:12px}.create-play-tools{flex-wrap:wrap;gap:7px;margin:8px 0 10px;padding:0;list-style:none;display:flex}.create-play-tools li{color:#deebe3;font:500 11px/1.5 var(--font-display);background:#1a2a20;border:1px solid #3a5042;border-radius:6px;padding:5px 10px}.create-play-footer{border-top:1px solid #314336;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-top:12px;display:flex}.create-play-footer p{color:#a8bdb0;margin:0;font-size:11px;line-height:1.6}.create-play-footer a{color:#a7e7bb;white-space:nowrap;align-items:center;gap:8px;min-height:32px;font-size:12px;display:inline-flex}.play-quick-actions :focus-visible{outline-offset:4px;outline:2px solid #fff}.create-play-dialog :focus-visible{outline-offset:4px;outline:2px solid #a3ffc3}.create-play-dialog .create-play-app-field input:focus-visible{border-color:#a4ddb5;outline:none;box-shadow:0 0 0 2px #8cd9a41f}@media (prefers-reduced-motion:no-preference){.play-quick-action{transition:transform .18s,background .18s,box-shadow .18s}.play-quick-action:hover{transform:translateY(-2px);box-shadow:0 7px 20px #0003}.play-quick-restore{animation:2.4s ease-in-out infinite play-quick-float}.play-quick-actions:hover .play-quick-restore,.play-quick-actions:focus-within .play-quick-restore,.play-quick-actions.is-open .play-quick-restore{animation-play-state:paused}@keyframes play-quick-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}}@media (max-width:600px){.play-quick-actions{right:max(16px, env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));gap:8px}.play-quick-action{gap:8px;min-height:46px;padding:10px 17px 10px 13px;font-size:12px}.play-quick-icon,.play-quick-icon svg{width:22px;height:22px}.play-quick-icon{flex-basis:22px}.create-play-dialog{border-radius:18px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:24px 18px 18px}.create-play-heading{padding-right:22px}.create-play-heading h2{font-size:23px}.create-play-steps{gap:21px;margin-top:22px}.create-play-steps>li{grid-template-columns:24px minmax(0,1fr);gap:9px}.create-play-step-number{width:24px;height:26px}.create-play-prompt{padding:11px 12px}.create-play-prompt input{font-size:16px}.create-play-footer{gap:4px}}