:root{--font:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--ease-io:cubic-bezier(.65, 0, .35, 1);--t-fast:.22s;--t:.45s;--t-slow:.7s;--r:14px;--top-h:64px;--gutter:clamp(16px, 4vw, 40px);--safe-t:env(safe-area-inset-top,0px);--safe-l:max(var(--gutter), env(safe-area-inset-left,0px));--safe-r:max(var(--gutter), env(safe-area-inset-right,0px));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (orientation:landscape) and (max-height:500px){:root{--top-h:54px}}:root[data-theme=dark]{--bg:#07070a;--surface:#0d0d13;--fg:#eaeaf0;--mute:#6f6f80;--line:#ffffff12;--line2:#ffffff26;--scrim:#03030699;--c-cyan:#00f0ff;--c-magenta:#ff2bd6;--c-lime:#b6ff00;--c-amber:#ffb800;--c-violet:#9d6bff;--c-red:#ff3b5c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f3f3f7;--surface:#fff;--fg:#15151c;--mute:#7a7a8e;--line:#00000012;--line2:#00000026;--scrim:#1e1e2d40;--c-cyan:#00a3c4;--c-magenta:#d4009a;--c-lime:#4c9400;--c-amber:#d27d00;--c-violet:#6d3df0;--c-red:#e0193f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-accent=cyan]{--accent:var(--c-cyan)}:root[data-accent=magenta]{--accent:var(--c-magenta)}:root[data-accent=lime]{--accent:var(--c-lime)}:root[data-accent=amber]{--accent:var(--c-amber)}:root[data-accent=violet]{--accent:var(--c-violet)}:root[data-accent=red]{--accent:var(--c-red)}:root{--accent-soft:color-mix(in oklab, var(--accent) 16%, transparent);--glow:0 0 0 1px var(--accent), 0 0 22px -4px var(--accent);--glow-sm:0 0 12px -3px var(--accent)}:root[data-glow=off]{--glow:0 0 0 1px var(--accent);--glow-sm:none}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--fg);font:400 14px/1.5 var(--font);min-height:100dvh;transition:background var(--t) var(--ease), color var(--t) var(--ease);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}svg{display:block}[hidden]{display:none!important}:focus-visible{outline:1px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--bg)}kbd{font:500 10px/1 var(--font);border:1px solid var(--line2);color:var(--mute);border-radius:5px;padding:3px 5px}.bg-grid{z-index:-1;pointer-events:none;background:radial-gradient(circle, var(--line2) 1px, transparent 1.5px) 0 0 / 28px 28px;opacity:.55;position:fixed;inset:0}.bg-grid:after{content:"";background:radial-gradient(circle, var(--accent) 1px, transparent 1.6px) 0 0 / 28px 28px;-webkit-mask:radial-gradient(260px circle at var(--mx,-999px) var(--my,-999px), #000, transparent 70%);-webkit-mask:radial-gradient(260px circle at var(--mx,-999px) var(--my,-999px), #000, transparent 70%);mask:radial-gradient(260px circle at var(--mx,-999px) var(--my,-999px), #000, transparent 70%);opacity:.9;position:absolute;inset:0}.topbar{z-index:30;height:calc(var(--top-h) + var(--safe-t));padding:var(--safe-t) var(--safe-r) 0 var(--safe-l);background:color-mix(in oklab, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:background var(--t) var(--ease), border-color var(--t) var(--ease);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.logo{letter-spacing:-.03em;align-items:center;font-size:20px;font-weight:500;display:flex}.logo b{color:var(--accent);transition:color var(--t) var(--ease), text-shadow var(--t);font-weight:500}:root[data-glow=on] .logo b{text-shadow:0 0 14px color-mix(in oklab, var(--accent) 60%, transparent)}.caret{background:var(--accent);width:.55em;height:2px;margin:.55em 0 0 3px;animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.top-actions{gap:10px;display:flex}.icon-btn{border:1px solid var(--line2);min-width:40px;height:40px;color:var(--fg);transition:transform var(--t) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), background var(--t-fast) var(--ease);border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 10px;display:inline-flex;position:relative}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:18px;height:18px;transition:transform var(--t-slow) var(--ease)}.icon-btn:hover,.icon-btn[aria-expanded=true]{color:var(--accent);border-color:var(--accent);box-shadow:var(--glow-sm);transform:translateY(-2px)}.icon-btn:active{transform:translateY(0)scale(.94)}.icon-btn:hover .i-gear,.icon-btn[aria-expanded=true] .i-gear{transform:rotate(90deg)}.icon-btn:hover .i-lens{transform:rotate(-14deg)scale(1.1)}.icon-btn:hover kbd{border-color:var(--accent);color:var(--accent)}.icon-btn.small{min-width:34px;height:34px;padding:0 8px}@media (hover:none){.icon-btn kbd{display:none}}.text-btn{color:var(--mute);transition:color var(--t-fast) var(--ease);align-items:center;gap:8px;padding:6px 4px;font-size:12px;display:inline-flex}.text-btn:hover{color:var(--fg)}.pill-btn{border:1px solid var(--line2);background:color-mix(in oklab, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(8px);height:34px;transition:transform var(--t) var(--ease), color var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);border-radius:99px;align-items:center;gap:6px;padding:0 14px 0 10px;font-size:12px;font-weight:500;display:inline-flex}.pill-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform var(--t) var(--ease)}.pill-btn:hover{color:var(--accent);border-color:var(--accent);box-shadow:var(--glow-sm)}.pill-btn:hover svg{transform:translate(-3px)}.pill-btn:active{transform:scale(.95)}.loader{z-index:100;background:var(--bg);transition:opacity var(--t) var(--ease), visibility 0s linear var(--t);opacity:0;visibility:hidden;place-content:center;justify-items:center;gap:22px;display:grid;position:fixed;inset:0}.loader.show{opacity:1;visibility:visible;transition:opacity var(--t-fast) var(--ease), visibility 0s}.loader-word{letter-spacing:-.04em;padding:.1em .05em;font-size:clamp(36px,8vw,68px);font-weight:700;line-height:1;display:flex;overflow:hidden}.loader-word span{opacity:0;transition:transform var(--t-slow) var(--ease) calc(var(--i) * 55ms), opacity var(--t-slow) var(--ease) calc(var(--i) * 55ms);display:inline-block;transform:translateY(110%)}.loader-word span.acc{color:var(--accent)}:root[data-glow=on] .loader-word span.acc{text-shadow:0 0 24px color-mix(in oklab, var(--accent) 55%, transparent)}.loader.in .loader-word span{opacity:1;transform:none}.loader.out .loader-word span{opacity:0;transition-duration:var(--t);transition-delay:calc(var(--i) * 30ms);transform:translateY(-110%)}.loader-bar{background:var(--line2);opacity:0;width:min(240px,56vw);height:1px;transition:opacity var(--t) var(--ease) .2s;overflow:hidden}.loader.in .loader-bar{opacity:1}.loader.out .loader-bar{opacity:0;transition-delay:0s}.loader-bar i{background:var(--accent);height:100%;box-shadow:var(--glow-sm);transform-origin:0;transform:scaleX(var(--p,0));transition:transform var(--t) var(--ease-io);display:block}.loader-note{letter-spacing:.22em;text-transform:uppercase;min-height:1em;color:var(--mute);opacity:0;transition:opacity var(--t) var(--ease) .3s;font-size:11px}.loader.in .loader-note{opacity:1}.loader.out .loader-note{opacity:0;transition-delay:0s}.loader-note.error{color:var(--c-red);letter-spacing:.1em}@media (hover:none){.icon-btn:hover:not([aria-expanded=true]){color:var(--fg);border-color:var(--line2);box-shadow:none;transform:none}.icon-btn:hover:not([aria-expanded=true]) svg{transform:none}.pill-btn:hover{color:var(--fg);border-color:var(--line2);box-shadow:none}.pill-btn:hover svg{transform:none}}.menu{padding:28px var(--safe-r) calc(40px + env(safe-area-inset-bottom,0px)) var(--safe-l);gap:40px;display:grid}.shelf-title{letter-spacing:.16em;text-transform:uppercase;color:var(--mute);align-items:center;gap:14px;margin-bottom:16px;font-size:11px;font-weight:500;display:flex}.shelf-title i{background:linear-gradient(90deg, var(--line2), transparent);transform-origin:0;height:1px;transition:transform 1.1s var(--ease) .15s;flex:1;transform:scaleX(0)}.app.ready .shelf-title i{transform:none}.shelf-title small{letter-spacing:.08em;font-size:11px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px;display:grid}@media (max-width:560px){.grid{grid-template-columns:repeat(2,1fr);gap:10px}.menu{gap:30px;padding-top:20px}}@media (min-width:1800px){.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}}@media (orientation:landscape) and (max-height:500px){.menu{gap:26px;padding-top:18px}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.menu>.shelf>.empty{padding:0 0 16px}.card{--px:50%;--py:50%;aspect-ratio:16/10;border-radius:var(--r);background:var(--surface);border:1px solid var(--line2);isolation:isolate;transition:transform var(--t) var(--ease), border-color var(--t-fast) var(--ease), box-shadow var(--t) var(--ease);display:block;position:relative;overflow:hidden;transform:translateZ(0)}.card.enter{animation:card-in var(--t-slow) var(--ease) both;animation-delay:calc(var(--i,0) * 55ms)}@keyframes card-in{0%{opacity:0;transform:translateY(22px)scale(.97)}}.card img{object-fit:cover;width:100%;height:100%;transition:transform var(--t-slow) var(--ease), filter var(--t) var(--ease);position:absolute;inset:0}.card .ph{color:var(--accent);letter-spacing:-.04em;place-items:center;font-size:28px;font-weight:700;display:grid;position:absolute;inset:0}.card:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(320px circle at var(--px) var(--py), var(--accent-soft), transparent 60%);opacity:0;transition:opacity var(--t) var(--ease);position:absolute;inset:0}.card:hover,.card:focus-visible{border-color:var(--accent);box-shadow:var(--glow);outline:none;transform:translateY(-5px)}.card:hover:before,.card:focus-visible:before{opacity:1}.card:hover img,.card:focus-visible img{transform:scale(1.06)}.card:active{transition-duration:var(--t-fast);transform:translateY(-2px)scale(.985)}.card.launching{border-color:var(--accent);box-shadow:var(--glow);animation:launch .48s var(--ease) both}@keyframes launch{40%{transform:scale(.97)}to{transform:scale(1.03)}}.card .name{z-index:2;background:color-mix(in oklab, var(--bg) 86%, transparent);border-top:1px solid var(--accent);color:var(--accent);white-space:nowrap;transition:transform var(--t) var(--ease);padding:10px 14px;font-size:14px;font-weight:500;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(102%)}.card .name span{display:inline-block}.card:hover .name,.card:focus-visible .name{transform:none}.card .name.scroll span{animation:marquee var(--dur,4s) ease-in-out infinite alternate paused;animation-delay:.35s}.card:hover .name.scroll span,.card:focus-visible .name.scroll span{animation-play-state:running}@keyframes marquee{0%,14%{transform:translate(0)}86%,to{transform:translateX(calc(-1 * var(--dist)))}}:root[data-motion=reduced] .card .name{text-overflow:ellipsis}:root[data-motion=reduced] .card .name span{display:inline}@media (hover:none){.card:hover:not(:focus-visible){border-color:var(--line2);box-shadow:none;transform:none}.card:hover:not(:focus-visible):before{opacity:0}.card:hover:not(:focus-visible) img,.chip:hover{transform:none}.chip:not([aria-selected=true]):hover{border-color:var(--line2)}.card .name{padding:7px 10px;font-size:12px;transform:none}.card .name.scroll span{animation-play-state:running}}.card.soon{pointer-events:none;background:0 0;border-style:dashed;place-items:center;display:grid}.card.soon:before{display:none}.card.soon:after{content:"";background:linear-gradient(100deg, transparent 35%, var(--line) 50%, transparent 65%);animation:sweep 3.2s var(--ease-io) infinite;animation-delay:calc(var(--i,0) * .18s);position:absolute;inset:0;transform:translate(-100%)}@keyframes sweep{60%,to{transform:translate(100%)}}.card.soon b{letter-spacing:.2em;text-transform:uppercase;color:var(--mute);opacity:.7;font-size:11px;font-weight:400}.scrim{z-index:40;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity var(--t) var(--ease);position:fixed;inset:0}.scrim.on{opacity:1;pointer-events:auto}.search{z-index:50;max-height:min(88dvh,900px);background:var(--bg);border-bottom:1px solid var(--accent);max-height:min(88svh,900px);box-shadow:var(--glow-sm), 0 30px 60px -30px #00000080;visibility:hidden;transition:transform var(--t-slow) var(--ease), visibility 0s linear var(--t-slow);flex-direction:column;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-105%)}.search.open{visibility:visible;transition:transform var(--t-slow) var(--ease), visibility 0s;transform:none}.search-inner{width:100%;padding:calc(18px + var(--safe-t)) var(--safe-r) 26px var(--safe-l);flex-direction:column;gap:18px;min-height:0;display:flex}.search-row{border-bottom:1px solid var(--line2);transition:border-color var(--t-fast);align-items:center;gap:14px;padding-bottom:12px;display:flex}.search-row:focus-within{border-color:var(--accent)}.search-row>svg{fill:none;width:22px;height:22px;stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;flex:none}.search-row input{letter-spacing:-.02em;min-width:0;caret-color:var(--accent);background:0 0;border:0;outline:0;flex:1;font-size:clamp(18px,3vw,28px);font-weight:300}.search-row input::placeholder{color:var(--mute)}.search-row input::-webkit-search-cancel-button{display:none}.chips{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:560px){.chips{scrollbar-width:none;margin:0 calc(-1 * var(--gutter));padding:2px var(--gutter);flex-wrap:nowrap;overflow-x:auto}}.chip{border:1px solid var(--line2);height:32px;color:var(--fg);transition:transform var(--t) var(--ease), background var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);border-radius:99px;flex:none;align-items:center;gap:8px;padding:0 14px;font-size:12px;display:inline-flex}.chip small{color:var(--mute);transition:color var(--t-fast);font-size:10px}.chip:hover{border-color:var(--fg);transform:translateY(-2px)}.chip.none{color:var(--mute)}.chip[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--bg);box-shadow:var(--glow-sm)}.chip[aria-selected=true] small{color:color-mix(in oklab, var(--bg) 70%, transparent)}.search.open .chip{animation:chip-in var(--t) var(--ease) both;animation-delay:calc(.12s + var(--i) * 25ms)}@keyframes chip-in{0%{opacity:0;transform:translateY(-8px)}}.search-results{min-height:0;margin:0 calc(-1 * var(--gutter));padding:8px var(--gutter) 4px;overscroll-behavior:contain;overflow-y:auto}.empty{color:var(--mute);animation:card-in var(--t) var(--ease) both;padding:30px 0;font-size:13px}@media (max-width:560px),(orientation:landscape) and (max-height:500px){.search{max-height:100dvh}.search-inner{gap:14px;padding-bottom:18px}}.ad-slot{border-top:1px dashed var(--line2);opacity:0;transition:opacity var(--t) var(--ease), transform var(--t) var(--ease);justify-items:center;gap:8px;margin-top:24px;padding-top:20px;display:grid;transform:translateY(10px)}.ad-slot.on{opacity:1;transform:none}.ad-slot.closing{opacity:0;transform:translateY(6px)scale(.98)}.ad-head{letter-spacing:.16em;text-transform:uppercase;width:100%;max-width:728px;color:var(--mute);justify-content:space-between;align-items:center;font-size:10px;display:flex}.ad-close{letter-spacing:.12em;text-transform:uppercase;color:var(--mute);transition:color var(--t-fast) var(--ease);align-items:center;gap:6px;padding:4px 2px 4px 8px;font-size:10px;display:inline-flex}.ad-close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:12px;height:12px}.ad-close:hover{color:var(--fg)}.ad-body{justify-content:center;width:100%;display:flex;overflow:hidden}.adsbygoogle-size{width:320px;height:100px}@media (min-width:520px){.adsbygoogle-size{width:468px;height:60px}}@media (min-width:800px){.adsbygoogle-size{width:728px;height:90px}}.ad-preview{border:1px dashed var(--accent);color:var(--accent);letter-spacing:.1em;background:var(--accent-soft);border-radius:8px;place-items:center;font-size:11px;display:grid}.prefs{z-index:70;top:calc(var(--top-h) + var(--safe-t) + 8px);right:var(--safe-r);width:min(360px,100vw - 32px);max-height:calc(100dvh - var(--top-h) - var(--safe-t) - 24px);overscroll-behavior:contain;scrollbar-width:thin;background:var(--surface);border:1px solid var(--line2);transform-origin:calc(100% - 20px) -10px;opacity:0;visibility:hidden;transition:transform var(--t) var(--ease), opacity var(--t-fast) var(--ease), visibility 0s linear var(--t);border-radius:16px;position:fixed;overflow-y:auto;transform:translateY(-8px)scale(.94);box-shadow:0 24px 60px -24px #0000008c}.prefs.open{opacity:1;visibility:visible;transition:transform var(--t) var(--ease), opacity var(--t-fast) var(--ease), visibility 0s;transform:none}.prefs.in-game{top:calc(54px + var(--safe-t));max-height:calc(100dvh - 70px - var(--safe-t))}@media (max-width:480px){.prefs{right:16px}}.prefs-head{z-index:1;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;padding:14px 16px 12px;display:flex;position:sticky;top:0}.prefs-head h2{font-size:14px;font-weight:500}.prefs-head small{white-space:nowrap;color:var(--mute);align-items:center;gap:6px;font-size:10px;display:flex}.prefs-head small i{background:var(--accent);width:6px;height:6px;box-shadow:var(--glow-sm);border-radius:50%}.prefs-head small.flash i{animation:saved .7s var(--ease)}@keyframes saved{40%{transform:scale(2)}}.pgroup{border-bottom:1px solid var(--line);padding:14px 16px 6px}.prefs.open .pgroup{animation:pg-in var(--t) var(--ease) both;animation-delay:calc(60ms + var(--i) * 45ms)}@keyframes pg-in{0%{opacity:0;transform:translateY(-6px)}}.pgroup h3{letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:8px;font-size:10px;font-weight:500}.prow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;min-height:42px;padding:3px 0;font-size:12px;display:flex}.prow>label,.prow>span{flex:none}.prow .hint{color:var(--mute);max-width:170px;font-size:10px;line-height:1.3;display:block}.prefs-foot{justify-content:flex-end;padding:10px 16px 12px;display:flex}.seg{--n:3;--idx:0;grid-template-columns:repeat(var(--n), 1fr);border:1px solid var(--line2);border-radius:10px;min-width:0;margin-left:auto;padding:3px;display:grid;position:relative}.seg:before{content:"";width:calc((100% - 6px) / var(--n));background:var(--accent);box-shadow:var(--glow-sm);transform:translateX(calc(100% * var(--idx)));transition:transform var(--t) var(--ease), background var(--t-fast);border-radius:7px;position:absolute;top:3px;bottom:3px;left:3px}.seg button{white-space:nowrap;color:var(--mute);transition:color var(--t-fast) var(--ease);border-radius:7px;padding:5px 8px;font-size:11px;position:relative}.seg button:hover{color:var(--fg)}.seg button[aria-checked=true]{color:var(--bg)}.swatches{gap:8px;display:flex}.swatch{background:var(--c);width:22px;height:22px;box-shadow:0 0 0 1px var(--line2);transition:transform var(--t) var(--ease), box-shadow var(--t-fast) var(--ease);border-radius:50%}.swatch:hover{transform:scale(1.18)}.swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--c), 0 0 14px -2px var(--c);transform:scale(1.05)}:root[data-glow=off] .swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--c)}.toggle{border:1px solid var(--line2);width:38px;height:22px;transition:background var(--t-fast) var(--ease), border-color var(--t-fast), box-shadow var(--t-fast);border-radius:99px;flex:none;position:relative}.toggle:after{content:"";background:var(--mute);width:14px;height:14px;transition:transform var(--t) var(--ease), background var(--t-fast);border-radius:50%;position:absolute;top:3px;left:3px}.toggle[aria-checked=true]{background:var(--accent);border-color:var(--accent);box-shadow:var(--glow-sm)}.toggle[aria-checked=true]:after{background:var(--bg);transform:translate(16px)}.range{flex:1;align-items:center;gap:10px;max-width:200px;display:flex}.range output{text-align:right;width:30px;color:var(--mute);font-size:11px}.range input{--v:50%;appearance:none;background:linear-gradient(var(--accent), var(--accent)) 0 50% / var(--v) 2px no-repeat, linear-gradient(var(--line2), var(--line2)) 0 50% / 100% 1px no-repeat;cursor:pointer;flex:1;height:18px}.range input:disabled{opacity:.35}.range input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--surface);border:2px solid var(--accent);width:14px;height:14px;box-shadow:var(--glow-sm);transition:transform var(--t-fast) var(--ease);border-radius:50%}.range input:active::-webkit-slider-thumb{transform:scale(1.3)}.range input::-moz-range-thumb{background:var(--surface);border:2px solid var(--accent);border-radius:50%;width:10px;height:10px}.player{z-index:60;background:var(--bg);visibility:hidden;opacity:0;transition:opacity var(--t) var(--ease), visibility 0s linear var(--t);position:fixed;inset:0}.player.active{visibility:visible;opacity:1;transition:opacity var(--t) var(--ease), visibility 0s}.player-stage,.player-stage iframe{background:var(--bg);border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.player-bar{z-index:2;top:calc(10px + var(--safe-t));left:max(10px, env(safe-area-inset-left,0px));right:max(10px, env(safe-area-inset-right,0px));pointer-events:none;transition:opacity var(--t-slow) var(--ease), transform var(--t-slow) var(--ease);justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute}.player-bar>*{pointer-events:auto}.player-bar .icon-btn{background:color-mix(in oklab, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(8px);border-radius:99px}.player.idle .player-bar{opacity:.22}.player.idle .player-bar:hover{opacity:1!important}.player.ad-space .player-stage{bottom:var(--ga-h,0px);height:auto}.game-ad{z-index:1;padding:8px var(--safe-r) calc(8px + env(safe-area-inset-bottom,0px)) var(--safe-l);background:var(--bg);border-top:1px solid var(--line2);justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;bottom:0;left:0;right:0}.game-ad .ga-body{opacity:0;transition:opacity var(--t) var(--ease);flex:none;place-items:center;display:grid;overflow:hidden}.game-ad.on .ga-body{opacity:1}.ga-label{letter-spacing:.16em;text-transform:uppercase;color:var(--mute);writing-mode:vertical-rl;font-size:10px;transform:rotate(180deg)}.ga-close{border:1px solid var(--line2);width:30px;height:30px;color:var(--mute);transition:color var(--t-fast), border-color var(--t-fast);border-radius:50%;flex:none;place-items:center;display:grid}.ga-close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:13px;height:13px}.ga-close:hover{color:var(--fg);border-color:var(--fg)}@media (max-width:520px){.game-ad{gap:8px;padding-left:8px;padding-right:8px}}.fake-ad{z-index:5;background:var(--bg);animation:card-in var(--t) var(--ease) both;place-items:center;display:grid;position:absolute;inset:0}.fake-ad>div{border:1px dashed var(--accent);background:var(--accent-soft);border-radius:16px;justify-items:center;gap:14px;padding:40px 50px;display:grid}.fake-ad small{letter-spacing:.16em;text-transform:uppercase;color:var(--mute);font-size:10px}.fake-ad b{color:var(--accent);font-size:18px}.fake-ad button{border:1px solid var(--accent);min-width:44px;height:36px;color:var(--accent);border-radius:99px;padding:0 14px}.fake-ad button:disabled{opacity:.5}