*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--color-lavender: #dccbf5;--color-blush: #fbd9e3;--color-powder: #d3e6f8;--color-cream: #fbf3e3;--color-surface: rgba(255, 255, 255, .6);--color-surface-strong: rgba(255, 255, 255, .78);--color-text: #47414f;--color-text-soft: #8a8394;--color-border: rgba(255, 255, 255, .7)}@media(prefers-color-scheme:dark){:root{--color-lavender: #4a3d6b;--color-blush: #5a3b48;--color-powder: #2f4258;--color-cream: #4a4232;--color-surface: rgba(38, 34, 48, .55);--color-surface-strong: rgba(46, 41, 56, .72);--color-text: #ece7f2;--color-text-soft: #b3abc0;--color-border: rgba(255, 255, 255, .1)}}body{min-height:100dvh;color:var(--color-text);background:linear-gradient(135deg,var(--color-lavender),var(--color-blush) 35%,var(--color-powder) 68%,var(--color-cream));background-attachment:fixed}.page{max-width:80ch;margin-inline:auto;padding:2rem}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dashboard{max-width:1100px;margin-inline:auto;padding:clamp(1.75rem,4vw,3.5rem);display:flex;flex-direction:column;gap:clamp(2.5rem,5vw,3.5rem);animation:fade-in .6s ease both}.dashboard__header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem}.dashboard__eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:500;color:var(--color-text-soft)}.dashboard__header h1{font-size:clamp(2.4rem,6vw,3.4rem);font-weight:600;letter-spacing:-.02em}.dashboard__tagline{max-width:52ch;color:var(--color-text-soft);font-size:1rem;line-height:1.7}.top-pick,.browse{display:flex;flex-direction:column;gap:1.25rem}.top-pick h2,.browse h2{font-size:1.35rem;font-weight:600;text-align:center}.top-pick .game-card--featured{animation:float 7s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.dashboard,.top-pick .game-card--featured{animation:none}}.filter-bar{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;border-radius:28px;background:var(--color-surface);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.filter-bar__goals{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.filter-bar__goals legend{font-size:.8rem;font-weight:500;color:var(--color-text-soft);padding:0}.filter-bar__pills{display:flex;flex-wrap:wrap;gap:.6rem}.pill-button{border:1px solid var(--color-border);background:var(--color-surface-strong);color:var(--color-text);padding:.5rem 1.2rem;border-radius:999px;font-size:.9rem;cursor:pointer;transition:background .3s ease,box-shadow .3s ease,transform .3s ease}.pill-button:hover{transform:translateY(-1px)}.pill-button--active{background:linear-gradient(135deg,var(--color-lavender),var(--color-blush));box-shadow:0 0 0 1px var(--color-border),0 6px 24px -8px var(--color-lavender);font-weight:500}.filter-bar__row{display:flex;flex-wrap:wrap;gap:1rem}.filter-bar__field{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:var(--color-text-soft);flex:1;min-width:10rem}.filter-bar__field select,.filter-bar__field input{border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-strong);color:var(--color-text);padding:.55rem 1.1rem;font-size:.95rem}.filter-bar__field select:focus-visible,.filter-bar__field input:focus-visible,.pill-button:focus-visible{outline:2px solid var(--color-text-soft);outline-offset:2px}.browse__count{text-align:center;color:var(--color-text-soft);font-size:.9rem}.empty-state{text-align:center;color:var(--color-text-soft);padding:2rem}.game-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.game-card{height:100%;display:flex;flex-direction:column;gap:1rem;padding:1.75rem;border-radius:28px;background:var(--color-surface);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 45px -30px #503c6459;transition:box-shadow .4s ease,transform .4s ease}.game-card:hover{box-shadow:0 24px 55px -28px #503c6473}.game-card--featured{padding:2.25rem;box-shadow:0 30px 70px -32px #785aa080}.game-card--lavender{background:linear-gradient(160deg,rgba(220,203,245,.55),var(--color-surface) 60%)}.game-card--blush{background:linear-gradient(160deg,rgba(251,217,227,.55),var(--color-surface) 60%)}.game-card--powder{background:linear-gradient(160deg,rgba(211,230,248,.55),var(--color-surface) 60%)}.game-card--cream{background:linear-gradient(160deg,rgba(251,243,227,.6),var(--color-surface) 60%)}.game-card__top{display:flex;align-items:flex-start;gap:.9rem}.game-card__rank{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;height:2.4rem;border-radius:999px;background:var(--color-surface-strong);border:1px solid var(--color-border);font-weight:600;font-size:.95rem}.game-card__titles{display:flex;flex-direction:column;gap:.3rem}.game-card__name{font-size:1.15rem;font-weight:600}.game-card__genre{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;color:var(--color-text-soft);font-size:.85rem}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:.15rem .65rem;font-size:.72rem;font-weight:500}.pill--soft{background:var(--color-surface-strong);border:1px solid var(--color-border);color:var(--color-text-soft)}.pill--glow{background:linear-gradient(135deg,var(--color-blush),var(--color-lavender));box-shadow:0 0 18px -4px var(--color-blush);color:var(--color-text)}.game-card__blurb{color:var(--color-text-soft);font-size:.9rem;line-height:1.6}.game-card__metrics{display:flex;flex-direction:column;gap:.75rem}.metric__label-row{display:flex;justify-content:space-between;font-size:.8rem;color:var(--color-text-soft)}.metric__track{height:8px;border-radius:999px;background:#00000012;overflow:hidden}@media(prefers-color-scheme:dark){.metric__track{background:#ffffff1a}}.metric__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-lavender),var(--color-blush));transition:width .5s ease}.metric__hint{display:block;font-size:.72rem;color:var(--color-text-soft);margin-top:.2rem}.game-card__fit{font-size:.85rem;color:var(--color-text)}.game-card__fit-label{color:var(--color-text-soft);font-weight:500}.game-card__reasons{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;color:var(--color-text)}.game-card__reasons li{position:relative;padding-left:1.1rem;line-height:1.5}.game-card__reasons li:before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:999px;background:linear-gradient(135deg,var(--color-lavender),var(--color-powder))}