:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08080d;--bg-raised:#101018;--surface:#ffffff0b;--surface-hover:#ffffff14;--border:#ffffff17;--border-strong:#ffffff2e;--text:#f3f3f7;--muted:#9696ab;--accent:#c8ff3d;--accent-ink:#08080d;--c2d:#4fd8ff;--c3d:#ff8f45;--cad:#b78cff;--radius:18px;--gutter:clamp(16px, 4vw, 48px);--max:1320px;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:80px}html:has(dialog[open]){overflow:hidden}body{background:var(--bg);color:var(--text);font:400 16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(800px 500px at 85% -10%,#c8ff3d1f,#0000 60%),radial-gradient(700px 500px at -10% 30%,#7c5cff24,#0000 60%),linear-gradient(#ffffff06 1px,#0000 1px) 0 0/48px 48px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;line-height:1.05}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn{cursor:pointer;transition:transform .2s var(--ease-out), background .2s, border-color .2s;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-ghost{background:var(--surface);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-hover);border-color:var(--border-strong)}.nav{z-index:20;padding:14px var(--gutter);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#08080db3;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.logo{font-family:var(--font-display);align-items:center;gap:10px;font-weight:600;display:flex}.logo-mark{background:var(--accent);width:34px;height:34px;color:var(--accent-ink);border-radius:10px;place-items:center;font-size:14px;font-weight:700;display:grid}.nav-links{color:var(--muted);gap:clamp(14px,3vw,32px);font-size:14px;display:flex}.nav-links a:hover{color:var(--text)}.hero{max-width:var(--max);padding:clamp(48px, 8vw, 110px) var(--gutter) clamp(40px, 6vw, 80px);grid-template-columns:1fr 1.15fr;align-items:center;gap:40px;margin:0 auto;display:grid}.eyebrow{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:10px;margin:0 0 22px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 0 4px #c8ff3d2e}@keyframes pulse{50%{box-shadow:0 0 0 8px #c8ff3d00}}.hero h1{font-size:clamp(48px,8vw,104px);font-weight:700}.hero h1 em{color:var(--accent);white-space:nowrap;font-style:normal;position:relative}.hero h1 em:after{content:"";background:var(--accent);opacity:.35;transform-origin:0;height:.12em;animation:underline 1s .4s var(--ease-out) both;border-radius:999px;position:absolute;bottom:.06em;left:0;right:0}@keyframes underline{0%{transform:scaleX(0)}}.lede{max-width:520px;color:var(--muted);margin:24px 0 32px;font-size:clamp(16px,1.6vw,18px)}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.stats{flex-wrap:wrap;gap:clamp(20px,3vw,44px);margin:44px 0 0;display:flex}.stats div{flex-direction:column-reverse;display:flex}.stats dt{color:var(--muted);font-size:13px}.stats dd{font-family:var(--font-display);margin:0;font-size:clamp(28px,3.4vw,40px);font-weight:600;line-height:1.1}.hero-phones{height:clamp(380px,46vw,600px);position:relative}.hero-phone{cursor:pointer;background:0 0;border:0;width:clamp(110px,13vw,175px);padding:0;transition:filter .3s;animation:6s ease-in-out infinite float;position:absolute;top:50%;left:50%}.hero-phone:first-child{--r:-8deg;--x:-170%;--y:-45%;z-index:1;animation-delay:-1.5s}.hero-phone:nth-child(2){--r:-3deg;--x:-90%;--y:-53%;z-index:2;animation-delay:-3s}.hero-phone:nth-child(3){--r:3deg;--x:-10%;--y:-53%;z-index:2;animation-delay:-4.5s}.hero-phone:nth-child(4){--r:8deg;--x:70%;--y:-45%;z-index:1}.hero-phone:hover{z-index:3;filter:drop-shadow(0 0 40px #c8ff3d40)}@keyframes float{0%,to{transform:translate(var(--x), var(--y)) rotate(var(--r))}50%{transform:translate(var(--x), calc(var(--y) - 14px)) rotate(var(--r))}}.phone{aspect-ratio:390/844;background:linear-gradient(145deg,#2a2a35,#121219);border-radius:13%/6%;padding:5px;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f,0 30px 60px -30px #000000e6}.phone-screen{background:#000;border-radius:11%/5.2%;height:100%;position:relative;overflow:hidden}.phone-screen img{object-fit:cover;width:100%;height:100%;display:block}.phone-screen:before{content:"";z-index:2;background:#000;border-radius:999px;width:30%;height:3.4%;position:absolute;top:2.2%;left:50%;translate:-50%}.marquee{padding:22px var(--gutter);border-block:1px solid var(--border);background:#ffffff04;align-items:center;gap:24px;display:flex}.marquee-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex:none;margin:0;font-size:12px;font-weight:600}.marquee-track{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-inner{width:max-content;animation:50s linear infinite marquee;display:flex}.marquee-track:hover .marquee-inner{animation-play-state:paused}.marquee-inner span{font-family:var(--font-display);white-space:nowrap;color:#c9c9d6;padding:0 22px;font-size:20px;font-weight:500}.marquee-inner span:before{content:"✦";color:var(--accent);vertical-align:middle;margin-right:22px;font-size:12px}@keyframes marquee{to{transform:translate(-50%)}}.work,.about{max-width:var(--max);padding:clamp(64px, 9vw, 120px) var(--gutter) 0;margin:0 auto}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 40px;margin-bottom:28px;display:flex}.section-head h2{font-size:clamp(36px,5vw,60px);font-weight:600}.section-head p{max-width:420px;color:var(--muted);margin:0}.count{vertical-align:super;color:var(--accent);font-size:.45em}.filters{z-index:10;margin:0 calc(var(--gutter) * -1) 32px;padding:14px var(--gutter);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#08080dd1;gap:12px;display:grid;position:sticky;top:63px}.filter-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.segmented{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px;display:inline-flex}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 16px;font-size:14px;font-weight:600;transition:background .2s,color .2s}.segmented button small{opacity:.7;margin-left:4px;font-weight:500}.segmented button[aria-pressed=true]{background:var(--text);color:var(--bg)}.segmented button[data-value="2D"][aria-pressed=true]{background:var(--c2d)}.segmented button[data-value="3D"][aria-pressed=true]{background:var(--c3d)}.search{flex:200px;max-width:320px;position:relative}.search svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;translate:0 -50%}.search input,.select{border:1px solid var(--border);background:var(--surface);width:100%;height:40px;color:var(--text);font:inherit;border-radius:999px;padding:0 14px 0 40px;font-size:14px}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239696ab' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;width:auto;padding:0 34px 0 14px}.select option{background:var(--bg-raised)}.search input::placeholder{color:var(--muted)}.search input:focus,.select:focus{border-color:var(--border-strong);outline:none}.filter-row-end{gap:10px;margin-left:auto;display:flex}.filter-row.chips{scrollbar-width:none;flex-wrap:nowrap;gap:8px;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex:none;align-self:center;margin-right:2px;font-size:12px;font-weight:600}.chip{border:1px solid var(--border);color:#c9c9d6;cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:6px 14px;font-size:13px;font-weight:500;transition:background .2s,border-color .2s,color .2s}.chip:hover{border-color:var(--border-strong)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip-divider{background:var(--border);flex:none;width:1px;margin:4px 6px}.reset{color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex:none;font-size:13px;text-decoration:underline}.reset:hover{color:var(--text)}.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:40px 28px;display:grid}.card{text-align:left;cursor:pointer;width:100%;animation:card-in .6s var(--ease-out) both;background:0 0;border:0;padding:0;display:block}@keyframes card-in{0%{opacity:0;transform:translateY(16px)}}.card .phone{transition:transform .35s var(--ease-out), box-shadow .35s}.card:hover .phone,.card:focus-visible .phone{box-shadow:inset 0 0 0 1px var(--type-color), 0 0 0 1px var(--type-color), 0 30px 60px -20px color-mix(in srgb, var(--type-color) 45%, transparent);transform:translateY(-8px)rotate(-1.5deg)}.card[data-type="2D"]{--type-color:var(--c2d)}.card[data-type="3D"]{--type-color:var(--c3d)}.card .phone-screen img{transition:transform .5s var(--ease-out), filter .35s}.card:hover .phone-screen img{filter:brightness(.7);transform:scale(1.04)}.play-badge{z-index:3;background:var(--accent);width:58px;height:58px;color:var(--accent-ink);opacity:0;transition:opacity .25s, scale .35s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.6;box-shadow:0 10px 30px #00000080}.card:hover .play-badge,.card:focus-visible .play-badge{opacity:1;scale:1}.type-badge{z-index:3;background:var(--type-color,var(--c2d));color:var(--accent-ink);font:700 11px/1.3 var(--font-display);letter-spacing:.04em;border-radius:6px;padding:3px 8px;position:absolute;top:6.5%;left:7%}.poster-fallback{background:linear-gradient(160deg, color-mix(in srgb, var(--type-color,var(--c2d)) 35%, #000), #0b0b12);height:100%;font:600 20px/1.15 var(--font-display);text-align:center;place-items:center;padding:20px;display:grid}.card-meta{padding:16px 4px 0}.card-meta h3{font-size:17px;font-weight:600;line-height:1.25}.card-meta p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:13px;overflow:hidden}.empty{text-align:center;color:var(--muted);padding:80px 0}.about-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.about-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);transition:border-color .3s, transform .3s var(--ease-out);padding:28px}.about-card:hover{border-color:var(--border-strong);transform:translateY(-4px)}.about-card h3{margin:18px 0 10px;font-size:24px;font-weight:600}.about-card p{color:var(--muted);margin:0}.about-tag{width:44px;height:44px;font:700 14px var(--font-display);color:var(--accent-ink);border-radius:12px;place-items:center;display:inline-grid}.tag-2d{background:var(--c2d)}.tag-3d{background:var(--c3d)}.tag-ad{background:var(--cad)}.stack{flex-wrap:wrap;gap:10px;margin:24px 0 0;padding:0;list-style:none;display:flex}.stack li{border:1px solid var(--border);color:#c9c9d6;border-radius:999px;padding:8px 16px;font-size:14px}.contact{max-width:var(--max);padding:clamp(48px, 7vw, 90px) var(--gutter);text-align:center;border-top:1px solid var(--border);margin:clamp(80px,10vw,140px) auto 0}.contact h2{font-size:clamp(34px,5.5vw,68px);font-weight:600}.contact-links{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.footer{padding:28px var(--gutter) 40px;text-align:center;color:var(--muted);font-size:13px}.player{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06060adb;border:0;margin:0;padding:0}.player[open]{animation:fade-in .3s var(--ease-out);grid-template-columns:1fr minmax(300px,380px);display:grid}.player:focus{outline:none}.player::backdrop{background:0 0}@keyframes fade-in{0%{opacity:0}}.player-stage{place-items:center;min-width:0;padding:24px;display:grid;position:relative}.player .device{max-width:100%;height:min(100dvh - 48px,880px);animation:device-in .45s var(--ease-out);padding:8px}.player .device[data-orientation=landscape]{aspect-ratio:844/390;border-radius:6%/13%;width:min(100%,980px,216.41dvh - 103.877px);height:auto}.player .device[data-orientation=landscape] .phone-screen{border-radius:5.2%/11%}.player .device[data-orientation=landscape] .phone-screen:before{width:3.4%;height:30%;top:50%;left:2.2%;translate:0 -50%}@keyframes device-in{0%{opacity:0;transform:translateY(30px)scale(.96)}}.device iframe{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.loader{z-index:1;color:var(--muted);background:#000;align-content:center;place-items:center;gap:14px;font-size:13px;transition:opacity .3s;display:grid;position:absolute;inset:0}.loader.is-done{opacity:0;pointer-events:none}.spinner{border:3px solid #ffffff1f;border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stage-nav{position:absolute;top:50%;translate:0 -50%}.stage-nav.prev{left:24px}.stage-nav.next{right:24px}.icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:44px;height:44px;transition:background .2s, border-color .2s, transform .2s var(--ease-out);border-radius:50%;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:scale(1.06)}.icon-btn[aria-pressed=true]{background:var(--text);color:var(--bg)}.player-info{flex-direction:column;gap:20px;padding:28px 28px 28px 8px;display:flex;overflow-y:auto}.player-top{align-items:center;gap:12px;display:flex}.player-top>.icon-btn{margin-left:auto}.panel-tabs{border:1px solid var(--border);background:var(--surface);border-radius:999px;gap:4px;padding:4px;display:flex}.panel-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:14px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.panel-tabs button:hover{color:var(--text)}.panel-tabs button[aria-selected=true]{background:var(--text);color:var(--bg)}.tab-count{opacity:.7;font-size:12px;font-weight:500}.player-details{flex-direction:column;flex:1;gap:20px;display:flex}.player[open]:has(.player-info[data-tab=params]){grid-template-columns:1fr minmax(340px,420px)}.player-info[data-tab=params]{overflow:hidden}.params-panel{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.params-bar{gap:10px;display:grid}.params-search{max-width:none}.params-actions{gap:8px;display:flex}.params-actions .btn{flex:1;justify-content:center;padding:9px 14px;font-size:14px}.params-actions .btn svg{width:16px;height:16px}.params-actions .btn:disabled{opacity:.45;cursor:default;transform:none}.params-status{color:var(--muted);margin:0;font-size:12px}.params-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:8px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.params-note{color:var(--muted);margin:0;padding:12px 0;font-size:13px}.params-section{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex:none}.params-section>summary,.param-group>summary{cursor:pointer;align-items:center;gap:8px;list-style:none;display:flex}.params-section>summary::-webkit-details-marker{display:none}.param-group>summary::-webkit-details-marker{display:none}.params-section>summary{padding:11px 14px;font-size:14px;font-weight:600}.params-section>summary:after,.param-group>summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:7px;height:7px;margin-left:auto;transition:rotate .2s;rotate:-45deg}.params-section[open]>summary:after,.param-group[open]>summary:after{rotate:45deg}.params-changed{color:var(--accent);font-size:12px;font-weight:500}.params-items{border-top:1px solid var(--border);padding:0 14px 8px}.param{padding:9px 0}.param+.param,.param+.param-group,.param-group+.param{border-top:1px solid #ffffff0d}.param-head{align-items:center;gap:8px;min-height:30px;display:flex}.param-name{color:#d6d6e0;overflow-wrap:anywhere;flex:1;min-width:0;font-size:13px}.param.is-changed>.param-head .param-name{color:var(--accent)}.param-reset{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.param-reset svg{width:14px;height:14px}.param-reset:hover{background:var(--surface-hover);color:var(--text)}.param:not(.is-changed)>.param-head .param-reset{visibility:hidden}.param-live{color:var(--cad);letter-spacing:.04em;text-transform:uppercase;background:#b78cff24;border-radius:999px;flex:none;padding:2px 7px;font-size:10px;font-weight:600;display:none}.param.is-live>.param-head .param-live,.params-legend .param-live{display:inline-block}.params-legend{color:var(--muted);margin:0;font-size:12px}.params-legend .param-live{margin-right:2px}.param-path{color:var(--muted);margin:0 0 2px;font-size:11px}.param-desc{color:var(--muted);margin:2px 0 0;font-size:12px;line-height:1.45}.param-number,.param-input{border:1px solid var(--border);height:30px;color:var(--text);font:inherit;background:#ffffff0a;border-radius:8px;padding:0 8px;font-size:13px}.param-number{text-align:right;font-variant-numeric:tabular-nums;flex:none;width:84px}.param-input{width:100%;margin-top:6px}.param-input-short{flex:none;width:120px;margin-top:0}textarea.param-input{resize:vertical;height:auto;padding:6px 8px;line-height:1.45}.param-number:focus,.param-input:focus,.param-select:focus{border-color:var(--accent);outline:none}.param-slider{width:100%;accent-color:var(--accent);margin:6px 0 0;display:block}.param-select{background-position:right 10px center;border-radius:8px;flex:none;max-width:55%;height:30px;padding:0 28px 0 12px;font-size:13px}.switch{appearance:none;cursor:pointer;background:#ffffff29;border-radius:999px;flex:none;width:36px;height:20px;margin:0;transition:background .2s;position:relative}.switch:before{content:"";background:var(--text);width:16px;height:16px;transition:translate .2s var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px}.switch:checked{background:var(--accent)}.switch:checked:before{background:var(--accent-ink);translate:16px}.param-color{align-items:center;gap:8px;display:inline-flex}.param-color code{color:var(--muted);font-size:12px}.param-color input{border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:6px;width:34px;height:24px;padding:0}.param-color input::-webkit-color-swatch-wrapper{padding:0}.param-color input::-webkit-color-swatch{border:0;border-radius:5px}.param-color input::-moz-color-swatch{border:0;border-radius:5px}.param-chips,.param-tabs{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.param-chip,.param-tabs button{border:1px solid var(--border);color:#c9c9d6;cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:12px}.param-chip{position:relative}.param-chip input{opacity:0;pointer-events:none;position:absolute}.param-tabs button[aria-checked=true]{background:var(--text);color:var(--bg);border-color:#0000}.param-chip:has(input:checked){background:var(--text);color:var(--bg);border-color:#0000}.param-chip:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.param-order{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.param-order li{border:1px solid var(--border);border-radius:8px;align-items:center;gap:4px;padding:3px 4px 3px 10px;font-size:13px;display:flex}.param-order span{flex:1}.param-move{cursor:pointer;background:0 0;border:0;border-radius:6px;width:26px;height:26px;padding:0}.param-move:hover:not(:disabled){background:var(--surface-hover)}.param-move:disabled{opacity:.3;cursor:default}.param-children{border-left:2px solid var(--border);margin-top:6px;padding-left:12px}.param-group{padding:9px 0}.param-group>summary{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.player-info h2{font-size:34px;font-weight:600}.player-app{color:var(--muted);margin:8px 0 0}.player-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{border:1px solid var(--border);color:#c9c9d6;border-radius:999px;padding:4px 12px;font-size:13px}.tag-type{color:var(--accent-ink);border:0;font-weight:700}.tag-type[data-type="2D"]{background:var(--c2d)}.tag-type[data-type="3D"]{background:var(--c3d)}.player-desc{color:#c9c9d6;margin:0}.player-controls,.store-links{flex-wrap:wrap;gap:10px;display:flex}.store-links .btn{padding:10px 18px;font-size:14px}.player-hint{color:var(--muted);margin:auto 0 0;font-size:12px}kbd{border:1px solid var(--border-strong);font:11px var(--font-body);border-radius:5px;padding:1px 6px}.mobile-only,.mobile-bar{display:none!important}@media (width<=1100px){.player[open]{grid-template-columns:1fr 300px}.player[open]:has(.player-info[data-tab=params]){grid-template-columns:1fr 340px}.stage-nav{display:none}}@media (width<=860px){.hero{grid-template-columns:1fr}.hero-phones{height:clamp(280px,72vw,420px)}.hero-phone{width:clamp(88px,24vw,160px)}}@media (width<=700px){.nav-links a:not(:first-child){display:none}.filters{position:static}.filter-row.chips{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.filter-row-end{width:100%;margin-left:0}.filter-row-end .select{flex:1}.search{max-width:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.card-meta h3{font-size:15px}.play-badge{opacity:.92;scale:.75}.player[open]{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000;display:block}.player-stage{padding:0;position:fixed;inset:0}.player .device,.player .device[data-orientation=landscape]{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;background:#000;border-radius:0;padding:0;animation:none}.player .device .phone-screen{border-radius:0}.player .device .phone-screen:before{display:none}.desktop-only{display:none!important}.mobile-only{display:inline-grid!important}.mobile-bar{z-index:5;top:max(12px, env(safe-area-inset-top));gap:8px;position:fixed;right:12px;display:flex!important}.mobile-bar .icon-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;width:40px;height:40px}.player-info{z-index:6;max-height:70dvh;padding:24px 20px calc(24px + env(safe-area-inset-bottom));background:var(--bg-raised);border-top:1px solid var(--border);transition:transform .35s var(--ease-out);border-radius:22px 22px 0 0;position:fixed;inset:auto 0 0;transform:translateY(100%)}.player.info-open .player-info{transform:none}.player-info[data-tab=params]{height:80dvh;max-height:80dvh}.player-top>.icon-btn,.player-info:not(.has-params) .player-top,.player-hint{display:none}.player-info h2{font-size:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}