.rec-wrap{--rec-accent:var(--is-gold,#F5B53D);--rec-tile:150px;margin:18px 0 0;padding:12px 0 12px 12px;border:1px solid var(--is-wash-3,rgba(255,255,255,.1));border-radius:16px;background:linear-gradient(180deg,#ffffff09,#ffffff03);max-width:1440px;overflow-x:clip}.rec-wrap[hidden]{display:none}.rec-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;padding-right:12px;margin:0 0 8px}.rec-head h3{grid-column:1;min-width:0;margin:0;font-family:var(--font-display,inherit);font-size:.9375rem;line-height:1.25;letter-spacing:-.01em}.rec-sub{grid-column:1 / -1;margin:0;font-size:.6875rem;line-height:1.35;color:var(--muted,#9aa4b2)}.rec-tools{grid-column:2;grid-row:1;display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:nowrap}.rec-tsum{min-width:0;max-width:11ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 7px;border-radius:99px;font-size:.625rem;font-weight:650;border:1px solid color-mix(in srgb,var(--rec-accent) 34%,transparent);background:color-mix(in srgb,var(--rec-accent) 12%,transparent);color:var(--text,#e8ecf1)}.rec-tune-btn,.rec-tclear{flex:0 0 auto;cursor:pointer;font:inherit;font-size:.6875rem;font-weight:650;border-radius:9px;border:1px solid var(--is-wash-4,rgba(255,255,255,.14));background:var(--is-wash-2,rgba(255,255,255,.05));color:var(--text,#e8ecf1);min-height:30px;padding:0 10px}.rec-tclear{width:30px;padding:0;color:var(--muted,#9aa4b2)}.rec-tune-btn:hover,.rec-tclear:hover{border-color:var(--rec-accent)}.rec-tune-btn.is-on{border-color:color-mix(in srgb,var(--rec-accent) 55%,transparent);background:color-mix(in srgb,var(--rec-accent) 15%,transparent)}.rec-tune-btn:focus-visible,.rec-tclear:focus-visible,.rec-tchip:focus-visible,.rec-tapply:focus-visible,.rec-treset:focus-visible{outline:2px solid var(--rec-accent);outline-offset:2px}.rec-menu{grid-column:auto;grid-row:auto;position:relative;flex:0 0 auto}.rec-tune{margin:0 12px 10px 0;padding:10px;border-radius:12px;border:1px solid var(--is-wash-3,rgba(255,255,255,.1));background:var(--is-wash-1,rgba(255,255,255,.025));display:flex;flex-direction:column;gap:9px}.rec-tgroup{display:flex;flex-direction:column;gap:5px;min-width:0}.rec-tlabel{font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#9aa4b2)}.rec-tchips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.rec-tchip{cursor:pointer;font:inherit;font-size:.6875rem;font-weight:600;padding:0 10px;min-height:32px;border-radius:99px;border:1px solid var(--is-wash-4,rgba(255,255,255,.14));background:transparent;color:var(--text,#e8ecf1)}.rec-tchip:hover{border-color:var(--rec-accent)}.rec-tchip.is-on{border-color:color-mix(in srgb,var(--rec-accent) 60%,transparent);background:color-mix(in srgb,var(--rec-accent) 16%,transparent)}.rec-trange{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.rec-trange label{display:inline-flex;align-items:center;gap:6px;font-size:.6875rem;color:var(--muted,#9aa4b2)}.rec-trange input{width:84px;min-height:32px;padding:0 8px;border-radius:8px;border:1px solid var(--is-wash-4,rgba(255,255,255,.16));background:var(--is-wash-2,rgba(255,255,255,.05));color:var(--text,#e8ecf1);font:inherit;font-size:.75rem;font-variant-numeric:tabular-nums}.rec-tfoot{display:flex;gap:8px;align-items:center}.rec-tapply,.rec-treset{cursor:pointer;font:inherit;font-size:.75rem;font-weight:650;min-height:36px;padding:0 14px;border-radius:9px;border:0;background:var(--rec-accent);color:#12100a}.rec-treset{background:transparent;color:var(--text,#e8ecf1);border:1px solid var(--is-wash-4,rgba(255,255,255,.14))}.rec-tnote[hidden]{display:none}.rec-thin{margin:0 12px 8px 0;font-size:.75rem;line-height:1.4;color:var(--muted,#9aa4b2)}@media(max-width:640px){.rec-tchip,.rec-tune-btn,.rec-tclear,.rec-trange input{min-height:44px}.rec-tclear{width:44px}.rec-tapply,.rec-treset{min-height:44px}.rec-tsum{max-width:8ch}}.rec-menu-btn{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:9px;background:transparent;cursor:pointer;color:var(--muted,#9aa4b2);font-size:1.05rem;line-height:1}.rec-menu-btn:hover{background:var(--is-wash-2,rgba(255,255,255,.06));color:var(--text,#e8ecf1)}.rec-menu-pop{position:absolute;right:0;top:calc(100% + 4px);z-index:6;min-width:220px;padding:6px;border-radius:12px;border:1px solid var(--is-wash-4,rgba(255,255,255,.14));background:var(--panel,#151a21);box-shadow:0 12px 28px #00000059}.rec-menu-pop[hidden]{display:none}.rec-menu-pop button{display:block;width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--text,#e8ecf1);cursor:pointer;font:inherit;font-size:.8125rem;text-align:left}.rec-menu-pop button:hover{background:var(--is-wash-2,rgba(255,255,255,.06))}.rec-rail{display:flex;gap:10px;align-items:stretch;max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:2px 12px 8px 0;scrollbar-width:thin}.rec-rail::-webkit-scrollbar{height:6px}.rec-rail::-webkit-scrollbar-thumb{background:var(--is-wash-4,rgba(255,255,255,.16));border-radius:99px}.rec-rail:focus-visible{outline:2px solid var(--rec-accent);outline-offset:3px;border-radius:10px}.rec-tile{position:relative;flex:0 0 var(--rec-tile);width:var(--rec-tile);scroll-snap-align:start;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:13px;border:1px solid var(--is-wash-3,rgba(255,255,255,.08));background:var(--is-wash-1,rgba(255,255,255,.02));transition:opacity .2s ease,transform .2s ease}.rec-tile.is-out{opacity:0;transform:scale(.94)}.rec-x{position:absolute;top:5px;right:5px;z-index:3;width:24px;height:24px;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;border:1px solid var(--is-wash-4,rgba(255,255,255,.16));background:#080a0e9e;color:var(--muted,#9aa4b2);font-size:.6875rem;line-height:1;opacity:.62}.rec-x:hover,.rec-x:focus-visible{opacity:1;color:var(--text,#e8ecf1)}.rec-watch{position:absolute;top:37px;right:5px;z-index:3;width:26px;height:26px;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;border:1px solid var(--is-wash-4,rgba(255,255,255,.16));background:#080a0e9e;color:var(--muted,#9aa4b2);font-size:.8125rem;line-height:1;opacity:.72}.rec-watch:hover,.rec-watch:focus-visible{opacity:1;color:var(--text,#e8ecf1)}.rec-watch.on{opacity:1;color:var(--is-gold,#F5B53D);border-color:color-mix(in oklab,var(--is-gold,#F5B53D) 55%,transparent)}[data-game=op] .rec-watch.on,.rec-wrap[data-rec-game=op] .rec-watch.on{color:var(--is-red,#EE5340)}[data-game=riftbound] .rec-watch.on,.rec-wrap[data-rec-game=riftbound] .rec-watch.on{color:var(--is-violet,#A78BFA)}@media(max-width:640px){.rec-watch,.rec-x{width:30px;height:30px}}.rec-art{position:relative;display:block;border-radius:9px;overflow:hidden;aspect-ratio:3/4;background:var(--is-wash-2,rgba(255,255,255,.05));-webkit-tap-highlight-color:transparent}.rec-art img{display:block;width:100%;height:100%;object-fit:cover}.rec-noart{display:block;width:100%;height:100%;background:var(--is-wash-2,rgba(255,255,255,.06))}.rec-pricebar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;padding:14px 6px 5px;font-variant-numeric:tabular-nums;font-weight:700;font-size:.8125rem;color:#fff;background:linear-gradient(180deg,#06080c00,#06080cdb)}.rec-mv{font-style:normal;font-size:.6875rem;font-weight:650}.rec-mv.up{color:var(--pos,#4ade80)}.rec-mv.dn{color:var(--neg,#f87171)}.rec-mv.flat{color:#cfd6df;font-weight:500}.rec-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:650;font-size:.75rem;line-height:1.25;min-height:2.5em;color:var(--text,#e8ecf1);text-decoration:none}.rec-name:hover{color:var(--rec-accent)}.rec-chip{display:block;font-size:.625rem;line-height:1.3;padding:4px 6px;border-radius:7px;border:1px solid color-mix(in srgb,var(--rec-accent) 32%,transparent);background:color-mix(in srgb,var(--rec-accent) 11%,transparent);color:var(--text,#e8ecf1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rec-cta{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin-top:auto;padding:0 8px;border-radius:9px;font-size:.75rem;font-weight:650;text-decoration:none;white-space:nowrap;background:var(--rec-accent);color:#12100a}.rec-cta:hover{filter:brightness(1.08)}.rec-cta.is-ghost{background:transparent;color:var(--text,#e8ecf1);border:1px solid var(--is-wash-4,rgba(255,255,255,.14))}.rec-all{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-decoration:none;color:var(--muted,#9aa4b2);font-size:.75rem;font-weight:650;border-style:dashed}.rec-all:hover{color:var(--text,#e8ecf1);border-color:var(--rec-accent)}.rec-all-ico{font-size:1.1rem;line-height:1}.rec-wrap.is-off{padding:10px 12px;background:none}.rec-off{margin:0;font-size:.75rem;line-height:1.4;color:var(--muted,#9aa4b2)}.rec-off-btn{border:0;background:transparent;padding:0;cursor:pointer;font:inherit;color:var(--rec-accent);text-decoration:underline}@media(min-width:768px){.rec-wrap{--rec-tile:164px}.rec-head h3{font-size:1rem}.rec-sub{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.rec-tile{transition:none}}.rec-x:after{content:"";position:absolute;inset:-10px;border-radius:50%}@media(max-width:640px){.rec-cta{min-height:44px}}