/* The invitation is an object in the London scene, with no full-screen backdrop. */
.sound-welcome[hidden]{display:none!important}
.sound-welcome{position:fixed;z-index:45;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));width:min(432px,calc(100vw - 48px));padding:23px 23px 17px;border:1px solid #cba16a80;border-radius:16px;color:#f5e7ce;background:radial-gradient(ellipse at 100% 0,#9e723b26,transparent 58%),linear-gradient(145deg,#17313bf5,#0c202bf9);box-shadow:0 22px 70px #0009,0 0 0 4px #10232b88,inset 0 1px #f8ddb02e;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);isolation:isolate;animation:sound-invitation-in .42s cubic-bezier(.2,.8,.2,1) both}
.sound-welcome:before{content:'';position:absolute;top:12px;left:23px;right:23px;height:1px;background:linear-gradient(90deg,#b88c4c00,#e5c68d80,#b88c4c00);pointer-events:none}
.sound-welcome-art{position:absolute;right:16px;top:21px;width:101px;height:auto;pointer-events:none;filter:drop-shadow(0 7px 12px #0008);transform:rotate(4deg)}
.sound-welcome .sound-welcome-kicker{font:500 9px/1.4 'DM Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.18em;color:#d4ad76;margin:0 102px 6px 0}
.sound-welcome h2{font:400 31px/1.05 'Instrument Serif',Georgia,serif;letter-spacing:0;color:#f5deba;margin:0 94px 9px 0}
.sound-welcome .sound-welcome-copy{font:400 12px/1.65 'DM Sans',Arial,sans-serif;color:#d8d4c5;max-width:245px;margin:0 95px 18px 0}
.sound-welcome-actions{display:flex;align-items:center;gap:14px;position:relative}
.sound-welcome .sound-welcome-start{display:flex;gap:9px;align-items:center;justify-content:center;min-height:48px;flex:1;padding:11px 13px;border:1px solid #f1d49a8c;border-radius:8px;background:linear-gradient(135deg,#efd2a0,#cba36c);color:#102632;box-shadow:inset 0 1px #fff4cf70,0 4px 13px #0004;font:600 13px/1.35 'DM Sans',Arial,sans-serif;transition:filter .18s,transform .18s}
.sound-welcome-start svg{width:19px;height:19px;flex:none}
.sound-welcome .sound-welcome-start:hover{filter:brightness(1.08);transform:translateY(-1px)}
.sound-welcome .sound-welcome-start:active{transform:translateY(1px);filter:brightness(.97)}
.sound-welcome .sound-welcome-quiet{flex:none;min-height:44px;padding:10px 0;color:#d7c8b0;font:400 12px/1.4 'DM Sans',Arial,sans-serif;border-bottom:1px solid #cba16a50}
.sound-welcome .sound-welcome-quiet:hover{color:#fff0d3;border-color:#e6c58f}
.sound-welcome button:focus-visible{outline:2px solid #ffdfa2;outline-offset:4px;border-radius:8px}
.sound-welcome .sound-welcome-note:empty{display:none}
.sound-welcome .sound-welcome-note{font:400 12px/1.5 'DM Sans',Arial,sans-serif;color:#f5dfbc;margin:12px 0 0}
.sound-welcome.is-starting .sound-welcome-start svg{animation:sound-invitation-pulse .8s ease-in-out infinite}
@keyframes sound-invitation-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes sound-invitation-pulse{50%{opacity:.35}}
@media(max-width:600px){.sound-welcome{left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:auto;padding:21px 17px 14px;border-radius:14px}.sound-welcome:before{left:17px;right:17px}.sound-welcome-art{width:85px;right:10px;top:19px}.sound-welcome .sound-welcome-kicker{font-size:8px;letter-spacing:.13em;margin-right:82px}.sound-welcome h2{font-size:28px;margin-right:74px;max-width:225px}.sound-welcome .sound-welcome-copy{font-size:11px;line-height:1.5;margin-right:78px;margin-bottom:14px;max-width:245px}.sound-welcome-actions{gap:10px}.sound-welcome .sound-welcome-start{font-size:12px;padding:10px 8px;min-height:48px;gap:7px}.sound-welcome-start svg{width:17px;height:17px}.sound-welcome .sound-welcome-quiet{font-size:11px}}
@media(max-width:360px){.sound-welcome-actions{display:flex;gap:8px}.sound-welcome .sound-welcome-quiet{min-height:44px;padding:10px 0}.sound-welcome h2{font-size:27px}.sound-welcome .sound-welcome-copy{margin-bottom:13px}}
@media(max-height:420px) and (min-width:601px){.sound-welcome{left:16px;bottom:12px;width:390px;padding:20px 18px 12px}.sound-welcome h2{font-size:27px}.sound-welcome .sound-welcome-copy{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.sound-welcome,.sound-welcome.is-starting .sound-welcome-start svg{animation:none}.sound-welcome .sound-welcome-start{transition:none}}