@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/caa77eaf0c6cae2c-s.0c05j22lu0e1h.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/6260001f568fa40d-s.14r01_8b-ryu9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/2aa781f449db21e3-s.p.2lg3sxkcxwsl6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.bricolage_grotesque_9806e88e-module__PHUqrG__className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.bricolage_grotesque_9806e88e-module__PHUqrG__variable{--font-display:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_3645cf4d-module__-KQRRa__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_3645cf4d-module__-KQRRa__variable{--font-sans:"Inter", "Inter Fallback"}
:root{--bg:#070b12;--bg-1:#0c121b;--bg-2:#121a25;--line:#ffffff14;--line-2:#ffffff24;--text:#eef3f8;--text-2:#a7b5c6;--text-3:#74869b;--accent:#45c4ff;--accent-ink:#03121e;--accent-2:#3d6bff;--rose:#ff5a78;--amber:#ffc34d;--steel:#c6d4df;--sale:#beee11;--sale-bg:#4c6b22;--display:var(--font-display), ui-sans-serif, system-ui, sans-serif;--sans:var(--font-sans), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease:cubic-bezier(.16,1,.3,1);--spring:cubic-bezier(.34,1.56,.64,1);--gutter:16px;--nav-h:52px;--band:54px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (min-width:720px){:root{--gutter:28px;--nav-h:64px;--band:80px}}@media (min-width:1024px){:root{--gutter:40px;--nav-h:72px}}*,:before,:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;overflow-x:clip}body{min-height:100vh;font:400 16px/1.5 var(--sans);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:clip}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{width:100%;max-width:1240px;padding-inline:var(--gutter);margin:0 auto}[hidden]{display:none!important}.bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg:before{content:"";background:radial-gradient(45% 38% at 12% 0%, color-mix(in srgb, var(--accent-2) 26%, transparent), transparent 70%), radial-gradient(38% 32% at 92% 18%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 70%), radial-gradient(55% 45% at 55% 108%, #825aff17, transparent 70%);position:absolute;inset:0}.bg:after{content:"";opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}header,main,footer{z-index:1;position:relative}.nav{height:var(--nav-h)}.nav .wrap{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{font:800 22px/1 var(--display);letter-spacing:-.045em;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.logo svg{flex:none;width:28px;height:28px}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{color:var(--text-2);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:#ffffff0d}@media (max-width:719px){.nav-links .hide-sm{display:none}.nav-links a{padding:6px 8px;font-size:13px}}.btn{letter-spacing:-.005em;white-space:nowrap;height:52px;transition:transform .25s var(--spring), box-shadow .25s, background .2s, border-color .2s;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:15.5px;font-weight:600;text-decoration:none;display:inline-flex}.btn svg{flex:none;width:18px;height:18px}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 12px 32px -12px color-mix(in srgb, var(--accent) 60%, transparent), inset 0 -2px 0 #00000024, inset 0 1px 0 #ffffff8c}.btn-primary:hover{box-shadow:0 18px 42px -12px color-mix(in srgb, var(--accent) 75%, transparent), inset 0 -2px 0 #00000024, inset 0 1px 0 #ffffff8c;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-ghost{border:1px solid var(--line-2);color:var(--text);background:#ffffff0d}.btn-ghost:hover{background:#ffffff17;transform:translateY(-1px)}.btn-icon{width:52px;padding:0}.btn-block{width:100%}.btn[disabled]{opacity:.7;pointer-events:none}.spin{border:2.5px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.stage-deck{grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px;padding:4px 0 20px;display:grid}.intro{text-align:center;max-width:640px}.eyebrow{border:1px solid var(--line);color:var(--text-2);background:#ffffff0a;border-radius:999px;align-items:center;gap:10px;padding:7px 14px 7px 11px;font-size:13.5px;display:none}.eyebrow b{color:var(--text);font-weight:600}.dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 50%, transparent);border-radius:50%;flex:none;animation:2.2s infinite pulse}.hero-title{font:800 clamp(30px, 8.6vw, 44px)/.98 var(--display);letter-spacing:-.045em}.hero-title .l{display:block}.hero-title .br-lg{display:none}.tonight{color:var(--accent);white-space:nowrap;font-style:normal;position:relative}.tonight svg{width:102%;height:.24em;position:absolute;bottom:-.16em;left:-1%;overflow:visible}.tonight path{fill:none;stroke:var(--accent);stroke-width:5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:draw 1.2s .45s var(--ease) forwards}.hero-sub{color:var(--text-2);max-width:31em;margin-top:22px;font-size:18.5px;line-height:1.55;display:none}.hero-sub b{color:var(--text);font-weight:600}.trust{color:var(--text-2);flex-wrap:wrap;gap:10px 22px;margin:26px 0 0;padding:0;font-size:14px;list-style:none;display:none}.trust li{align-items:center;gap:8px;display:inline-flex}.trust svg{width:17px;height:17px;color:var(--accent)}.pre,.live{transition:grid-template-rows .6s var(--ease), opacity .45s ease;display:grid}.pre{grid-template-rows:1fr}.live{opacity:0;grid-template-rows:0fr}.pre>div,.live>div{min-height:0;overflow:hidden}.started .pre{opacity:0;grid-template-rows:0fr}.started .live{opacity:1;grid-template-rows:1fr}.taste-live{display:none}@media (min-height:760px) and (max-width:1023px){.trust{justify-content:center;margin-top:14px;font-size:13px;display:flex}}@media (min-width:720px){.eyebrow{display:inline-flex}.hero-title{margin-top:18px}}@media (min-width:1024px){.hero-sub{display:block}.stage-deck{min-height:calc(100svh - var(--nav-h));grid-template-columns:minmax(0,1fr) auto;place-items:center start;gap:clamp(40px,5vw,96px);padding:0 0 36px}.intro{text-align:left}.hero-title{letter-spacing:-.05em;margin-top:24px;font-size:clamp(56px,6.2vw,98px);line-height:.9}.hero-title .br-lg{display:inline}.hero-sub{margin-inline:0}.trust{display:flex}.taste-live{display:block}}.tl{border:1px solid var(--line);background:#ffffff08;border-radius:20px;max-width:440px;margin-top:30px;padding:18px 20px 16px}.tl-head{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.tl-head span{color:var(--accent);letter-spacing:.06em;align-items:center;gap:7px;display:inline-flex}.tl-row{height:27px;color:var(--text-2);grid-template-columns:86px 1fr 34px;align-items:center;gap:12px;font-size:13.5px;display:grid}.tl-bar{background:#ffffff12;border-radius:6px;height:6px;overflow:hidden}.tl-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--accent-2), var(--accent));width:0;height:100%;transition:width .7s var(--ease);display:block}.tl-row b{color:var(--text);text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.tl-foot{border-top:1px solid var(--line);color:var(--text-2);margin-top:10px;padding-top:12px;font-size:14px}.tl-foot b{color:var(--text)}.play{--cw:clamp(196px, min(84vw, calc((100svh - 350px) / 1.5)), 330px);grid-template-columns:1fr auto 1fr;grid-template-areas:"meta meta meta""deck deck deck""nope love like""hint hint hint";align-items:center;column-gap:18px;display:grid;position:relative}@media (min-width:720px){.play{--cw:clamp(250px, calc((100svh - 470px) / 1.5), 360px)}}@media (min-width:1024px){.play{--cw:clamp(290px, calc((100svh - 330px) / 1.58), 380px);grid-template-columns:auto var(--cw) auto;grid-template-areas:".meta.""nope deck like"".love."".hint.";column-gap:28px}}.deck-meta{width:var(--cw);grid-area:meta;justify-self:center}.progress{grid-template-columns:repeat(10,1fr);gap:4px;height:4px;display:grid}.progress i{background:#ffffff1a;border-radius:4px;transition:background .35s,box-shadow .35s}.progress i.cur{background:#ffffff6b}.progress i.like{background:var(--accent)}.progress i.pass{background:var(--rose)}.progress i.love{background:var(--amber)}.meta-row{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:14px;display:flex}.meta-q{font-weight:600}.meta-r{color:var(--text-2);font-variant-numeric:tabular-nums;align-items:center;gap:10px;display:flex}.meta-r b{color:var(--text);font-weight:600}.undo{height:26px;color:var(--text-2);border:1px solid var(--line);background:#ffffff0d;border-radius:8px;align-items:center;gap:5px;padding:0 9px;font-size:12.5px;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.undo:hover{color:var(--text);background:#ffffff17}.undo svg{width:13px;height:13px}.meta-q .short{display:none}@media (max-width:719px){.meta-q .long{display:none}.meta-q .short{display:inline}.meta-row{margin-top:8px;font-size:13px}}.deck{width:var(--cw);height:calc(var(--cw) * 1.5 + var(--band));margin:12px 0 calc(var(--cw) * .085);grid-area:deck;justify-self:center;position:relative}.ambient{z-index:0;pointer-events:none;position:absolute;inset:-22% -38%}.ambient img{object-fit:cover;filter:blur(64px)saturate(1.5);opacity:0;border-radius:50%;width:100%;height:100%;transition:opacity .9s;position:absolute;inset:0}.ambient img.on{opacity:.5}@media (max-width:719px){.ambient{inset:-12% -18%}.ambient img{filter:blur(44px)saturate(1.4)}.ambient img.on{opacity:.42}}.card{z-index:1;transform-origin:50% 85%;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab;transition:transform .5s var(--ease), opacity .45s ease;box-shadow:0 0 0 1px #ffffff1a, 0 30px 60px -26px #000000f2, 0 34px 90px -46px color-mix(in srgb, var(--c) 80%, transparent);background:#0d141d;border-radius:20px;position:absolute;inset:0;overflow:hidden}.card[data-depth="0"]{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.card[data-depth="1"]{transform:translateY(calc(var(--cw) * .05)) scale(.94)}.card[data-depth="2"]{transform:translateY(calc(var(--cw) * .1)) scale(.88)}.card[data-depth="3"]{transform:translateY(calc(var(--cw) * .15)) scale(.82);opacity:0}.card:not([data-depth="0"]){pointer-events:none}.card.tilt{transition:transform .18s ease-out,opacity .45s}.card.dragging{cursor:grabbing;transition:none}.card.gone{pointer-events:none}.card:after{content:"";z-index:4;opacity:0;pointer-events:none;background:#05080d;transition:opacity .45s;position:absolute;inset:0}.card[data-depth="1"]:after{opacity:.38}.card[data-depth="2"]:after,.card[data-depth="3"]:after{opacity:.62}.card.wiggle{animation:wiggle 1.15s var(--ease)}.card-art{height:calc(var(--cw) * 1.5);background:linear-gradient(160deg, color-mix(in srgb, var(--c) 50%, #111), #0a1018);position:relative}.card-art img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.art-fallback{text-align:center;font:800 26px/1 var(--display);letter-spacing:-.03em;padding:0 16px;position:absolute;inset:auto 0 40%}.card-gloss{z-index:2;pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(circle at var(--gx,24%) var(--gy,12%), #fff6, transparent 46%), linear-gradient(120deg, #ffffff1a, transparent 40%);position:absolute;inset:0}.card-tint{z-index:2;opacity:0;pointer-events:none;position:absolute;inset:0}.card-band{height:var(--band);background:linear-gradient(#141c27,#0d131c);padding:14px 15px 0;position:relative}.card-band:before{content:"";background:linear-gradient(90deg,#0000,#ffffff29,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card-band>*{transition:opacity .35s}.card:not([data-depth="0"]) .card-band>*{opacity:0}.band-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.band-row h3{font:700 17px/1.2 var(--display);letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.band-genre{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--c) 55%, #fff);background:color-mix(in srgb, var(--c) 16%, transparent);border:1px solid color-mix(in srgb, var(--c) 34%, transparent);border-radius:999px;flex:none;padding:4px 8px;font-size:10.5px;font-weight:600}.band-hook{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}@media (max-width:719px){.band-hook{display:none}.card-band{padding-top:15px}}.stamp{z-index:3;font:800 clamp(22px, calc(var(--cw) * .105), 38px)/1 var(--display);letter-spacing:.03em;text-transform:uppercase;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05080d4d;border:3.5px solid;border-radius:11px;padding:6px 12px 3px;position:absolute;top:20px}.s-like{color:var(--accent);left:16px;transform:rotate(-13deg)}.s-nope{color:var(--rose);right:16px;transform:rotate(13deg)}.s-love{top:auto;left:50%;bottom:calc(var(--band) + 28px);color:var(--amber);transform:translate(-50%)rotate(-5deg)}.ctl{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:60px;height:60px;scale:calc(1 + var(--k,0) * .16);transition:transform .25s var(--spring), scale .15s ease, background .2s, border-color .2s, box-shadow .25s;background:#111924b8;border:1px solid #ffffff1c;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 14px 32px -14px #000000e6,inset 0 1px #ffffff12}.ctl-icon{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:38px;height:38px}.ctl-nope{color:var(--rose);grid-area:nope;justify-self:end}.ctl-like{color:var(--accent);grid-area:like;justify-self:start}.ctl-love{width:50px;height:50px;color:var(--amber);grid-area:love;justify-self:center}.ctl-love .ctl-icon{width:32px;height:32px}.ctl-nope{box-shadow:0 0 0 calc(var(--k,0) * 9px) #ff5a7821, 0 14px 32px -14px #000000e6, inset 0 1px 0 #ffffff12}.ctl-like{box-shadow:0 0 0 calc(var(--k,0) * 9px) color-mix(in srgb, var(--accent) 13%, transparent), 0 14px 32px -14px #000000e6, inset 0 1px 0 #ffffff12}.ctl-love{box-shadow:0 0 0 calc(var(--k,0) * 9px) #ffc34d21, 0 14px 32px -14px #000000e6, inset 0 1px 0 #ffffff12}@media (hover:hover){.ctl:hover{transform:translateY(-3px)}.ctl-nope:hover{background:#ff5a7824;border-color:#ff5a7873}.ctl-like:hover{background:color-mix(in srgb, var(--accent) 13%, transparent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.ctl-love:hover{background:#ffc34d24;border-color:#ffc34d73}}.ctl:active{transition-duration:80ms;transform:scale(.9)}.ctl-label{color:var(--text-3);white-space:nowrap;pointer-events:none;align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:none;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%)}.deck-hint{min-height:20px;color:var(--text-3);text-align:center;grid-area:hint;justify-self:center;margin-top:12px;font-size:13px;transition:opacity .25s}kbd{border:1px solid var(--line-2);min-width:21px;height:21px;font:600 11px/1 var(--sans);color:var(--text-2);background:#ffffff08;border-bottom-width:2px;border-radius:6px;place-items:center;padding:0 5px;display:inline-grid}@media (max-width:719px){.deck-hint{margin-top:10px}}@media (min-height:780px) and (max-width:1023px){.ctl-label{display:flex}.deck-hint{margin-top:30px}}@media (min-width:1024px){.ctl{width:64px;height:64px}.ctl-love{width:50px;height:50px}.ctl-nope,.ctl-like{margin-bottom:calc(var(--cw) * .085);place-self:center}.ctl-label{display:flex}.ctl-love .ctl-label{top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.deck-hint{margin-top:10px}}@media (max-height:640px) and (max-width:719px){.deck-hint{display:none}.hero-title{font-size:27px}}.stage-matching{min-height:calc(100svh - var(--nav-h));place-items:center;padding:12px 0 60px;display:none}.stage[data-state=matching] .stage-matching{display:grid}.stage[data-state=matching] .stage-deck,.stage[data-state=result] .stage-deck{display:none}.match-box{animation:fadeUp .5s var(--ease);flex-direction:column;align-items:center;gap:30px;display:flex}.slot{aspect-ratio:2/3;background:color-mix(in srgb, var(--c,#333) 45%, #111);width:min(240px,58vw);box-shadow:0 0 0 1px #ffffff1a, 0 40px 90px -30px color-mix(in srgb, var(--c,#333) 80%, transparent);transition:box-shadow .5s, transform .5s var(--spring);border-radius:22px;position:relative;overflow:hidden}.slot img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.slot:after{content:"";background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--accent) 28%, transparent), transparent);height:30%;animation:1.1s linear infinite scan;position:absolute;top:-30%;left:0;right:0}.slot.locked{box-shadow:0 0 0 2px var(--accent), 0 0 60px -6px color-mix(in srgb, var(--accent) 55%, transparent), 0 40px 90px -30px color-mix(in srgb, var(--accent) 40%, transparent);transform:scale(1.04)}.slot.locked:after{display:none}.m-steps{gap:12px;margin:0;padding:0;font-size:15px;list-style:none;display:grid}.m-steps li{color:var(--text-3);align-items:center;gap:12px;transition:color .3s;display:flex}.m-steps .ck{border:1.5px solid var(--line-2);border-radius:50%;place-items:center;width:21px;height:21px;transition:background .25s,border-color .25s;display:grid}.m-steps .ck svg{opacity:0;width:12px;height:12px}.m-steps li.active{color:var(--text-2)}.m-steps li.active .ck{border-color:var(--accent);border-right-color:#0000;animation:.75s linear infinite spin}.m-steps li.done{color:var(--text)}.m-steps li.done .ck{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.m-steps li.done .ck svg{opacity:1}.stage-result{padding:6px 0 48px;display:none}.stage[data-state=result] .stage-result{display:block}.r-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);align-items:center;gap:10px;margin:6px 0 16px;font-size:12.5px;font-weight:600;display:inline-flex}.r-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (min-width:1024px){.r-grid{grid-template-columns:minmax(0,1fr) 384px;align-items:start;gap:20px}}.pick{isolation:isolate;border:1px solid var(--line-2);background:#0d141d99;border-radius:28px;padding:18px;position:relative;overflow:hidden}.pick-bg{z-index:-1;position:absolute;inset:0}.pick-bg img{object-fit:cover;filter:blur(46px)saturate(1.5);opacity:.4;width:100%;height:100%;transform:scale(1.35)}.pick-bg:after{content:"";background:linear-gradient(#070b1240,#070b12d1 60%);position:absolute;inset:0}.pick-inner{grid-template-columns:minmax(0,1fr);gap:22px;display:grid}.pick-art{justify-self:center;width:min(62vw,250px)}.pick-cap{aspect-ratio:2/3;background:color-mix(in srgb, var(--c) 40%, #111);box-shadow:0 0 0 1px #ffffff1f, 0 34px 70px -28px #000000f2, 0 30px 90px -40px color-mix(in srgb, var(--c) 90%, transparent);transition:transform .4s var(--spring);border-radius:18px;display:block;overflow:hidden}.pick-cap:hover{transform:translateY(-4px)rotate(-.6deg)}.pick-cap img{object-fit:cover;width:100%;height:100%}.shots{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.shots button{aspect-ratio:16/9;transition:transform .25s var(--spring), box-shadow .2s;background:#ffffff0d;border-radius:9px;overflow:hidden;box-shadow:0 0 0 1px #ffffff14}.shots button:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 50%, transparent);transform:translateY(-2px)}.shots img{object-fit:cover;width:100%;height:100%}.pick-meta{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;display:flex}.pill-new{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.pick-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:12px;display:flex}.pick-title{font:800 clamp(32px, 4.4vw, 52px)/.98 var(--display);letter-spacing:-.04em}.pick-dev{color:var(--text-2);margin-top:8px;font-size:14px}.ring{flex:none;width:84px;height:84px;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:7px}.ring .rb{stroke:#ffffff17}.ring .rf{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset 1.5s var(--ease) .25s;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 45%, transparent))}.ring-t{text-align:center;place-content:center;line-height:1;display:grid;position:absolute;inset:0}.ring-t b{font:800 25px/1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.ring-t b:after{content:"%";margin-left:1px;font-size:14px}.ring-t span{letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);margin-top:3px;font-size:10.5px;font-weight:600}.badges{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.badge{height:32px;color:var(--text-2);border:1px solid var(--line);background:#ffffff0d;border-radius:10px;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:500;display:inline-flex}.badge b{color:var(--text);font-weight:600}.badge svg{width:15px;height:15px}.badge .up{color:var(--accent)}.badge s{color:var(--text-3)}.badge .off{color:var(--sale);background:var(--sale-bg);border-radius:6px;padding:2px 6px;font-size:11.5px;font-weight:700}.pick-hook{color:var(--text);max-width:52ch;margin-top:16px;font-size:17px;line-height:1.5}.why-title{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin:22px 0 10px;font-size:12.5px;font-weight:600}.why{gap:8px;margin:0;padding:0;list-style:none;display:grid}.why li{color:var(--text-2);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;grid-template-columns:38px 1fr;align-items:center;gap:13px;padding:9px 13px 9px 9px;font-size:14.5px;line-height:1.45;display:grid}.why li b{color:var(--text);font-weight:600}.why-thumb{width:38px;height:52px;position:relative}.why-thumb img{object-fit:cover;border-radius:7px;width:100%;height:100%;box-shadow:0 0 0 1px #ffffff1a}.why li.pass .why-thumb img{filter:grayscale()brightness(.75)}.bdg{background:var(--accent);width:20px;height:20px;color:var(--accent-ink);border:2px solid #0f1620;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-6px;right:-6px}.bdg svg{width:10px;height:10px}.bdg.love{background:var(--amber)}.bdg.pass{background:var(--rose);color:#fff}.why-ico{background:color-mix(in srgb, var(--accent) 10%, transparent);width:38px;height:38px;color:var(--accent);border-radius:11px;place-items:center;display:grid}.why-ico svg{width:18px;height:18px}.pick-ctas{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.pick-ctas .btn-primary{flex:220px}.tonight-line{color:var(--text-2);align-items:center;gap:9px;margin-top:16px;font-size:14px;display:flex}.tonight-line svg{width:16px;height:16px;color:var(--amber);flex:none}@media (min-width:720px){.pick{padding:26px}.pick-inner{grid-template-columns:minmax(0,260px) minmax(0,1fr);align-items:start;gap:32px}.pick-art{width:auto}.pick-ctas .btn-primary{flex:0 auto}}@media (max-width:719px){.pick-body{text-align:left}}.unlock{border:1px solid color-mix(in srgb, var(--accent) 26%, transparent);background:radial-gradient(120% 70% at 100% 0%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 55%), linear-gradient(180deg,#131b26,#0c121b);box-shadow:0 44px 90px -44px color-mix(in srgb, var(--accent) 32%, transparent), inset 0 1px 0 #ffffff0f;border-radius:28px;padding:20px;position:relative}@media (min-width:720px){.unlock{padding:24px}}.u-head{align-items:center;gap:13px;display:flex}.u-ico{background:color-mix(in srgb, var(--accent) 12%, transparent);width:40px;height:40px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.u-ico svg{width:19px;height:19px}.u-title{font:700 21px/1.15 var(--display);letter-spacing:-.02em}.u-sub{color:var(--text-2);margin-top:3px;font-size:13.5px}.ru-grid{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 16px;display:grid}.ru{min-width:0;margin:0}.ru-art{aspect-ratio:2/3;background:#162030;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14}.ru-art img{object-fit:cover;width:100%;height:100%;transition:filter 1s var(--ease), transform 1s var(--ease)}.ru.locked .ru-art img{filter:blur(9px)saturate(1.35)brightness(.8);transform:scale(1.14)}.ru-lock{place-items:center;transition:opacity .45s;display:grid;position:absolute;inset:0}.ru-lock span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05080d80;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.ru-lock svg{width:18px;height:18px}.ru:not(.locked) .ru-lock{opacity:0}.ru-match{color:var(--accent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05080d9e;border-radius:999px;padding:4px 8px;font-size:11.5px;font-weight:700;position:absolute;top:8px;left:8px}.ru figcaption{margin-top:9px;font-size:13.5px;font-weight:600;line-height:1.3}.ru-q{color:var(--text-3)}.ru-name{text-decoration:none;display:none}.ru-name svg{vertical-align:-1px;width:12px;height:12px;color:var(--text-3);margin-left:3px;display:inline}.ru:not(.locked) .ru-q{display:none}.ru:not(.locked) .ru-name{animation:fadeUp .5s var(--ease);display:inline}.u-copy{color:var(--text-2);margin-bottom:14px;font-size:14.5px;line-height:1.5}.u-copy b{color:var(--text);font-weight:600}.seg{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:10px;padding:4px;display:grid}.seg label{text-align:center;color:var(--text-3);cursor:pointer;border-radius:9px;padding:8px 10px;font-size:13.5px;font-weight:600;transition:background .2s,color .2s;position:relative}.seg input{opacity:0;pointer-events:none;position:absolute}.seg label.on{color:var(--text);background:#ffffff1a}.seg label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}.field{border:1px solid var(--line-2);background:#060a10;border-radius:15px;gap:6px;padding:5px;transition:border-color .2s,box-shadow .2s;display:flex}.field:focus-within{border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 10%, transparent)}.field input{min-width:0;height:46px;color:var(--text);font:500 16px var(--sans);background:0 0;border:0;outline:0;flex:1;padding:0 12px}.field input::placeholder{color:var(--text-3)}.field .btn{border-radius:11px;height:46px;padding:0 18px}@media (max-width:370px){.field{flex-direction:column}.field .btn{width:100%}}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.f-msg{margin-top:8px;font-size:13.5px}.f-msg:empty{display:none}.f-msg.err{color:var(--rose)}.f-msg button{color:var(--accent);text-underline-offset:3px;font-weight:600;text-decoration:underline}.fine{color:var(--text-3);flex-wrap:wrap;gap:6px 14px;margin:12px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.fine li{align-items:center;gap:6px;display:inline-flex}.fine svg{width:13px;height:13px;color:var(--accent)}.shake{animation:.42s shake}.u-done{animation:fadeUp .6s var(--ease)}.u-check{background:var(--accent);width:40px;height:40px;color:var(--accent-ink);border-radius:12px;flex:none;place-items:center;display:grid}.u-check svg{width:20px;height:20px}.boost{border:1px solid var(--line);background:#ffffff09;border-radius:18px;margin-top:18px;padding:16px}.boost-t{justify-content:space-between;gap:10px;font-size:14px;font-weight:600;display:flex}.boost-t span{color:var(--text-3);font-size:12.5px;font-weight:500}.boost-q{color:var(--text-2);margin:12px 0 8px;font-size:13.5px}.chips{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.chip{height:36px;color:var(--text-2);border:1px solid var(--line-2);background:#ffffff0a;border-radius:10px;padding:0 13px;font-size:13.5px;font-weight:500;transition:all .2s}.chip:hover{color:var(--text)}.chip[aria-pressed=true]{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.boost .btn{height:46px;font-size:14.5px}.boost-note{color:var(--text-3);text-align:center;margin-top:8px;font-size:12.5px}.taste{border:1px solid var(--line);background:#ffffff06;border-radius:28px;gap:24px;margin-top:16px;padding:22px;display:grid}@media (min-width:880px){.taste{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:40px;padding:30px 34px}}.kick{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:12.5px;font-weight:600}.t-name{font:800 clamp(30px, 3.6vw, 44px)/1 var(--display);letter-spacing:-.04em;margin:8px 0 10px}.t-desc{color:var(--text-2);max-width:42ch}.t-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.t-actions .btn{height:46px;padding:0 18px;font-size:14.5px}.t-bars{grid-template-columns:repeat(6,1fr);align-items:end;gap:10px;display:grid}.tb{min-width:0;color:var(--text-2);flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex}.tb-col{background:#ffffff0d;border-radius:12px;width:100%;max-width:54px;height:128px;position:relative;overflow:hidden}.tb-col i{background:linear-gradient(0deg, color-mix(in srgb, var(--accent-2) 95%, transparent), var(--accent));height:0;transition:height 1.2s var(--ease);border-radius:12px;position:absolute;bottom:0;left:0;right:0}.tb b{color:var(--text);font-variant-numeric:tabular-nums;font-size:14px}.tb.top .tb-col{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent), 0 0 26px -6px color-mix(in srgb, var(--accent) 45%, transparent)}.tb span{white-space:nowrap}@media (max-width:420px){.tb span{font-size:10.5px}.tb-col{height:104px}}.section{padding:clamp(72px,10vw,128px) 0 0}.s-head{max-width:760px;margin-bottom:clamp(30px,5vw,52px)}.h2{font:800 clamp(34px, 5vw, 60px)/1 var(--display);letter-spacing:-.045em;margin:14px 0 16px}.lead{color:var(--text-2);max-width:58ch;font-size:clamp(16px,1.6vw,18.5px);line-height:1.55}.pool-sec{padding-top:clamp(28px,5vw,56px)}.pool-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 32px;margin-bottom:22px;display:flex}.pool-head .h2{max-width:22ch;margin:10px 0 0;font-size:clamp(26px,3.4vw,40px)}.pool-head p{color:var(--text-2);max-width:40ch;font-size:15px}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.track{gap:16px;width:max-content;animation:70s linear infinite marquee;display:flex}.marquee:hover .track{animation-play-state:paused}.mq{flex:none;width:236px;margin:0}.mq-img{aspect-ratio:460/215;background:color-mix(in srgb, var(--c) 40%, #111);border-radius:13px;overflow:hidden;box-shadow:0 0 0 1px #ffffff14}.mq-img img{object-fit:cover;width:100%;height:100%}.mq figcaption{justify-content:space-between;gap:10px;margin-top:10px;font-size:13px;display:flex}.mq figcaption b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.mq figcaption span{color:var(--text-3);flex:none}.how-grid{gap:16px;display:grid}@media (min-width:880px){.how-grid{grid-template-columns:repeat(3,1fr)}}.how-card{border:1px solid var(--line);background:linear-gradient(#ffffff0b,#ffffff04);border-radius:26px;padding:14px 14px 26px}.how-vis{background:radial-gradient(80% 90% at 50% 100%, color-mix(in srgb, var(--accent-2) 18%, transparent), transparent 70%), #00000047;border:1px solid #ffffff0d;border-radius:18px;height:190px;position:relative;overflow:hidden}.how-card .n{font:700 13px var(--display);letter-spacing:.08em;color:var(--accent);margin:22px 12px 0;display:block}.how-card h3{font:700 23px/1.15 var(--display);letter-spacing:-.025em;margin:8px 12px}.how-card p{color:var(--text-2);margin:0 12px;font-size:15px}.mini{aspect-ratio:2/3;border-radius:11px;width:84px;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f,0 18px 30px -12px #000000e6}.mini img{object-fit:cover;width:100%;height:100%}.mini .bdg{border-color:#0006;width:24px;height:24px;bottom:6px;right:6px}.mini .bdg svg{width:12px;height:12px}.v1 .m1 .bdg{left:6px;right:auto}.v1 .m1{transform:translate(-128%,-46%)rotate(-12deg)}.v1 .m2{z-index:2;width:96px;transform:translate(-50%,-54%)}.v1 .m3{transform:translate(28%,-46%)rotate(12deg)}.v2-card{border:1px solid var(--line-2);background:#0f1620e6;border-radius:16px;align-items:center;gap:14px;width:260px;padding:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 40px -20px #000000e6}.v2-card .cap{aspect-ratio:2/3;border-radius:9px;flex:none;width:64px;overflow:hidden}.v2-card .cap img{object-fit:cover;width:100%;height:100%}.v2-lines{flex:1;gap:7px;display:grid}.v2-lines i{background:#ffffff1f;border-radius:5px;height:8px;display:block}.v2-lines i:first-child{background:#ffffff4d;width:80%;height:11px}.v2-lines i:nth-child(2){width:95%}.v2-lines i:nth-child(3){width:70%}.v2-lines .tag{background:color-mix(in srgb, var(--accent) 14%, transparent);width:auto;height:auto;color:var(--accent);border-radius:6px;justify-self:start;padding:3px 7px;font-size:11px;font-style:normal;font-weight:700;display:inline-block}.v3-list{gap:7px;width:270px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.v3-row{border:1px solid var(--line);background:#0f1620e6;border-radius:12px;align-items:center;gap:10px;padding:7px 11px;font-size:12.5px;display:flex}.v3-row:nth-child(2){opacity:.55}.v3-row:nth-child(3){opacity:.28}.v3-row .av{background:var(--accent);border-radius:8px;flex:none;place-items:center;width:26px;height:26px;display:grid}.v3-row .av svg{width:15px;height:15px}.v3-row b{font-size:12.5px;font-weight:600;display:block}.v3-row span{color:var(--text-3);font-size:11.5px}.v3-row .ud{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px;margin-left:auto}.inbox-grid{align-items:center;gap:40px;display:grid}@media (min-width:960px){.inbox-grid{grid-template-columns:1fr 1fr;gap:72px}}.checks{gap:12px;margin:26px 0 32px;padding:0;list-style:none;display:grid}.checks li{color:var(--text-2);align-items:flex-start;gap:12px;font-size:16px;display:flex}.checks svg{width:20px;height:20px;color:var(--accent);flex:none;margin-top:2px}.mail{border:1px solid var(--line-2);width:100%;max-width:520px;box-shadow:0 60px 120px -50px #000000f2, 0 40px 90px -60px color-mix(in srgb, var(--accent-2) 50%, transparent);background:#0e141d;border-radius:24px;justify-self:center;overflow:hidden;transform:rotate(1.4deg)}.mail-top{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 18px;display:flex}.mail-av{background:var(--accent);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.mail-av svg{width:24px;height:24px}.mail-from b{font-size:14.5px;display:block}.mail-from span{color:var(--text-3);font-size:12.5px}.mail-time{color:var(--text-3);margin-left:auto;font-size:12.5px}.mail-subj{font:700 20px/1.25 var(--display);letter-spacing:-.015em;padding:18px 20px 0}.mail-body{padding:14px 20px 22px}.mail-img{aspect-ratio:460/215;background:#222;border-radius:14px;overflow:hidden}.mail-img img{object-fit:cover;width:100%;height:100%}.mail-meta{color:var(--text-2);justify-content:space-between;margin:14px 0 12px;font-size:13px;display:flex}.mail-meta b{color:var(--text);font-weight:600}.mail-body .why li{font-size:13.5px}.mail .btn{width:100%;height:48px;margin-top:16px}.mail-foot{text-align:center;color:var(--text-3);margin-top:12px;font-size:12px}.faq-grid{gap:28px;display:grid}@media (min-width:960px){.faq-grid{grid-template-columns:.75fr 1.25fr;gap:72px}}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font:600 clamp(17px, 1.8vw, 20px)/1.3 var(--display);letter-spacing:-.015em;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.plus{border:1px solid var(--line-2);width:32px;height:32px;transition:transform .35s var(--ease), background .2s, color .2s, border-color .2s;border-radius:50%;flex:none;place-items:center;display:grid}.plus svg{width:14px;height:14px}.faq details[open] .plus{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);transform:rotate(45deg)}.faq details p{color:var(--text-2);max-width:62ch;padding:0 48px 22px 0}.final{isolation:isolate;text-align:center;border:1px solid var(--line-2);background:radial-gradient(60% 80% at 50% 0%, color-mix(in srgb, var(--accent-2) 34%, transparent), transparent 70%), radial-gradient(50% 60% at 50% 120%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 70%), #0b111a;border-radius:34px;margin-top:clamp(72px,10vw,128px);padding:clamp(48px,8vw,96px) clamp(22px,5vw,72px);position:relative;overflow:hidden}.final h2{font:800 clamp(42px, 7.4vw, 96px)/.93 var(--display);letter-spacing:-.05em}.final p{max-width:34ch;color:var(--text-2);margin:18px auto 32px;font-size:clamp(16px,1.8vw,19px)}.final .btn{height:58px;padding:0 28px;font-size:16.5px}.fl{z-index:-1;aspect-ratio:2/3;opacity:.55;border-radius:14px;width:clamp(70px,9vw,120px);position:absolute;overflow:hidden;box-shadow:0 20px 40px -18px #000000e6}.fl img{object-fit:cover;width:100%;height:100%}.fl1{top:14%;left:5%;transform:rotate(-14deg)}.fl2{bottom:-6%;left:12%;transform:rotate(9deg)}.fl3{top:10%;right:6%;transform:rotate(12deg)}.fl4{bottom:-8%;right:13%;transform:rotate(-8deg)}@media (max-width:719px){.fl{display:none}}.foot{padding:36px 0 calc(40px + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--text-3);margin-top:clamp(56px,8vw,96px);font-size:13.5px}.foot-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.foot .logo{color:var(--text);font-size:19px}.foot .logo svg{width:24px;height:24px}.foot-links{flex-wrap:wrap;gap:6px 20px;display:flex}.foot-links a{text-decoration:none;transition:color .2s}.foot-links a:hover{color:var(--text)}.foot-links button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;transition:color .2s}.foot-links button:hover{color:var(--text)}.legal{max-width:92ch;margin-top:20px;font-size:12px;line-height:1.6}.sticky{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:40;-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);transition:transform .5s var(--ease);background:#0f1620db;border-radius:18px;align-items:center;gap:12px;padding:9px 9px 9px 14px;display:flex;position:fixed;transform:translateY(160%);box-shadow:0 24px 48px -12px #000000d9}.sticky.show{transform:none}.sticky .u-ico{width:36px;height:36px}.st-t{flex:1;min-width:0;line-height:1.25}.st-t b{font-size:14px;display:block}.st-t span{color:var(--text-2);font-size:12.5px}.sticky .btn{height:44px;padding:0 16px;font-size:14.5px}@media (min-width:1024px){.sticky{display:none}}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:60;border:1px solid var(--line-2);opacity:0;max-width:calc(100% - 32px);transition:opacity .3s, transform .4s var(--ease);pointer-events:none;background:#1a2330;border-radius:14px;padding:12px 18px;font-size:14px;position:fixed;transform:translate(-50%,16px);box-shadow:0 20px 40px -12px #000c}.toast.show{opacity:1;transform:translate(-50%)}body.has-sticky .toast{bottom:calc(92px + env(safe-area-inset-bottom))}.consent{--from:-14px;left:12px;right:12px;top:calc(10px + env(safe-area-inset-top));z-index:70;color:var(--text-2);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border:1px solid var(--line-2);animation:consent-in .5s var(--ease) both;background:#0f1620eb;border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 12px 12px 16px;font-size:13.5px;line-height:1.45;display:flex;position:fixed;box-shadow:0 24px 48px -12px #000000d9}.consent p{flex:240px;margin:0}.consent b,.consent a{color:var(--text)}.consent-btns{gap:8px;margin-left:auto;display:flex}.consent .btn{border-radius:12px;min-width:92px;height:40px;padding:0 16px;font-size:14px}@keyframes consent-in{0%{opacity:0;transform:translateY(var(--from))}}@media (min-width:1024px){.consent{--from:14px;max-width:420px;inset:auto auto 24px 24px}}dialog.lb{background:0 0;border:0;width:min(1200px,94vw);max-width:none;padding:0;overflow:visible}dialog.lb::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04070ce0}dialog.lb img{border-radius:16px;width:100%;box-shadow:0 40px 100px -30px #000}.lb-x{background:#ffffff1a;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:-50px;right:0}.lb-x svg{width:16px;height:16px}.rise{opacity:0;animation:rise .75s var(--ease) forwards;animation-delay:calc(var(--i,0) * 75ms + .12s)}.flip{animation:flip 1.1s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes flip{0%{opacity:0;transform:perspective(1100px)rotateY(-78deg)scale(.9)}55%{opacity:1}to{opacity:1;transform:none}}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent)}70%{box-shadow:0 0 0 8px color-mix(in srgb, var(--accent) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 0%, transparent)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{to{top:100%}}@keyframes marquee{to{transform:translate(calc(-50% - 8px))}}@keyframes wiggle{0%,to{transform:none}22%{transform:translate(-16px)rotate(-3.5deg)}48%{transform:translate(16px)rotate(3.5deg)}72%{transform:translate(-6px)rotate(-1.2deg)}}@keyframes shake{0%,to{transform:none}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.track{animation:none!important}.marquee{overflow-x:auto}}.tz-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 16px;display:grid}.tz{aspect-ratio:2/3;background:#162030;border-radius:11px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff12}.tz img{object-fit:cover;filter:blur(8px)saturate(1.3)brightness(.75);width:100%;height:100%;transform:scale(1.15)}.tz-more{text-align:center;background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 16%, transparent), color-mix(in srgb, var(--accent-2) 14%, transparent));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent);place-content:center;display:grid}.tz-more b{font:800 26px/1 var(--display);letter-spacing:-.03em;color:var(--accent)}.tz-more span{color:var(--text-2);margin-top:4px;font-size:12px}@media (max-width:719px){.tz-grid{grid-template-columns:repeat(6,1fr);gap:6px}.tz{border-radius:8px}.tz-more b{font-size:17px}.tz-more span{font-size:10px}}.ml{border:1px solid var(--line-2);background:#0d141d99;border-radius:28px;margin-top:16px;padding:22px}@media (min-width:720px){.ml{padding:28px}}.ml-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 24px;margin-bottom:18px;display:flex}.ml-title{font:800 clamp(26px, 3vw, 36px)/1 var(--display);letter-spacing:-.035em;margin-top:6px}.ml-filters{flex-wrap:wrap;gap:8px;display:flex}.ml-grid{gap:12px;display:grid}@media (min-width:720px){.ml-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.ml-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.mc{color:inherit;transition:transform .25s var(--spring), background .2s, border-color .2s;animation:fadeUp .5s var(--ease) both;animation-delay:var(--d,0s);background:#ffffff09;border:1px solid #ffffff12;border-radius:18px;grid-template-columns:78px minmax(0,1fr);gap:14px;padding:12px;text-decoration:none;display:grid;position:relative}.mc:hover{border-color:color-mix(in srgb, var(--accent) 35%, transparent);background:#ffffff0f;transform:translateY(-2px)}.mc-cap{aspect-ratio:2/3;background:#162030;border-radius:10px;width:78px;overflow:hidden;box-shadow:0 0 0 1px #ffffff14}.mc-cap img{object-fit:cover;width:100%;height:100%}.mc-body{flex-direction:column;gap:5px;min-width:0;display:flex}.mc-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mc-name{min-width:0;font:700 16px/1.25 var(--display);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mc-pct{color:var(--accent);flex:none;font-size:12.5px;font-weight:700}.mc-genre{color:var(--text-3);font-size:12px}.mc-why{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.mc-why b{color:var(--text);font-weight:600}.mc-meta{color:var(--text-2);flex-wrap:wrap;gap:4px 10px;margin-top:auto;padding-right:22px;font-size:12px;display:flex}.mc-meta span{align-items:center;gap:4px;display:inline-flex}.mc-meta svg{width:12px;height:12px}.mc-price{color:var(--text);font-weight:600}.mc-price em{color:var(--sale);background:var(--sale-bg);border-radius:5px;margin-left:5px;padding:1px 5px;font-size:11px;font-style:normal;font-weight:700}.mc-go{color:var(--text-3);transition:color .2s;position:absolute;bottom:12px;right:12px}.mc:hover .mc-go{color:var(--accent)}.mc-go svg{width:14px;height:14px}.ml-empty{color:var(--text-3);padding:12px 0;font-size:14px}.m-error{text-align:center;max-width:320px;color:var(--text-2);justify-items:center;gap:14px;display:grid}.bdg.played{background:var(--steel);color:var(--accent-ink)}.steam-on{background:color-mix(in srgb, var(--accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.steam-av{object-fit:cover;border-radius:10px;flex:none;width:40px;height:40px;box-shadow:0 0 0 1px #ffffff1f}.steam-t{flex:1;gap:2px;min-width:0;line-height:1.3;display:grid}.steam-t b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.steam-t span{color:var(--text-2);font-size:12.5px}.steam-off{color:var(--text-3);text-underline-offset:3px;flex:none;font-size:12.5px;font-weight:500;text-decoration:underline}.steam-off:hover{color:var(--text)}.steam-warn{color:var(--text-2);background:#ffc34d14;border:1px solid #ffc34d4d;border-radius:14px;padding:12px;font-size:13.5px;line-height:1.45}.steam-warn b{color:var(--text)}.steam-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.steam-actions .btn{height:40px;padding:0 14px;font-size:13.5px}.picks-on{background:color-mix(in srgb, var(--accent) 7%, transparent);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);border-radius:16px;margin-top:16px;padding:14px}.picks-on p{color:var(--text-2);margin-bottom:12px;font-size:13.5px;line-height:1.45}.picks-on b{color:var(--text)}.picks-on .btn{height:46px;font-size:14.5px}