.playables-page{overflow:hidden}.playables-app{isolation:isolate;box-sizing:border-box;flex:1 1 0;width:min(1440px,100% - 2rem);min-height:0;margin:0 auto;padding:0 0 1rem;display:grid;position:relative}.playables-pointer-field{z-index:0;pointer-events:none;transition:opacity .28s;display:none;position:fixed;inset:0;overflow:hidden}.playables-pointer-field span{width:var(--blob-size);height:var(--blob-size);background:radial-gradient(circle at center, var(--blob-color) 0%, var(--blob-mid) 36%, rgb(var(--lg-bg-rgb) / 0%) 72%);filter:blur(var(--blob-blur));mix-blend-mode:screen;opacity:var(--blob-opacity);transform:translate3d(var(--blob-x), var(--blob-y), 0) translate(-50%, -50%);will-change:transform;border-radius:999px;position:absolute;top:0;left:0}.playables-pointer-field span:first-child{--blob-size:min(48rem, 62vw);--blob-blur:54px;--blob-opacity:.62;--blob-color:rgb(var(--lg-accent-rgb) / 13%);--blob-mid:rgb(var(--lg-accent-rgb) / 5%);--blob-x:24vw;--blob-y:34vh}.playables-pointer-field span:nth-child(2){--blob-size:min(42rem, 54vw);--blob-blur:58px;--blob-opacity:.5;--blob-color:#ffffff14;--blob-mid:#ffffff08;--blob-x:74vw;--blob-y:28vh}.playables-pointer-field span:nth-child(3){--blob-size:min(54rem, 68vw);--blob-blur:64px;--blob-opacity:.52;--blob-color:rgb(var(--lg-accent-rgb) / 10%);--blob-mid:rgb(var(--lg-accent-rgb) / 4%);--blob-x:68vw;--blob-y:78vh}.playables-pointer-field span:nth-child(4){--blob-size:min(36rem, 46vw);--blob-blur:50px;--blob-opacity:.42;--blob-color:#78aaff14;--blob-mid:#78aaff08;--blob-x:36vw;--blob-y:72vh}body.playables-page.playables-preview-open .playables-pointer-field,.playables-pointer-field[hidden]{display:none}body.playables-page>footer{flex:none;width:100%;margin-top:auto}body.playables-direct-preview{overflow:hidden}body.playables-direct-preview .site-header,body.playables-direct-preview footer,body.playables-direct-preview>.screen-reader-text{display:none}.playables-controls{justify-content:space-between;gap:1rem;display:flex}.playables-list-description{color:var(--lg-text-muted);margin:.4rem 0 0}.playables-eyebrow{letter-spacing:.12em;text-transform:uppercase;margin:0 0 .35rem;font-size:.75rem;font-weight:700;color:var(--lg-accent)!important}.playables-layout{z-index:1;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:1rem;height:100%;min-height:0;display:grid;position:relative}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.playables-pointer-field{display:none}}.playables-catalog,.playables-preview-panel{border:1px solid rgb(255 255 255/var(--lg-glass-border-alpha));background:linear-gradient(145deg, #ffffff0d, transparent 42%), rgb(var(--lg-surface-rgb) / 74%);border-radius:8px;box-shadow:0 14px 42px #00000029,inset 0 1px #ffffff17,inset 0 -1px #00000038}.playables-catalog{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.playables-catalog-head{border-bottom:1px solid #ffffff0f;gap:.75rem;padding:1rem 1rem .75rem;display:grid}.playables-filter{align-items:center;gap:.5rem;display:flex}.playables-filter i{color:var(--lg-accent);font-size:.95rem}.playables-filter select{border:1px solid var(--lg-control-border);background:var(--lg-surface-muted);width:100%;min-height:38px;color:var(--lg-text);border-radius:8px;padding:.45rem .65rem}.playables-list{scrollbar-color:var(--lg-accent) var(--lg-surface-muted);scrollbar-width:thin;align-content:start;gap:.65rem;min-height:0;padding:.85rem;display:grid;overflow-y:auto}.playables-list::-webkit-scrollbar{width:8px}.playables-list::-webkit-scrollbar-track{background:var(--lg-surface-muted)}.playables-list::-webkit-scrollbar-thumb{border:2px solid var(--lg-surface-muted);background:var(--lg-accent);border-radius:999px}.playables-list-item{--playable-card-highlight-angle:135deg;--playable-card-accent-angle:315deg;--playable-card-highlight-stop:42%;--playable-card-accent-stop:52%;--playable-card-highlight-opacity:.62;isolation:isolate;border:1px solid rgb(255 255 255/var(--lg-glass-border-alpha));background:linear-gradient(145deg, rgb(var(--lg-mobile-card-start-rgb) / 42%), rgb(var(--lg-mobile-card-end-rgb) / 36%));width:100%;color:var(--lg-text);text-align:left;cursor:pointer;border-radius:8px;gap:.55rem;padding:.85rem;text-decoration:none;display:grid;position:relative;box-shadow:0 8px 24px #0000001f,inset 0 1px #ffffff12,inset 0 -1px #0003}.playables-list-item:before{display:none}.playables-list-item:hover,.playables-list-item:focus-visible,.playables-list-item.is-active{border-color:rgb(var(--lg-accent-rgb) / var(--lg-glass-active-border-alpha));background:linear-gradient(145deg, rgb(var(--lg-mobile-card-start-rgb) / 50%), rgb(var(--lg-mobile-card-end-rgb) / 42%))}.playables-list-title{font-weight:700;line-height:1.2}.playables-list-description{padding-bottom:.05em;font-size:.82rem;line-height:1.45;display:block}.playables-meta-lines{color:var(--lg-text-subtle);gap:.2rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;line-height:1.35;display:none}.playables-meta-lines b{color:#d4d4d4;font-weight:700}.playables-list-action{display:none}.playables-preview-panel{grid-template-rows:86px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.playables-controls{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:start;padding:1rem 1rem 1rem 1.5rem}.playables-preview-meta{max-width:min(52ch,48%);min-height:2.1rem;color:var(--lg-text-subtle);gap:.2rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;line-height:1.35;display:grid}.playables-actions{flex-wrap:wrap;justify-content:flex-end;align-items:start;gap:.5rem;display:flex}.playables-controls button,.playables-controls a{border:1px solid var(--lg-control-border);background:var(--lg-surface-muted);min-height:40px;color:var(--lg-text);border-radius:8px}.playables-controls button{cursor:pointer;padding:.5rem .8rem}.playables-icon-button{place-items:center;width:40px;min-width:40px;text-decoration:none;display:grid;padding:0!important}.playables-icon-button[hidden]{display:none}.playables-icon-button i{font-size:1rem;line-height:1}.playables-controls button:hover,.playables-controls button:focus-visible,.playables-controls a:hover,.playables-controls a:focus-visible,.playables-icon-button.is-copied{border-color:var(--lg-accent);color:var(--lg-accent)}.playables-icon-button.is-copy-error{color:#ff8a8a;border-color:#ff8a8a}.playables-stage{place-items:center;min-height:0;padding:1rem;display:grid;position:relative;overflow:hidden}.playables-preview-body{grid-template-columns:minmax(280px,340px) minmax(0,1fr);min-width:0;min-height:0;transition:grid-template-columns .22s;display:grid}.playables-app.is-size-tray-collapsed .playables-preview-body{grid-template-columns:46px minmax(0,1fr)}.playables-app.is-welcome .playables-preview-panel{grid-template-rows:minmax(0,1fr)}.playables-app.is-welcome .playables-controls,.playables-app.is-welcome .playables-size-tray{display:none}.playables-app.is-welcome .playables-preview-body{grid-template-columns:minmax(0,1fr)}.playables-welcome{max-width:36rem;color:var(--lg-text-muted);padding:2rem}html[data-site-ui] #primary .playables-preview-title{color:var(--ink-heading);font-family:var(--font-ui);font-size:var(--type-body);letter-spacing:0;margin:0 0 .25rem;line-height:1.35}.playables-welcome h2{color:var(--lg-text);margin:0 0 1rem;font-size:1.9rem;line-height:1.15}.playables-welcome p{margin:0 0 .7rem;font-size:.95rem;line-height:1.6}.playables-scaler{box-sizing:border-box;background:linear-gradient(145deg,#303030f2,#0f0f0ff5);border:1px solid #ffffff1f;border-radius:22px;padding:10px;position:relative;box-shadow:0 22px 64px #0000005c,inset 0 1px #ffffff1a}.playables-device{contain:paint;clip-path:inset(0 round 14px);background:#000;border:1px solid #000000db;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d,inset 0 0 28px #0006;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.playables-device iframe{transform-origin:0 0;background:#fff;border:0;width:calc(100% + 2px);height:calc(100% + 2px);margin:-1px;display:block}.playables-size-tray{background:linear-gradient(#ffffff08,#0000 110px),#0000001f;border-right:1px solid #ffffff0f;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.playables-size-toggle{width:100%;min-height:42px;color:var(--lg-text-subtle);text-align:left;text-transform:uppercase;cursor:pointer;background:#ffffff05;border:0;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:.7rem 1rem .65rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;line-height:1.2;display:flex;position:relative}.playables-size-toggle:after{content:"";background:rgb(var(--lg-accent-rgb) / 42%);height:2px;position:absolute;bottom:0;left:0;right:0}.playables-size-tray.is-collapsed .playables-size-toggle{background:0 0;border-bottom:0;flex-direction:column-reverse;justify-content:center;gap:1.15rem;min-height:100%;padding:1rem 0}.playables-size-tray.is-collapsed .playables-size-toggle:after{display:none}.playables-size-tray.is-collapsed .playables-size-toggle span{writing-mode:vertical-rl;color:#ffffff7a;letter-spacing:.14em;text-align:center;font-size:.6rem;line-height:1.35;display:block;transform:rotate(180deg)}.playables-size-tray.is-collapsed .playables-size-toggle:hover,.playables-size-tray.is-collapsed .playables-size-toggle:focus-visible{background:linear-gradient(180deg, rgb(var(--lg-accent-rgb) / 10%), transparent 42%), #ffffff0a}.playables-size-tray:not(.is-collapsed) .playables-size-toggle:hover,.playables-size-tray:not(.is-collapsed) .playables-size-toggle:focus-visible{background:linear-gradient(180deg, rgb(var(--lg-accent-rgb) / 10%), transparent 42%), #ffffff0a;color:var(--lg-accent)}.playables-size-toggle:hover,.playables-size-toggle:focus-visible{color:var(--lg-accent)}.playables-size-tray.is-collapsed .playables-size-toggle:hover span,.playables-size-tray.is-collapsed .playables-size-toggle:focus-visible span{color:#ffffffc2}.playables-size-toggle i{color:currentColor;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.9rem;line-height:0;transition:background .18s,box-shadow .18s,transform .18s;display:inline-flex}.playables-size-toggle i:before{display:block;transform:translateY(.5px)}.playables-size-tray.is-collapsed .playables-size-toggle i{color:#151515;background:#ffffffeb;transform:none;box-shadow:0 8px 22px #00000047,0 0 0 1px #ffffff2e}.playables-size-tray.is-collapsed .playables-size-toggle:hover i,.playables-size-tray.is-collapsed .playables-size-toggle:focus-visible i{color:var(--lg-accent);box-shadow:0 10px 24px #00000052, 0 0 0 1px rgb(var(--lg-accent-rgb) / 42%);background:#fff}.playables-size-picker{scrollbar-color:var(--lg-accent) var(--lg-surface-muted);scrollbar-width:thin;flex-direction:column;gap:1.05rem;min-height:0;max-height:100%;padding:.85rem 1rem 1.15rem;transition:max-height .22s,padding .22s,opacity .18s;display:flex;overflow-y:auto}.playables-size-tray.is-collapsed .playables-size-picker{opacity:0;pointer-events:none;max-height:100%;padding-left:0;padding-right:0;overflow:hidden}.playables-size-group{min-width:0}.playables-size-group-title{color:#ffffffb8;letter-spacing:0;text-transform:uppercase;margin:0 0 .55rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;font-weight:700;line-height:1.2}.playables-size-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.playables-size-option{border:1px solid var(--lg-control-border);background:var(--lg-surface-muted);min-height:56px;color:var(--lg-text);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:.55rem;padding:.5rem .6rem;display:grid;position:relative}.playables-size-option:before{content:"";background:linear-gradient(145deg, rgb(var(--lg-accent-rgb) / 34%), transparent 62%), #ffffff14;border:1px solid #ffffff57;border-radius:4px;grid-row:1/span 2;justify-self:center;width:15px;height:24px;box-shadow:inset 0 1px #ffffff2e}.playables-size-group:nth-child(2) .playables-size-option:before{width:24px;height:15px}.playables-size-group:nth-child(3) .playables-size-option:before{border-radius:3px;width:20px;height:24px}.playables-size-option span{white-space:normal;overflow-wrap:anywhere;grid-column:2;font-size:.78rem;font-weight:700;line-height:1.2;display:block;overflow:visible}.playables-size-option small{color:var(--lg-text-subtle);text-overflow:ellipsis;white-space:nowrap;grid-column:2;margin-top:.1rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.64rem;line-height:1.2;display:block;overflow:hidden}.playables-size-option:hover,.playables-size-option:focus-visible,.playables-size-option.is-active{border-color:var(--lg-accent);color:var(--lg-accent)}.playables-custom-size{border:1px solid var(--lg-control-border);background:var(--lg-surface-muted);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.6rem;display:grid}.playables-custom-size.is-active{border-color:var(--lg-accent)}.playables-custom-size label{color:var(--lg-text-subtle);text-transform:uppercase;gap:.25rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.66rem;line-height:1.1;display:grid}.playables-custom-size input{width:100%;min-width:0;height:34px;color:var(--lg-text);background:#0000002e;border:1px solid #ffffff24;border-radius:7px;padding:.35rem .45rem;font:700 .74rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.playables-custom-size input:focus{border-color:var(--lg-accent);outline:0}.playables-custom-size button{border:1px solid var(--lg-control-border);min-height:34px;color:var(--lg-text);cursor:pointer;background:#ffffff0d;border-radius:7px;grid-column:1/-1;font-size:.74rem;font-weight:700}.playables-custom-size button:hover,.playables-custom-size button:focus-visible,.playables-custom-size.is-active button{border-color:var(--lg-accent);color:var(--lg-accent)}body.playables-preview-expanded{overflow:hidden}.playables-preview-panel:fullscreen,.playables-app.is-preview-expanded .playables-preview-panel{background:linear-gradient(145deg, #ffffff0a, transparent 42%), rgb(var(--lg-surface-rgb) / 100%);width:100vw;height:100vh;box-shadow:none;border:0;border-radius:0}.playables-preview-panel:fullscreen{grid-template-rows:86px minmax(0,1fr);display:grid}.playables-app.is-preview-expanded .playables-preview-panel{z-index:10000;min-height:0;position:fixed;inset:0}.playables-app.is-direct-preview{width:100%;height:100dvh;min-height:100dvh;padding:0}.playables-app.is-direct-preview .playables-pointer-field,.playables-app.is-direct-preview .playables-catalog{display:none}.playables-app.is-direct-preview .playables-layout{grid-template-columns:minmax(0,1fr);gap:0}.playables-app.is-direct-preview .playables-preview-panel{box-shadow:none;border:0;border-radius:0}.playables-mobile-close{display:none}.playables-empty,.playables-errors{z-index:1;border:1px solid rgb(255 255 255/var(--lg-glass-border-alpha));background:linear-gradient(145deg, #ffffff0d, transparent 42%), rgb(var(--lg-surface-rgb) / 74%);border-radius:8px;padding:1.25rem;position:relative;box-shadow:0 14px 42px #00000029,inset 0 1px #ffffff17,inset 0 -1px #00000038}.playables-errors{color:#ffcb6b;margin-top:1rem}@media (width>=1181px) and (width<=1540px),(width>=1181px) and (height<=900px){.playables-pointer-field{display:none}.playables-catalog,.playables-preview-panel,.playables-empty,.playables-errors{-webkit-backdrop-filter:none;box-shadow:0 12px 36px #00000029,inset 0 1px #ffffff12}.playables-list-item{-webkit-backdrop-filter:none;gap:.45rem;padding:.75rem;box-shadow:0 8px 24px #0000001f,inset 0 1px #ffffff0f}.playables-list-item:before{opacity:.4}.playables-list-description{font-size:.8rem;line-height:1.42}.playables-preview-panel{grid-template-rows:86px minmax(0,1fr)}.playables-controls{padding:.9rem .75rem .9rem 1.5rem}.playables-stage{padding:.75rem}.playables-preview-body{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.playables-app.is-size-tray-collapsed .playables-preview-body{grid-template-columns:44px minmax(0,1fr)}.playables-size-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.playables-scaler{border-radius:18px;padding:7px;box-shadow:0 14px 38px #00000047,inset 0 1px #ffffff14}.playables-device{clip-path:inset(0 round 12px);border-radius:12px}}@keyframes playablesAmbientDrift{0%{background-position:0 0,100% 12%,0 0}50%{background-position:42% 18%,58% 48%,0 0}to{background-position:18% 72%,88% 26%,0 0}}@media (width<=1180px){.playables-page{overflow:auto}body.playables-page{background:linear-gradient(115deg, transparent 0 22%, rgb(var(--lg-accent-rgb) / var(--lg-ambient-accent-alpha)) 38%, transparent 56%), linear-gradient(245deg, transparent 0 34%, rgb(255 255 255/var(--lg-ambient-light-alpha)) 52%, transparent 70%), var(--lg-bg);animation:playablesAmbientDrift var(--lg-ambient-speed) ease-in-out infinite alternate;background-size:180% 180%,160% 160%,auto}body.playables-page.playables-preview-open{overscroll-behavior:none;background:#000;overflow:hidden}body.playables-page.playables-preview-open .site-header,body.playables-page.playables-preview-open footer,body.playables-page.playables-preview-open>.screen-reader-text{display:none}.playables-app{z-index:0;width:min(100% - 1.5rem,48rem);min-height:0;padding:max(1rem, env(safe-area-inset-top)) 0 1rem;flex:1 0 auto;margin:0 auto;display:block;position:relative}.playables-app.is-direct-preview{z-index:1000;background:#000;width:100%;height:100dvh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}body.playables-page>footer{margin-top:0}.playables-layout{display:block}.playables-preview-panel{display:none}.playables-app.is-direct-preview .playables-layout,.playables-app.is-direct-preview .playables-preview-panel,.playables-app.is-direct-preview .playables-preview-body,.playables-app.is-direct-preview .playables-stage{background:#000;border:0;border-radius:0;width:100%;height:100%;min-height:0;display:block}.playables-app.is-direct-preview .playables-controls{display:none}.playables-catalog{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;max-height:none;overflow:visible}.playables-catalog-head{border-bottom:0;padding:0 1rem .85rem}.playables-list{gap:.75rem;max-height:none;padding:0;overflow:visible}.playables-list-item{--playable-card-highlight-angle:135deg;--playable-card-accent-angle:315deg;--playable-card-highlight-stop:42%;--playable-card-accent-stop:52%;--playable-card-highlight-opacity:.72;isolation:isolate;border-color:rgb(255 255 255/var(--lg-glass-border-alpha));background:linear-gradient(145deg, rgb(var(--lg-mobile-card-start-rgb) / var(--lg-mobile-card-start-alpha)), rgb(var(--lg-mobile-card-end-rgb) / var(--lg-mobile-card-end-alpha)));min-height:88px;padding:1rem 3rem 1rem 1rem;box-shadow:0 12px 34px #00000029,inset 0 1px #ffffff1a,inset 0 -1px #0000003d}.playables-list-item:before{content:"";z-index:-1;background:linear-gradient(var(--playable-card-highlight-angle), rgb(255 255 255/var(--lg-glass-highlight-alpha)), transparent var(--playable-card-highlight-stop)), linear-gradient(var(--playable-card-accent-angle), rgb(var(--lg-accent-rgb) / var(--lg-glass-accent-alpha)), transparent var(--playable-card-accent-stop));opacity:var(--playable-card-highlight-opacity);pointer-events:none;position:absolute;inset:0}.playables-list-item:nth-child(6n+2){--playable-card-highlight-angle:24deg;--playable-card-accent-angle:248deg;--playable-card-highlight-stop:36%;--playable-card-accent-stop:58%;--playable-card-highlight-opacity:.62}.playables-list-item:nth-child(6n+3){--playable-card-highlight-angle:168deg;--playable-card-accent-angle:292deg;--playable-card-highlight-stop:48%;--playable-card-accent-stop:46%;--playable-card-highlight-opacity:.78}.playables-list-item:nth-child(6n+4){--playable-card-highlight-angle:72deg;--playable-card-accent-angle:332deg;--playable-card-highlight-stop:39%;--playable-card-accent-stop:64%;--playable-card-highlight-opacity:.58}.playables-list-item:nth-child(6n+5){--playable-card-highlight-angle:204deg;--playable-card-accent-angle:28deg;--playable-card-highlight-stop:52%;--playable-card-accent-stop:50%;--playable-card-highlight-opacity:.7}.playables-list-item:nth-child(6n){--playable-card-highlight-angle:112deg;--playable-card-accent-angle:220deg;--playable-card-highlight-stop:44%;--playable-card-accent-stop:60%;--playable-card-highlight-opacity:.66}.playables-list-item:hover,.playables-list-item:focus-visible,.playables-list-item.is-active{border-color:rgb(var(--lg-accent-rgb) / var(--lg-glass-active-border-alpha));background:linear-gradient(145deg, rgb(var(--lg-mobile-card-start-rgb) / var(--lg-mobile-card-hover-start-alpha)), rgb(var(--lg-mobile-card-end-rgb) / var(--lg-mobile-card-hover-end-alpha)))}.playables-meta-lines{display:grid}.playables-list-action{width:1.5rem;height:1.5rem;color:var(--lg-accent);place-items:center;font-size:1.35rem;line-height:1;display:grid;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.playables-app.is-mobile-preview-open{z-index:1000;background:#000;width:100%;height:100dvh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.playables-app.is-mobile-preview-open .playables-catalog{display:none}.playables-app.is-mobile-preview-open .playables-layout,.playables-app.is-mobile-preview-open .playables-preview-panel,.playables-app.is-mobile-preview-open .playables-preview-body,.playables-app.is-mobile-preview-open .playables-stage{background:#000;border:0;border-radius:0;width:100%;height:100%;min-height:0;display:block}.playables-app.is-mobile-preview-open .playables-controls,.playables-size-tray,.playables-welcome{display:none}.playables-app.is-mobile-preview-open .playables-stage{padding:0;position:fixed;inset:0;overflow:hidden}.playables-scaler,.playables-device{width:100%;height:100%}.playables-scaler{box-shadow:none;background:#000;border:0;border-radius:0;padding:0}.playables-device{box-shadow:none;border:0;border-radius:0}.playables-app.is-mobile-preview-open .playables-mobile-close{z-index:10;top:max(.65rem, env(safe-area-inset-top));right:max(.65rem, env(safe-area-inset-right));color:#ffffffe0;backdrop-filter:blur(14px);cursor:pointer;background:#0f0f0f7a;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:42px;height:42px;padding:0 0 .15rem;font-size:1.5rem;line-height:1;display:grid;position:fixed;box-shadow:0 8px 30px #0000004d}}@media (width<=1180px) and (prefers-reduced-motion:reduce){body.playables-page{animation:none}}@media (width<=700px){body.playables-page{background:linear-gradient(150deg, transparent 0 28%, rgb(var(--lg-accent-rgb) / var(--lg-ambient-accent-alpha)) 54%, transparent 78%), var(--lg-bg);background-size:auto;animation:none}.playables-app{width:min(100% - 1.5rem,40rem)}.playables-list-item{isolation:auto;box-shadow:0 8px 24px #00000024,inset 0 1px #ffffff17}.playables-list-item:before{display:none}}