@font-face{font-family:"Rubik";src:url("/assets/fonts/rubik-latin-wght.woff2") format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:"Literata";src:url("/assets/fonts/literata-latin-wght.woff2") format("woff2");font-weight:200 900;font-display:swap}@font-face{font-family:"Plus Jakarta Sans";src:url("/assets/fonts/plus-jakarta-sans-latin-wght.woff2") format("woff2");font-weight:200 800;font-display:swap}:root{--primary-seed:#2E6B4D;--secondary-seed:#E5A93C;--tertiary-seed:#882D3B;--neutral-seed:#1C2822;--primary-0:#000000;--primary-10:#012213;--primary-20:#0A3924;--primary-30:#1C5138;--primary-40:#2D6A4C;--primary-50:#4D8266;--primary-60:#6B9A80;--primary-70:#8AB29B;--primary-80:#A9CBB7;--primary-90:#C9E5D4;--primary-95:#D9F2E3;--primary-100:#FFFFFF;--secondary-0:#000000;--secondary-10:#261904;--secondary-20:#3F2C0A;--secondary-30:#5A4012;--secondary-40:#77561B;--secondary-50:#946C24;--secondary-60:#B3842D;--secondary-70:#D49C37;--secondary-80:#F0B654;--secondary-90:#FFD696;--secondary-95:#FFE7C3;--secondary-100:#FFFFFF;--tertiary-0:#000000;--tertiary-10:#3B000D;--tertiary-20:#58101F;--tertiary-30:#772331;--tertiary-40:#933C47;--tertiary-50:#A85961;--tertiary-60:#BE767C;--tertiary-70:#D39498;--tertiary-80:#E8B1B4;--tertiary-90:#FCD0D2;--tertiary-95:#FFE3E4;--tertiary-100:#FFFFFF;--neutral-0:#000000;--neutral-10:#131F19;--neutral-20:#27332D;--neutral-30:#3C4942;--neutral-40:#536059;--neutral-50:#6A7871;--neutral-60:#83918A;--neutral-70:#9CABA3;--neutral-80:#B7C6BE;--neutral-90:#D2E1D9;--neutral-95:#DFEFE7;--neutral-100:#FFFFFF;--paper-50:#FBF6EA;--paper-100:#F2E9D0;--paper-200:#E6DABA;--color-bg:var(--paper-50);--color-surface:#FFFFFF;--color-surface-muted:var(--paper-100);--color-border:var(--paper-200);--color-text:var(--neutral-seed);--color-text-muted:var(--neutral-40);--color-heading:var(--primary-20);--color-link:var(--primary-30);--color-action:var(--primary-30);--color-action-hover:var(--primary-20);--color-on-action:#FFFFFF;--color-accent:var(--secondary-seed);--color-on-accent:var(--neutral-seed);--color-cta:var(--tertiary-seed);--color-cta-hover:var(--tertiary-20);--color-on-cta:#FFFFFF;--color-inverted:var(--neutral-seed);--color-on-inverted:#FFFFFF;--color-label:var(--tertiary-seed);--color-focus:var(--neutral-seed);--color-track:var(--neutral-95);--font-head:"Rubik",system-ui,sans-serif;--font-body:"Plus Jakarta Sans",system-ui,sans-serif;--font-serif:"Literata","Iowan Old Style","Charter","Georgia",serif;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:clamp(1.25rem,1.1rem + 0.6vw,1.5rem);--text-hero:clamp(2rem,1.3rem + 3vw,3.5rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-pill:999px;--tap:2.75rem;--shadow-card:0 1px 2px rgb(28 40 34 / 0.08),0 4px 12px rgb(28 40 34 / 0.06);--container:75rem;--gutter:clamp(1rem,4vw,2rem)}*,*::before,*::after{box-sizing:border-box}html{overflow-x:clip;-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}body{margin:0;background:var(--color-bg);color:var(--color-text);font:400 var(--text-base)/1.6 var(--font-body);min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--font-head);color:var(--color-heading);line-height:1.15;margin:0}h1{font-size:var(--text-hero);font-weight:700;letter-spacing:-0.02em}h2{font-size:var(--text-xl);font-weight:600}h3{font-size:var(--text-lg);font-weight:600}p{margin:0 0 var(--space-4)}img{max-width:100%;display:block}a{color:var(--color-link);text-underline-offset:0.2em}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}.container{width:min(100% - 2 * var(--gutter),var(--container));margin-inline:auto}.main{flex:1;padding-block:var(--space-5) var(--space-7)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-3);top:-4rem;z-index:100;background:var(--color-inverted);color:var(--color-on-inverted);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm)}.skip-link:focus{top:var(--space-3)}.prose{max-width:42rem}.prose h1{font-size:clamp(1.75rem,1.4rem + 1.5vw,2.5rem);margin-bottom:var(--space-4)}.prose h2{margin:var(--space-6) 0 var(--space-3)}.prose li{margin-bottom:var(--space-2)}.notice{background:var(--color-surface-muted);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.ad-slot{display:none}.ad-slot[data-active="true"]{display:grid;place-items:center;min-height:15.625rem;margin-block:var(--space-5);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);align-content:center;justify-items:center;gap:var(--space-1);text-align:center;padding:var(--space-4);background:repeating-linear-gradient(135deg,transparent 0 0.75rem,rgb(28 40 34 / 0.03) 0.75rem 1.5rem);clear:both;grid-column:1 / -1}.ad-slot__tag{font:600 0.7rem/1 var(--font-head);letter-spacing:0.12em;text-transform:uppercase}.ad-slot__where{font-size:0.8rem}@media (max-width:47.99rem){body{padding-bottom:5rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-5);font:600 var(--text-base)/1 var(--font-head);border:2px solid transparent;border-radius:var(--radius-pill);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color 0.15s,color 0.15s}.btn--primary{background:var(--color-action);color:var(--color-on-action)}.btn--primary:hover{background:var(--color-action-hover)}.btn--secondary{background:var(--color-accent);color:var(--color-on-accent)}.btn--secondary:hover{background:var(--secondary-80)}.btn--inverted{background:var(--color-inverted);color:var(--color-on-inverted)}.btn--inverted:hover{background:var(--neutral-20)}.btn--outlined{background:transparent;color:var(--color-text);border-color:var(--color-text)}.btn--outlined:hover{background:var(--color-surface-muted)}.btn--cta{background:var(--color-cta);color:var(--color-on-cta)}.btn--cta:hover{background:var(--color-cta-hover)}.icon-btn{display:inline-grid;place-items:center;flex:none;width:var(--tap);height:var(--tap);padding:0;border-radius:50%;border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer}.icon-btn:hover{background:var(--color-surface-muted)}.icon-btn[aria-pressed="true"]{background:var(--color-cta);border-color:var(--color-cta);color:var(--color-on-cta)}.icon-btn[aria-pressed="true"] svg{fill:currentColor}.icon{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.site-header{padding-block:var(--space-4)}.site-header .container{display:flex;align-items:center;gap:var(--space-5)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-heading);font:700 1.5rem/1 var(--font-head)}.brand__mark{width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);background:var(--primary-40);flex:none}.brand__text{display:grid;gap:0.3rem;min-width:0}@media (min-width:62rem){.brand__text{white-space:nowrap}}.brand__tag{display:none;font:500 0.75rem/1 var(--font-head);letter-spacing:0.1em;text-transform:uppercase;color:var(--color-text-muted)}.brand__tag:empty{display:none !important}.site-nav{display:none;margin-inline:auto;gap:var(--space-5)}.site-nav a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap);font:500 var(--text-base) var(--font-head);color:var(--color-text);text-decoration:none;border-bottom:3px solid transparent}.site-nav a[aria-current="page"]{border-bottom-color:var(--color-action);font-weight:600}.site-nav a{background:linear-gradient(var(--color-action),var(--color-action)) no-repeat 0 100% / 0 3px}.site-nav a:hover,.site-nav a:focus-visible{color:var(--color-action);background-size:100% 3px}.site-nav a:active{color:var(--primary-20,var(--color-action))}@media (prefers-reduced-motion:no-preference){.site-nav a{transition:color 0.2s ease,background-size 0.28s cubic-bezier(0.2,0.8,0.25,1)}.site-nav a:hover .nav-dot{animation:nav-beat 0.6s ease-in-out}@keyframes nav-beat{30%{transform:scale(1.35)}60%{transform:scale(0.95)}}}.nav-dot{display:inline-flex;width:1rem;height:1rem;flex:none}.nav-dot svg{width:100%;height:100%;fill:var(--secondary-60,#E5A93C);stroke:#b9821c;stroke-width:1.6;stroke-linejoin:round}.nav-dot[hidden]{display:none}.nav-honey,.lucky{display:none !important}.nav-count{font:600 var(--text-sm) var(--font-head);padding:0.1rem 0.6rem;border-radius:var(--radius-pill);background:var(--secondary-90);color:#6b4a12}.lucky{align-items:center;gap:var(--space-2);padding:0.55rem 1rem;border-radius:var(--radius-pill);background:var(--primary-95);color:var(--primary-30);font:500 var(--text-sm) var(--font-head);white-space:nowrap}.lucky i{width:0.6rem;height:0.6rem;border-radius:50%;background:var(--primary-60,#5aa882)}@media (max-width:29.99rem){.site-header .container{gap:var(--space-3)}.brand{font-size:1.25rem;gap:var(--space-2)}.brand__mark{width:2rem;height:2rem}}@media (min-width:48rem){.site-nav{display:flex}}.site-header{position:relative}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);margin-left:var(--space-2);padding:0;border:2px solid var(--color-border);border-radius:var(--radius-md,0.75rem);background:var(--color-surface);color:var(--color-heading);cursor:pointer;flex:none}.nav-toggle svg{width:1.4rem;height:1.4rem}.nav-toggle .nav-toggle__close{display:none}.nav-toggle[aria-expanded="true"] .nav-toggle__close{display:block}.nav-toggle[aria-expanded="true"] .nav-toggle__open{display:none}.site-header .btn{margin-left:auto}@media (max-width:47.99rem){.site-nav{display:flex;visibility:hidden;opacity:0;transform:translateY(-0.75rem);transition:opacity 0.25s ease,transform 0.3s cubic-bezier(0.2,0.8,0.25,1),visibility 0s linear 0.3s;position:absolute;z-index:20;top:100%;left:var(--space-4);right:var(--space-4);flex-direction:column;gap:0;margin:0;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.site-nav.is-open{visibility:visible;opacity:1;transform:none;transition-delay:0s}@media (prefers-reduced-motion:reduce){.site-nav{transition:none}}.site-nav a{padding:0 var(--space-4);border-bottom:0;border-radius:var(--radius-md,0.75rem);background-image:none}.site-nav a:hover,.site-nav a:focus-visible{background-color:var(--primary-95)}.site-nav a[aria-current="page"]{background:var(--primary-95);color:var(--primary-30)}}@media (max-width:29.99rem){.site-header .btn .btn__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.site-header .btn{padding:0;width:var(--tap);justify-content:center}}@media (min-width:48rem){.nav-toggle{display:none}.site-header .btn{margin-left:0}}.site-footer{border-top:1px solid var(--color-border);padding-block:var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted)}.site-footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3) var(--space-5)}.site-footer ul{display:flex;flex-wrap:wrap;gap:0 var(--space-4);list-style:none;margin:0;padding:0}.site-footer a{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);min-width:var(--tap);color:var(--color-text)}.bottom-nav{position:fixed;inset:auto var(--space-3) var(--space-3);z-index:50;display:flex;justify-content:space-around;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-card)}.bottom-nav a{display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:50%;color:var(--color-text);text-decoration:none}.bottom-nav a[aria-current="page"]{background:var(--color-action);color:var(--color-on-action)}@media (min-width:48rem){.bottom-nav{display:none}}.search{display:flex;align-items:center;gap:var(--space-2);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-pill);padding:0.25rem 0.25rem 0.25rem var(--space-4)}.search:focus-within{border-color:var(--color-focus)}.search input{flex:1;min-width:0;min-height:var(--tap);border:0;background:transparent;font:inherit;color:var(--color-text)}.search input:focus{outline:none}.search input::placeholder{color:var(--color-text-muted);opacity:1}.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);align-items:start}@media (min-width:75rem){.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--space-6)}}.hero__lead{font-size:var(--text-lg);color:var(--color-text-muted);margin-top:var(--space-3)}.hero .search{margin-block:var(--space-4)}.hero__stage{display:grid;gap:var(--space-4);justify-items:center}.hero__pal{position:relative;width:min(13rem,60%)}.hero__pal .pal{display:block;width:100%;aspect-ratio:480 / 566}.hero__say{margin:0 0 var(--space-3);width:max-content;max-width:min(18rem,calc(100vw - 2rem));margin-inline:auto;flex:none}.gotd-hand{display:flex;gap:var(--space-3);width:100%;padding:0.5rem 0 var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;perspective:1400px}.gotd-hand .gotd{flex:0 0 min(78%,19rem);scroll-snap-align:center}.gotd-hand .gotd__body p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero__stage .spark{display:none}@media (min-width:75rem){.hero__stage{position:relative;display:block;aspect-ratio:100 / 124;isolation:isolate}.hero__stage::before{content:"";position:absolute;z-index:-1;right:-4%;bottom:0;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--secondary-90),transparent 72%);opacity:0.75}.hero__pal{position:static;width:auto}.hero__pal .pal{position:absolute;right:4%;bottom:36%;width:48%}.hero__say{position:absolute;top:0;right:0;left:auto;margin:0;width:48%;max-width:none;text-align:left;z-index:2}.hero__say::after{content:"";position:absolute;right:36%;bottom:-0.55rem;width:0.9rem;height:0.9rem;background:var(--color-surface);border:solid var(--paper-100,#E8E1C9);border-width:0 2px 2px 0;transform:rotate(45deg)}.gotd-hand{position:absolute;left:-38%;bottom:0;width:100%;padding:0;overflow:visible;scroll-snap-type:none;gap:0;align-items:flex-end;z-index:1}.gotd-hand .gotd{flex:0 0 37.4%;margin-left:-8%;box-shadow:0 14px 30px -12px rgb(28 40 34 / 0.35);transition:transform 0.25s ease,flex-basis 0.25s ease,margin-right 0.25s ease}.gotd-hand .gotd:first-child{margin-left:0;transform:rotate(-5deg)}.gotd-hand .gotd:nth-child(2){z-index:2;transform:rotate(-0.5deg) translateY(-8px)}.gotd-hand .gotd:nth-child(3){z-index:3;transform:rotate(4deg)}.gotd-hand .gotd:hover,.gotd-hand .gotd:focus-within{z-index:5;transform:rotate(0deg) translateY(-8px);flex-basis:48%;margin-right:-10.6%;box-shadow:var(--shadow-card-hover,0 22px 40px -14px rgb(28 40 34 / 0.45))}.gotd-hand .gotd:hover .gotd__body p,.gotd-hand .gotd:focus-within .gotd__body p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--text-sm)}.gotd-hand .gotd__body p{display:none}.gotd-hand .gotd .art{aspect-ratio:1 / 1;object-fit:cover;transition:aspect-ratio 0.25s ease}.gotd-hand .gotd:hover .art,.gotd-hand .gotd:focus-within .art{aspect-ratio:5 / 4}.hero__stage .gotd__body{padding:var(--space-3) var(--space-3) var(--space-3)}.hero__stage .gotd__body h2{font-size:var(--text-lg)}.hero__stage .spark{display:block}.hero__stage .spark--1{top:26%;right:3%;left:auto}.hero__stage .spark--2{top:44%;right:-1%}.hero__stage .spark--3{top:18%;right:34%}}.pal{position:relative;flex:none;width:5.5rem;aspect-ratio:480 / 574}.pal{transform-origin:50% 100%;animation:pal-breathe 5s ease-in-out infinite}@keyframes pal-breathe{50%{transform:scale(1.012,1.02)}}.pal img{position:absolute;inset:0;width:100%;height:100%}.pal__blink,.pal__wave,.pal__wave2,.pal__look,.pal__open,.pal__think,.pal__clap{opacity:0}.pal__calm{animation:pal-calm 12s steps(1,end) infinite}@keyframes pal-calm{0%,100%{opacity:1}36%{opacity:0}47%{opacity:1}72%{opacity:0}90%{opacity:1}}.pal__blink{animation:pal-blink 12s steps(1,end) infinite}.pal__wave{animation:pal-wave 12s steps(1,end) infinite}.pal__wave2{animation:pal-wave2 12s steps(1,end) infinite}.pal__look,.pal__open{animation:pal-look 12s steps(1,end) infinite}@keyframes pal-look{0%,100%{opacity:0}36%{opacity:1}47%{opacity:0}}@keyframes pal-blink{0%,100%{opacity:0}24%{opacity:1}25.5%{opacity:0}52%{opacity:1}53.5%{opacity:0}}@keyframes pal-wave{0%,100%{opacity:0}72%{opacity:1}76%{opacity:0}80%{opacity:1}84%{opacity:0}88%{opacity:1}90%{opacity:0}}@keyframes pal-wave2{0%,100%{opacity:0}76%{opacity:1}80%{opacity:0}84%{opacity:1}88%{opacity:0}}.art{position:relative;aspect-ratio:4 / 3;width:100%;object-fit:cover;display:grid;place-items:center;overflow:hidden;font:600 var(--text-sm) var(--font-head);letter-spacing:0.1em;text-transform:uppercase;color:var(--primary-10);background:var(--primary-95)}img.art{height:auto}.art[data-tone="1"]{background:var(--secondary-95)}.art[data-tone="2"]{background:#D8E4EC}.art[data-tone="3"]{background:var(--tertiary-95)}.art[data-tone="4"]{background:#E4E1F0}.gotd{position:relative;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transform-style:preserve-3d}.gotd__front{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;backface-visibility:hidden}.gotd__back{position:absolute;inset:0;display:grid;place-items:center;border-radius:var(--radius-lg);background:var(--primary-40);border:3px solid var(--primary-30);box-shadow:inset 0 0 0 5px rgb(255 255 255 / 0.18);backface-visibility:hidden;transform:rotateY(180deg)}.gotd__back svg{width:28%;max-width:5rem;fill:none;stroke:var(--primary-90);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.gotd .art{aspect-ratio:16 / 9}.gotd__body{padding:var(--space-4) var(--space-5) var(--space-5)}.gotd__body h2{margin-block:var(--space-2);font-size:var(--text-xl)}.gotd__actions{display:flex;align-items:center;gap:var(--space-3)}.pill-label{display:inline-block;padding:0.15rem 0.75rem;border-radius:var(--radius-pill);background:var(--primary-95);color:var(--primary-10);font:600 0.75rem/1.6 var(--font-head);letter-spacing:0.08em;text-transform:uppercase}.grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}@media (min-width:40rem){.grid{grid-template-columns:repeat(3,1fr);gap:var(--space-5)}}@media (min-width:62rem){.grid{grid-template-columns:repeat(4,1fr)}}.card{position:relative;background:var(--color-surface);border:2px solid var(--color-border);border-radius:1.75rem;overflow:hidden;height:100%;display:flex;flex-direction:column}.card__art{position:relative;overflow:hidden}.card__art .art{display:block;width:100%}.card__body{padding:var(--space-4) var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.card__title{font-size:var(--text-xl,1.5rem);margin:0}.card__title a{color:var(--color-heading);text-decoration:none}.card__title a::after{content:"";position:absolute;inset:0}.card__desc{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card__foot{margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.card__cat{font:500 var(--text-sm) var(--font-body,inherit);color:var(--color-text-muted)}.card__play{padding:0.5rem 1rem;border-radius:var(--radius-md);background:var(--color-surface-muted);font:600 var(--text-sm) var(--font-head);color:var(--color-heading);transition:background-color 0.2s,color 0.2s}.card__play{white-space:nowrap;flex:none}.card__cat{min-width:0}@media (max-width:39.99rem){.card__foot{flex-direction:column;align-items:stretch;gap:var(--space-2)}.card__play{text-align:center}.card__body{padding:var(--space-3)}}.card:hover{box-shadow:var(--shadow-card)}.card:hover .card__play{background:var(--color-action);color:var(--color-on-action)}.card:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.card__title a:focus-visible{outline:none}.card__fav{position:absolute;top:var(--space-2);right:var(--space-2);z-index:2}.picks-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4) var(--space-6);flex-wrap:wrap;margin-block:var(--space-6) var(--space-3)}.picks-head h2{margin:0;font-size:clamp(1.75rem,3vw,2.5rem)}.picks-head__sub{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--text-lg)}.picks-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.picks-meta .results-status{margin:0}.filters{display:none}.chips{display:flex;gap:var(--space-2);flex-wrap:wrap;flex:1}.picks-head .chips{flex:1 1 100%}@media (min-width:62rem){.picks-head .chips{flex:none;justify-content:flex-end}}.chip{min-height:var(--tap);padding:0 var(--space-4);border-radius:var(--radius-pill);border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font:500 var(--text-base) var(--font-head);cursor:pointer}.chip{display:inline-flex;align-items:center;gap:var(--space-2)}.chip .icon{width:1.15rem;height:1.15rem}.chip:hover{background:var(--color-surface-muted)}.chip[aria-pressed="true"]{background:var(--color-action);border-color:var(--color-action);color:var(--color-on-action)}.sort{display:flex;align-items:center;gap:var(--space-2);font:500 var(--text-sm) var(--font-head)}.sort select{min-height:var(--tap);padding:0 var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit}.results-status{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 var(--space-3)}.empty{text-align:center;padding:var(--space-6) 0;color:var(--color-text-muted)}.trust{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-6);margin-top:var(--space-6);padding:var(--space-4);background:var(--color-surface-muted);border-radius:var(--radius-lg);font:500 var(--text-base) var(--font-head);color:var(--color-heading);list-style:none}.progress{height:0.5rem;border-radius:var(--radius-pill);background:var(--color-track);overflow:hidden}.progress>span{display:block;height:100%;border-radius:inherit;background:var(--color-action);transition:width 0.3s}html:not(.js) .js-only{display:none}.card__fav{position:absolute;top:var(--space-2);right:var(--space-2);z-index:2}.breadcrumb{font:600 var(--text-base) var(--font-head);color:var(--color-text-muted);margin-bottom:var(--space-3)}.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-3);margin:0;padding:0;list-style:none}.breadcrumb li{display:inline-flex;align-items:center;gap:var(--space-3)}.breadcrumb li + li::before{content:"";width:0.5rem;height:0.5rem;border:solid currentColor;border-width:2px 2px 0 0;transform:rotate(45deg);opacity:0.7;margin-right:0.2rem}.breadcrumb a{display:inline-flex;align-items:center;min-height:var(--tap);color:inherit;text-decoration:none}.breadcrumb a:hover{color:var(--color-heading);text-decoration:underline}.breadcrumb li:first-child a{text-decoration:underline;text-underline-offset:0.2em}.breadcrumb [aria-current="page"]{color:var(--primary-30);font-weight:700}.game-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.game-lazy{text-align:center;margin-bottom:var(--space-5)}.game-copy{margin-top:var(--space-6)}.similar{margin-top:var(--space-7)}.similar h2{margin-bottom:var(--space-4)}.pages-note{color:var(--color-text-muted)}.confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:200}dialog.result{border:0;border-radius:var(--radius-lg);padding:var(--space-5);width:min(92vw,24rem);text-align:center;background:var(--color-bg);color:var(--color-text);box-shadow:0 12px 40px rgb(28 40 34 / 0.35)}dialog.result::backdrop{background:rgb(28 40 34 / 0.55)}dialog.result img{width:auto;height:auto;max-height:15rem;margin:0 auto var(--space-3);border-radius:var(--radius-md)}dialog.result h2{margin-bottom:var(--space-2)}dialog.result .btn{margin-top:var(--space-2)}.sound-toggle[aria-pressed="true"]{background:var(--color-action);border-color:var(--color-action);color:var(--color-on-action)}.sound-toggle .snd-off{display:none}.sound-toggle[aria-pressed="false"] .snd-on{display:none}.sound-toggle[aria-pressed="false"] .snd-off{display:inline-flex}.candy{display:block;margin:0 auto var(--space-2)}.candy__wrap{fill:var(--tertiary-seed)}.candy__body{fill:var(--secondary-seed)}.candy__shine{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;opacity:0.8}dialog.result .candy{animation:candy-bob 1.8s ease-in-out infinite}@keyframes candy-bob{50%{transform:translateY(-4px) rotate(-4deg)}}dialog.result .candy{width:5rem;height:auto}.mascot{position:relative;display:grid;justify-items:center;margin-bottom:var(--space-3)}.mascot img{margin:0}.mascot--live img{max-height:13rem;border-radius:0;transform-origin:50% 100%;animation:mascot-in 0.7s cubic-bezier(0.2,0.9,0.3,1.2) both,mascot-breathe 3.6s ease-in-out 0.7s infinite}.mascot--live::after{content:"";position:absolute;bottom:-0.2rem;width:55%;height:0.7rem;border-radius:50%;background:radial-gradient(closest-side,rgb(28 40 34 / 0.28),transparent);animation:mascot-shadow 3.6s ease-in-out 0.7s infinite}@keyframes mascot-in{from{opacity:0;transform:translateY(28px) scale(0.92)}60%{opacity:1;transform:translateY(-6px) scale(1.02)}to{opacity:1;transform:none}}@keyframes mascot-breathe{50%{transform:scale(1.015,1.03) rotate(-0.8deg)}}@keyframes mascot-shadow{50%{transform:scaleX(0.92);opacity:0.8}}.mascot--cheer .stage{display:grid;transform-origin:50% 100%;animation:mascot-in 0.7s cubic-bezier(0.2,0.9,0.3,1.2) both,mascot-hop 1.5s ease-in-out 0.7s infinite}.mascot--cheer .stage .frame-a,.mascot--cheer .stage .frame-b{grid-area:1 / 1}.mascot--cheer .stage .frame-b{opacity:0}.mascot--cheer .stage .frame-a{animation:frame-a 0.75s steps(1,end) 0.7s infinite}.mascot--cheer .stage .frame-b{animation:frame-b 0.75s steps(1,end) 0.7s infinite}@keyframes frame-a{0%{opacity:1}50%{opacity:0}}@keyframes frame-b{0%{opacity:0}50%{opacity:1}}.mascot--cheer>img{animation:mascot-in 0.7s cubic-bezier(0.2,0.9,0.3,1.2) both,mascot-hop 1.5s ease-in-out 0.7s infinite}.mascot--cheer::after{animation:mascot-shadow-hop 1.5s ease-in-out 0.7s infinite}@keyframes mascot-hop{0%,100%{transform:scale(1.03,0.97)}35%{transform:translateY(-16px) scale(0.98,1.03) rotate(-1.5deg)}65%{transform:translateY(-16px) scale(0.98,1.03) rotate(1.5deg)}85%{transform:scale(1.03,0.97)}}@keyframes mascot-shadow-hop{35%,65%{transform:scaleX(0.7);opacity:0.5}}.spark{position:absolute;width:1.1rem;height:1.1rem;background:var(--secondary-seed);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:twinkle 1.6s ease-in-out infinite}.spark--1{top:6%;left:22%}.spark--2{top:2%;right:24%;width:1.4rem;height:1.4rem;animation-delay:0.5s}.spark--3{top:18%;right:12%;width:0.8rem;height:0.8rem;animation-delay:1s}@keyframes twinkle{0%,100%{transform:scale(0.4) rotate(0);opacity:0.4}50%{transform:scale(1) rotate(25deg);opacity:1}}@media (prefers-reduced-motion:reduce){.pal{animation:none}.pal__calm{animation:none;opacity:1}.pal__blink,.pal__wave,.pal__wave2,.pal__look,.pal__open,.pal__think,.pal__clap{animation:none;opacity:0}.mascot--live img,.mascot--live .stage,.mascot--live::after,.spark,dialog.result .candy{animation:none}.mascot--cheer .stage .frame-a,.mascot--cheer .stage .frame-b{animation:none}.mascot--cheer .stage .frame-b{opacity:0}}.pips{display:flex;gap:0.3rem;margin-top:var(--space-1)}.pips i{width:0.7rem;height:0.7rem;border-radius:50%;border:2px solid var(--secondary-seed);background:transparent;transition:background-color 0.3s calc(var(--i) * 0.08s)}.pips i.on{background:var(--secondary-seed)}dialog.honey-scene{padding:var(--space-4);border:0;border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--color-surface),var(--secondary-95));box-shadow:var(--shadow-card);max-width:96vw;max-height:96vh;overflow:hidden;text-align:center;color:var(--color-text)}dialog.honey-scene::backdrop{background:rgb(28 40 34 / 0.6)}.hs__skip{position:absolute;top:var(--space-3);right:var(--space-3);z-index:3}.hs__fit{margin:var(--space-4) auto 0;position:relative}.hs__world{position:absolute;left:0;top:0;width:560px;height:830px;transform-origin:0 0}.hs__jar{position:absolute;left:100px;top:346px;width:357px;height:484px}.hs__bee{position:absolute;left:188px;top:20px;width:300px;height:450px;z-index:2}.hs__bob{position:absolute;inset:0;animation:hs-bob 1.7s ease-in-out infinite}@keyframes hs-bob{50%{transform:translateY(-9px) rotate(-1.2deg)}}.hs__f{position:absolute;left:0;top:0;opacity:0;user-select:none;pointer-events:none}.hs__f.on{opacity:1}.hs__bee--front{left:-2px;top:-10px}.hs__bee--wave{left:-2px;top:-10px}.hs__bee--back{left:26px;top:-20px}.hs__spark{display:none;width:2rem;height:2rem;z-index:3}.is-pouring .hs__spark{display:block}.hs__spark--1{left:140px;top:400px}.hs__spark--2{left:340px;top:380px;animation-delay:0.5s}.hs__spark--3{left:250px;top:330px;animation-delay:1s}.hs__label{margin:var(--space-3) 0 var(--space-2);font:600 var(--text-lg) var(--font-head);min-height:1.6em}.hs__pips{justify-content:center}@media (prefers-reduced-motion:reduce){.hs__bob{animation:none}}.honey-teaser{--s:0.26;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-4);border:2px solid var(--secondary-90);border-radius:2rem;background:linear-gradient(120deg,var(--secondary-95),var(--color-surface-muted))}.honey-teaser::before{content:"";position:absolute;z-index:-1;inset:0 0 0 45%;opacity:0.9;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2783.14%27%20height%3D%27144%27%20viewBox%3D%270%200%2083.14%20144%27%3E%3Cpath%20d%3D%27M0.00%2C-48.00%20L41.57%2C-24.00%20L41.57%2C24.00%20L0.00%2C48.00%20L-41.57%2C24.00%20L-41.57%2C-24.00Z%20M83.14%2C-48.00%20L124.71%2C-24.00%20L124.71%2C24.00%20L83.14%2C48.00%20L41.57%2C24.00%20L41.57%2C-24.00Z%20M41.57%2C24.00%20L83.14%2C48.00%20L83.14%2C96.00%20L41.57%2C120.00%20L0.00%2C96.00%20L0.00%2C48.00Z%20M0.00%2C96.00%20L41.57%2C120.00%20L41.57%2C168.00%20L0.00%2C192.00%20L-41.57%2C168.00%20L-41.57%2C120.00Z%20M83.14%2C96.00%20L124.71%2C120.00%20L124.71%2C168.00%20L83.14%2C192.00%20L41.57%2C168.00%20L41.57%2C120.00Z%27%20fill%3D%27none%27%20stroke%3D%27%23b3842d%27%20stroke-opacity%3D%27.2%27%20stroke-width%3D%272%27%2F%3E%3C%2Fsvg%3E") 0 0 / 83.14px 144px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 55%);mask-image:linear-gradient(90deg,transparent,#000 55%)}@media (max-width:39.99rem){.honey-teaser{flex-direction:column;align-items:stretch}.ht__fit{align-self:center}.ht__cta .btn{width:100%;justify-content:center}}@media (min-width:40rem){.honey-teaser{--s:0.34;gap:var(--space-6);padding:var(--space-5) var(--space-6)}}.ht__fit{position:relative;flex:none;overflow:hidden;width:calc(560px * var(--s));height:calc(830px * var(--s))}.ht__fit .hs__world{transform:scale(var(--s))}.ht__text{flex:1;min-width:0;max-width:40rem}.ht__text h2{margin:var(--space-2) 0}.ht__lead{margin:0 0 var(--space-4);color:var(--color-text-muted);max-width:34rem}.ht__pill{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;padding:0.3rem 0.9rem 0.3rem 0.7rem;border-radius:var(--radius-pill);background:var(--secondary-90);color:#5b3d0c;font:700 var(--text-sm) var(--font-head);letter-spacing:0.06em;text-transform:uppercase}.ht__star .icon{width:1rem;height:1rem;fill:var(--secondary-70);stroke:#8a5a22}.ht__card{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--secondary-90);border-radius:var(--radius-lg);background:rgb(255 255 255 / 0.75)}.ht__row{display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;align-items:baseline;font-family:var(--font-head)}.ht__lbl{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600;color:#6b4a12}.ht__drop{width:0.9rem;height:1.1rem;background:var(--secondary-70);border-radius:50% 50% 50% 50% / 62% 62% 38% 38%}.ht__row strong{color:var(--primary-30)}.ht__bar{height:0.9rem;margin:var(--space-2) 0;border-radius:var(--radius-pill);background:var(--secondary-95);border:1px solid var(--secondary-90);overflow:hidden}.ht__bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--secondary-80),var(--secondary-70));transition:width 0.8s cubic-bezier(0.2,0.8,0.25,1)}.ht__marks{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-muted)}.ht__level{margin:var(--space-2) 0 0 !important;font-weight:600;font-size:var(--text-sm)}.ht__cta{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.ht__cta .btn{min-height:3.25rem;padding-inline:var(--space-6);box-shadow:0 6px 14px -6px rgb(28 40 34 / 0.5)}.ht__cta .btn .icon{margin-left:var(--space-2)}.ht__cta span{color:var(--color-text-muted);font-size:var(--text-sm)}.game{max-width:34rem;margin-inline:auto}.game__layout{display:grid;gap:var(--space-4)}.game__main{min-width:0}.game__bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-3)}.game__bar .sound-toggle{margin-left:auto}.game__stat{margin:0}.game .progress{margin-bottom:var(--space-4)}.gift{position:absolute;right:-14%;bottom:-2%;width:44%;height:auto;display:none;overflow:visible}.gift__body,.gift__cap{fill:var(--tertiary-seed);stroke:var(--tertiary-20);stroke-width:2}.gift__cap{fill:var(--tertiary-40)}.gift__ribbon{fill:var(--secondary-seed)}.gift__lid{transform-origin:50% 90%;transform-box:fill-box}.pal--game.is-gifting .gift{display:block;animation:gift-drop 0.4s cubic-bezier(0.3,1.4,0.5,1) both,gift-shake 0.5s ease-in-out 0.4s}.pal--game.is-opened .gift__lid{animation:gift-lid 0.7s ease-out forwards}@keyframes gift-drop{from{transform:translateY(-120%) scale(0.7);opacity:0}to{transform:none;opacity:1}}@keyframes gift-shake{20%{transform:rotate(-6deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(4deg)}}@keyframes gift-lid{to{transform:translateY(-130%) rotate(-28deg);opacity:0}}.buddy{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:var(--space-3)}.pal--game{width:4.5rem}.pal--game .pal__wave,.pal--game .pal__wave2{animation:none}.pal--game .pal__calm{animation:game-calm 9s steps(1,end) infinite}@keyframes game-calm{0%,100%{opacity:1}42%{opacity:0}55%{opacity:1}84%{opacity:0}89%{opacity:1}}.pal--game.is-waving .pal__calm{animation:game-hide 1.6s steps(1,end)}.pal--game.is-thinking .pal__calm{animation:game-hide 1.8s steps(1,end)}@keyframes game-hide{0%,99%{opacity:0}}.pal--game.is-waving .pal__look,.pal--game.is-thinking .pal__look,.pal--game.is-clapping .pal__look,.pal--game.is-waving .pal__blink,.pal--game.is-thinking .pal__blink,.pal--game.is-clapping .pal__blink{animation:none;opacity:0}.pal--game.is-clapping .pal__calm{animation:game-clap-calm 0.5s steps(1,end) 4}@keyframes game-clap-calm{0%{opacity:0}50%{opacity:1}}.pal--game .pal__look{animation:game-look 9s steps(1,end) infinite}@keyframes game-look{0%,100%{opacity:0}42%{opacity:1}55%{opacity:0}84%{opacity:1}89%{opacity:0}}.pal--game.is-thinking .pal__think{opacity:1}.pal--game.is-clapping .pal__clap{animation:game-clap 0.5s steps(1,end) 4}@keyframes game-clap{0%{opacity:1}50%{opacity:0}}.pal--game .pal__blink{animation:game-blink 9s steps(1,end) infinite}@keyframes game-blink{0%,100%{opacity:0}18%{opacity:1}19.5%{opacity:0}66%{opacity:1}67.5%{opacity:0}71%{opacity:1}72.5%{opacity:0}}.pal--game.is-waving .pal__wave{animation:game-wave-a 0.8s steps(1,end) 2}@keyframes game-wave-a{0%{opacity:1}50%{opacity:0}}.pal--game.is-waving .pal__wave2{animation:game-wave 0.8s steps(1,end) 2}@keyframes game-wave{0%{opacity:0}50%{opacity:1}}.buddy__say,.hero__say{position:relative;margin:0;padding:var(--space-3) var(--space-4);flex:1;min-height:3.5rem;display:flex;align-items:flex-start;gap:var(--space-3);background:var(--color-surface);border:2px solid var(--paper-100,#E8E1C9);border-radius:1.5rem;box-shadow:0 2px 0 var(--paper-100,#E8E1C9),0 8px 18px -10px rgb(28 40 34 / 0.35);color:var(--color-text)}.bubble__icon{width:1.9rem;height:1.9rem;flex:none;margin-top:0.1rem}.bubble__body{min-width:0}.bubble__text{margin:0;font:600 var(--text-base)/1.35 var(--font-head);color:var(--neutral-10)}.bubble__text::before{content:"\201C"}.bubble__text::after{content:"\201D"}.bubble__who{margin:0.35rem 0 0;font:700 0.72rem/1.2 var(--font-head);letter-spacing:0.08em;text-transform:uppercase;color:var(--primary-30)}.buddy__say::after{content:"";position:absolute;left:-0.55rem;top:1.4rem;width:0.9rem;height:0.9rem;background:var(--color-surface);border:solid var(--paper-100,#E8E1C9);border-width:0 0 2px 2px;transform:rotate(45deg)}@media (min-width:75rem){.hero__say{position:absolute;top:0;right:0;left:auto;margin:0;width:48%;max-width:none;z-index:2}}@media (min-width:56rem){.game{max-width:none}.game__layout{grid-template-columns:minmax(0,36rem) minmax(0,1fr);justify-content:start;align-items:start;gap:var(--space-7)}.buddy{position:sticky;top:var(--space-4);flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-4);padding-top:var(--space-6)}.pal--game{width:min(15rem,100%)}.buddy__say{flex:none;width:100%;max-width:26rem}.buddy__say::after{left:68%;top:auto;bottom:-0.55rem;transform:translateX(-50%) rotate(-45deg);border-width:0 0 2px 2px}}@media (prefers-reduced-motion:reduce){.pal--game.is-gifting .gift{display:none}.pal--game .pal__blink,.pal--game .pal__look{animation:none;opacity:0}.pal--game.is-thinking .pal__think{opacity:0}.pal--game.is-clapping .pal__clap{animation:none}.pal--game.is-waving .pal__wave{animation:none;opacity:0}.pal--game.is-waving .pal__wave2{animation:none}.pal--game .pal__calm,.pal--game.is-thinking .pal__calm,.pal--game.is-waving .pal__calm,.pal--game.is-clapping .pal__calm{animation:none;opacity:1}}.scorecard{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface-muted);border-radius:var(--radius-md)}.scorecard p{margin:0}.scorecard__title{font:600 var(--text-sm) var(--font-head);letter-spacing:0.04em;color:var(--color-text-muted)}.scorecard__meta{font-size:var(--text-sm);color:var(--color-text-muted)}.jar{position:relative;flex:none;width:5rem}.jar img{width:100%;height:auto}.jar__drip{position:absolute;left:50%;top:-0.6rem;margin-left:-0.45rem;fill:var(--secondary-seed);opacity:0}.jar.is-dripping .jar__drip{animation:honey-drip 0.8s ease-in 2}.jar.is-dripping img{animation:jar-bob 0.5s ease-out 0.7s 2;transform-origin:50% 100%}@keyframes honey-drip{0%{transform:translateY(-0.4rem);opacity:1}80%{transform:translateY(1.6rem);opacity:1}100%{transform:translateY(1.9rem);opacity:0}}@keyframes jar-bob{40%{transform:scale(1.06,0.95)}70%{transform:scale(0.98,1.03)}}.honey-note{margin:var(--space-3) auto 0;width:fit-content;padding:var(--space-1) var(--space-4);border-radius:999px;background:var(--secondary-seed);color:var(--neutral-seed,#1C2822);font-weight:700}@media (prefers-reduced-motion:reduce){.pips i{transition:none}.jar.is-dripping .jar__drip,.jar.is-dripping img{animation:none}}.game-tools,.game-options{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-3);align-items:center}.game-group{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.game-group__label{font:600 var(--text-sm) var(--font-head);letter-spacing:0.04em;color:var(--color-text-muted)}.game-tools .btn:disabled{opacity:0.5;cursor:default}.guide{margin-top:var(--space-7,3rem);padding-top:var(--space-6);border-top:1px solid var(--color-border);display:grid;gap:var(--space-5)}.guide h2,.guide h3{color:var(--primary-20,var(--color-heading))}.guide__head h2{margin:var(--space-2) 0 0;font-size:clamp(1.9rem,1.4rem + 2vw,2.75rem)}.guide__head p{margin:var(--space-1) 0 0;color:var(--color-text-muted)}.guide__pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:0.3rem 0.9rem;border-radius:var(--radius-pill);background:var(--primary-95);color:var(--primary-30);font:700 var(--text-sm) var(--font-head);letter-spacing:0.05em;text-transform:uppercase}.guide__top{display:grid;gap:var(--space-5)}.gcard{display:flex;flex-direction:column;padding:var(--space-5);border:1px solid var(--color-border);border-radius:1.75rem;background:var(--color-surface);box-shadow:var(--shadow-card)}.gcard--about{background:var(--color-surface-muted)}.gcard h2,.gtips h2,.gfaq h2{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-4);font-size:var(--text-xl,1.5rem)}.gcard p{margin:0 0 var(--space-3);max-width:46rem}.gicon{display:inline-grid;place-items:center;flex:none;width:2.9rem;height:2.9rem;border-radius:1rem;background:var(--color-border);font-size:1.4rem;line-height:1;font-style:normal}.gicon--gold{background:var(--secondary-95)}.gicon--green{background:var(--primary-40);color:#fff;font:700 1.3rem var(--font-head)}.gchips{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:auto 0 0;padding:var(--space-4) 0 0;border-top:1px solid var(--color-border)}.gchips li{padding:0.3rem 0.9rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);font:500 var(--text-sm) var(--font-head);color:var(--primary-30)}.gsteps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:var(--space-3)}.gsteps li{counter-increment:s;position:relative;margin:0;padding:var(--space-3) var(--space-4) var(--space-3) 3.4rem;border:1px solid var(--color-border);border-radius:1.1rem;background:var(--color-bg)}.gsteps li::before{content:counter(s);position:absolute;left:var(--space-3);top:50%;translate:0 -50%;display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--primary-40);color:#fff;font:700 var(--text-sm) var(--font-head)}.gtips,.gfaq{padding:var(--space-5)}.gtips{border:1px solid var(--color-border);border-radius:1.75rem;background:var(--color-surface-muted)}.gtips__head,.gfaq__head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.gtips__head h2,.gfaq__head h2{margin:0}.gtips__head p,.gfaq__head p{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.gtips__list{list-style:none;margin:0 0 var(--space-4);padding:0;display:grid;gap:var(--space-3)}.gtips__list li{display:flex;gap:var(--space-3);align-items:flex-start;margin:0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:1.1rem;background:var(--color-surface);font-size:var(--text-sm)}.gtips__list li>span:first-child{font-size:1.2rem;line-height:1.3}.gtips__quote{display:flex;gap:var(--space-3);align-items:center;margin:0;padding:var(--space-3) var(--space-4);border:2px solid var(--secondary-70);border-radius:1.1rem;background:var(--color-surface);font-weight:700;font-style:italic}.gfaq{padding-inline:0}.gfaq__grid{display:grid;gap:var(--space-4)}.qa{padding:var(--space-4);border:1px solid var(--color-border);border-radius:1.25rem;background:var(--color-surface)}.qa h3{margin:0 0 var(--space-2);font-size:var(--text-base)}.qa h3 span{color:var(--secondary-40);margin-right:0.2rem}.qa p{margin:0;color:var(--color-text-muted)}@media (min-width:48rem){.gtips__list{grid-template-columns:repeat(3,1fr)}.gfaq__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:56rem){.guide__top{grid-template-columns:1fr 1fr;align-items:stretch}}@media (max-width:61.99rem){.hero__say{width:fit-content;max-width:100%;margin:0 auto var(--space-3);box-sizing:border-box}}.linklike{background:none;border:0;padding:0;min-height:var(--tap);font:inherit;color:var(--color-text);text-decoration:underline;cursor:pointer}.consent{position:fixed;z-index:60;left:var(--space-3);right:var(--space-3);bottom:var(--space-3);max-width:44rem;margin-inline:auto;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:2px solid var(--paper-100,#E8E1C9);border-radius:var(--radius-lg);box-shadow:0 12px 32px -12px rgb(28 40 34 / 0.5);max-height:calc(100vh - 2rem);overflow:auto}@media (max-width:47.99rem){.consent{bottom:5rem}}.consent__title{margin:0 0 var(--space-2);font-size:var(--text-lg)}.consent__text{margin:0 0 var(--space-3);font-size:var(--text-sm)}.consent__buttons,.consent__more{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);align-items:center}.consent__more{flex-direction:column;align-items:stretch;margin-bottom:var(--space-3)}.consent__more[hidden]{display:none}.consent__opt{display:flex;gap:var(--space-3);align-items:flex-start;font-size:var(--text-sm)}.consent__opt input{width:1.4rem;height:1.4rem;margin-top:0.1rem;flex:none;accent-color:var(--color-action)}@media (prefers-reduced-motion:no-preference){.consent{animation:consent-in 0.35s cubic-bezier(0.2,0.8,0.25,1) both}@keyframes consent-in{from{opacity:0;transform:translateY(1rem)}}}.gicon{display:inline-grid;place-items:center;width:2rem;height:2rem;margin-right:var(--space-2);border-radius:0.6rem;background:var(--primary-95);color:var(--primary-30);vertical-align:-0.35rem;flex:none}.gicon .icon{width:1.2rem;height:1.2rem}.gicon:empty{display:none}.gicon--lg{width:2.6rem;height:2.6rem;border-radius:0.8rem;margin-right:var(--space-3);vertical-align:-0.5rem}.gicon--lg .icon{width:1.6rem;height:1.6rem}.card__title a{position:static}.stage{position:relative;isolation:isolate;padding-block:var(--space-5) var(--space-6)}.stage::before{content:"";position:absolute;z-index:-1;top:calc(var(--space-5) * -1);bottom:0;left:calc(50% - 50vw);width:100vw;pointer-events:none;background:url("/assets/img/bg-stage.webp") 0 0 / 100% 100% no-repeat}@media (max-width:47.99rem){.stage::before{background-image:url("/assets/img/bg-stage-m.webp")}}.picks{position:relative;isolation:isolate;padding-block:var(--space-6) var(--space-5);margin-top:var(--space-5)}.picks::before{content:"";position:absolute;z-index:-1;inset-block:0;left:calc(50% - 50vw);width:100vw;pointer-events:none;background:url("/assets/img/bg-picks.webp") 0 0 / 100% 100% no-repeat}@media (max-width:47.99rem){.picks::before{background-image:url("/assets/img/bg-picks-m.webp")}}.picks-head{scroll-margin-top:var(--space-5)}html[lang] h1,html[lang] h2,html[lang] h3,html[lang] .brand__name,html[lang] .card__title a{font-family:var(--font-serif);letter-spacing:-0.01em}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root){animation:160ms ease-out both vt-out}::view-transition-new(root){animation:260ms ease-out both vt-in}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{from{opacity:0}}.js .hero h1 .w{display:inline-block;animation:rise 0.6s cubic-bezier(0.2,0.8,0.25,1) both;animation-delay:calc(var(--i) * 70ms + 60ms)}.js .hero__lead{animation:rise 0.6s cubic-bezier(0.2,0.8,0.25,1) 0.45s both}.js .hero .search{animation:rise 0.6s cubic-bezier(0.2,0.8,0.25,1) 0.6s both}.js .hero__pal .pal{animation:pal-breathe 5s ease-in-out infinite,slide-in 0.8s cubic-bezier(0.2,0.8,0.25,1) 0.3s both}.js .hero__stage .gotd{animation:gotd-pop 0.45s cubic-bezier(0.2,0.9,0.3,1.2) 0.4s both,flip-open 0.65s cubic-bezier(0.3,0.7,0.25,1) 0.95s both,float 7s ease-in-out 1.8s infinite}.js .hero__say{animation:pop-in 0.5s cubic-bezier(0.2,0.9,0.3,1.3) 1s both}@keyframes rise{from{opacity:0;translate:0 0.7em}}@keyframes slide-in{from{opacity:0;translate:2.5rem 0}}@keyframes pop-in{from{opacity:0;scale:0.85}}.js .hero__stage .gotd:nth-child(2){animation-delay:0.55s,1.1s,2s}.js .hero__stage .gotd:nth-child(3){animation-delay:0.7s,1.25s,2.2s}@keyframes gotd-pop{from{scale:0.85}}@keyframes flip-open{from{rotate:y 180deg}60%{rotate:y -12deg}to{rotate:y 0deg}}@keyframes float{50%{translate:0 -6px}}.rv{opacity:0;translate:0 1.4rem;transition:opacity 0.55s ease-out,translate 0.55s cubic-bezier(0.2,0.8,0.25,1);transition-delay:calc(var(--i,0) * 60ms)}.rv.rv-in{opacity:1;translate:none}.grid>li.pop{animation:pop-in 0.4s cubic-bezier(0.2,0.9,0.3,1.2) both;animation-delay:calc(var(--i,0) * 35ms)}.card{transition:box-shadow 0.25s,translate 0.25s cubic-bezier(0.2,0.8,0.25,1)}.card .art,.card img{transition:scale 0.45s cubic-bezier(0.2,0.8,0.25,1)}@media (hover:hover){.card:hover{translate:0 -5px}.card:hover .art,.card:hover img{scale:1.06}}.btn,.chip,.icon-btn{transition:background-color 0.2s,color 0.2s,border-color 0.2s,scale 0.15s,translate 0.2s,box-shadow 0.2s}.btn:active:not(:disabled),.chip:active,.icon-btn:active{scale:0.95}@media (hover:hover){.btn--cta:hover,.btn--primary:hover{translate:0 -2px;box-shadow:0 6px 14px -6px rgb(28 40 34 / 0.45)}}.chip{transition:background-color 0.25s,color 0.25s,border-color 0.25s,scale 0.15s}.js .game__main{animation:rise 0.55s cubic-bezier(0.2,0.8,0.25,1) 0.05s both}.js .game__layout .buddy,.js .game__layout aside{animation:slide-in 0.7s cubic-bezier(0.2,0.8,0.25,1) 0.25s both}.game__stat.bump,.game__stat .bump{animation:bump 0.4s cubic-bezier(0.2,0.9,0.3,1.4)}@keyframes bump{40%{scale:1.18}}.buddy__say.pop-say{animation:say-pop 0.35s cubic-bezier(0.2,0.9,0.3,1.3);transform-origin:70% 100%}@keyframes say-pop{from{scale:0.92}}dialog.result[open]{animation:pop-in 0.35s cubic-bezier(0.2,0.9,0.3,1.2)}dialog.result[open]::backdrop{animation:vt-in 0.3s ease-out}}