#homeRail{display:none!important}
.h-hero{margin:14px 0 12px;display:flex;flex-direction:column;gap:10px}
.h-date{font:600 12px/1.2 var(--s-font,system-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--s-ink-2,#5c5348);text-align:center}
.h-sec{font:700 18px/1.2 var(--s-display,Georgia,serif);color:var(--s-ink,#241c14);margin:2px 2px 0}
.h-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.h-pick,.h-cont{border:1px solid rgba(60,40,20,.1);background:var(--s-surface,#fffdf8);color:var(--s-ink,#241c14);border-radius:18px;box-shadow:0 8px 20px rgba(42,36,28,.1);cursor:pointer;font:inherit;touch-action:manipulation;transition:transform .18s cubic-bezier(.34,1.4,.64,1),box-shadow .18s}
.h-pick{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 10px;min-height:44px}
.h-pick .mini{width:52px!important;height:52px!important;border-radius:14px;font-size:20px!important;display:grid;place-items:center}
.h-pick b{font:700 13px/1.2 var(--s-font,system-ui);text-align:center}
.h-pick small,.h-cont small{font:600 11px/1.2 var(--s-font,system-ui);color:var(--s-ink-2,#5c5348)}
.h-cont{display:flex;align-items:center;gap:12px;padding:10px 12px;text-align:left;width:100%}
.h-cont .mini{width:48px!important;height:48px!important;border-radius:12px;font-size:18px!important;flex:0 0 auto;display:grid;place-items:center}
.h-cont span.t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.h-cont span.t b{font:700 16px/1.2 var(--s-display,Georgia,serif)}
.h-cont em{font:700 13px var(--s-font,system-ui);font-style:normal;background:#2a241c;color:#f6efe4;border-radius:999px;padding:10px 16px;flex:0 0 auto}
.h-pick:active,.h-cont:active,.home .card:active{transform:scale(.96)}
.h-tools{display:flex;flex-direction:column;gap:8px;margin:6px 0 10px}
.h-search{width:100%;box-sizing:border-box;min-height:46px;border-radius:14px;border:1px solid rgba(60,40,20,.18);background:var(--s-surface,#fffdf8);color:var(--s-ink,#241c14);padding:0 14px 0 40px;font:600 15px var(--s-font,system-ui);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%235c5348' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='M12.5 12.5L17 17'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:13px 50%}
.h-search::placeholder{color:#6f6558}
.h-chips{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.h-chips::-webkit-scrollbar{display:none}
.h-chip{flex:0 0 auto;border:1px solid rgba(60,40,20,.16);background:var(--s-surface,#fffdf8);color:var(--s-ink,#241c14);border-radius:999px;padding:0 14px;min-height:40px;font:700 13px var(--s-font,system-ui);cursor:pointer;touch-action:manipulation}
.h-chip[aria-pressed=true]{background:#2a241c;color:#f6efe4;border-color:#2a241c}
.h-empty{grid-column:1/-1;text-align:center;padding:24px 8px;color:var(--s-ink-2,#5c5348);font:600 14px var(--s-font,system-ui)}
.h-empty button{margin-top:10px;border:0;border-radius:999px;padding:10px 16px;min-height:44px;background:#2a241c;color:#f6efe4;font:700 13px var(--s-font,system-ui);cursor:pointer}
.cw{position:relative;min-width:0;display:grid;content-visibility:auto;contain-intrinsic-size:auto 210px}
.cw[hidden]{display:none!important}
.cw.pinned{order:-1}
.home .card{transition:transform .18s cubic-bezier(.34,1.4,.64,1),box-shadow .18s;will-change:transform}
.card-meta{display:block;font:600 11px/1.25 var(--s-font,system-ui);color:var(--s-ink-2,#5c5348);margin:2px 4px 0;min-height:14px;font-variant-numeric:tabular-nums}
.pin{position:absolute;top:2px;right:2px;width:44px;height:44px;border:0;background:transparent;border-radius:999px;cursor:pointer;display:grid;place-items:center;z-index:3;touch-action:manipulation}
.pin svg{width:20px;height:20px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.8))}
.pin[aria-pressed=true] svg path{fill:#d9a520;stroke:#8a6100}
body.dark .h-pick,body.dark .h-cont,body.dark .h-search,body.dark .h-chip,body.oled .h-pick,body.oled .h-cont,body.oled .h-search,body.oled .h-chip{background:rgba(30,24,18,.92);color:#f6efe4;border-color:rgba(255,255,255,.12)}
body.dark .h-sec,body.oled .h-sec{color:#f6efe4}
body.dark .h-date,body.dark .card-meta,body.dark .h-pick small,body.dark .h-cont small,body.oled .h-date,body.oled .card-meta,body.oled .h-pick small,body.oled .h-cont small{color:#d8ccb8}
body.dark .h-chip[aria-pressed=true],body.oled .h-chip[aria-pressed=true]{background:#e8c86a;color:#241c14}
body.reduce .h-pick,body.reduce .h-cont,body.reduce .home .card{transition:none}
@media (prefers-reduced-motion:reduce){.h-pick,.h-cont,.home .card{transition:none}}
.hub-streak:empty{min-height:40px;margin:12px 0 4px}
.h-hero{min-height:173px}
html.has-last .h-hero{min-height:var(--hero-last,254px)}
.h-hero:not(:empty){min-height:0}
.home .pill{background:#e2bd4f!important;color:#241c14!important;font-weight:700}
body.dark .home .pill,body.oled .home .pill{background:#e8c86a!important;color:#241c14!important}
.hub-streak{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:12px 0 4px;min-height:40px}
.hub-pill{border:0;border-radius:999px;padding:8px 12px;min-height:40px;font:600 12px var(--s-font,system-ui);background:var(--s-surface,#fff8ec);color:var(--s-ink,#2a241c);box-shadow:var(--s-shadow);display:inline-flex;align-items:center;gap:6px}
.hub-pill b{font-variant-numeric:tabular-nums}
body.dark .h-search,body.oled .h-search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23d8ccb8' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='M12.5 12.5L17 17'/%3E%3C/svg%3E")}
body.dark .h-search::placeholder,body.oled .h-search::placeholder{color:#b8ab96}
.home .brand{text-align:center}
.home .tag,.home .deal{text-align:center}
.home .deal{margin:10px 0 8px}
.home .grid{gap:12px}
.home .card{display:flex!important;flex-direction:column!important;align-items:stretch!important;grid-template-columns:none!important;gap:0!important;padding:0!important;overflow:hidden;position:relative;min-height:196px;border-radius:22px!important;box-shadow:0 14px 28px rgba(80,55,25,.14)!important}
.home .card .mini{width:100%!important;height:96px!important;border-radius:0!important;font-size:36px!important;position:relative}
.home .card .mini:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.18));pointer-events:none}
.home .card > div{padding:10px 12px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.home .card h2{font-size:20px!important;line-height:1.15}
.home .card p{margin:0}
.home .card .pill{position:absolute;top:10px;left:10px;z-index:2;box-shadow:0 4px 10px rgba(0,0,0,.18)}
.home .card .play-cta{margin-top:8px;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:999px;background:#2a241c;color:#f6efe4;font:700 13px/1 var(--s-font,system-ui);letter-spacing:.02em;pointer-events:none}
.home .card:hover{transform:translateY(-3px);box-shadow:0 20px 36px rgba(80,55,25,.2)!important}
.home .card:hover .play-cta{background:#e8c86a;color:#241c14}
.cw{animation:h-rise .5s cubic-bezier(.2,.8,.2,1) both}
.cw:nth-child(1){animation-delay:.02s}.cw:nth-child(2){animation-delay:.06s}.cw:nth-child(3){animation-delay:.1s}.cw:nth-child(4){animation-delay:.14s}.cw:nth-child(5){animation-delay:.18s}.cw:nth-child(6){animation-delay:.22s}
@keyframes h-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
body.reduce .cw,.home.reduce .cw{animation:none}
.h-feature{display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:center;width:100%;text-align:left;border:1px solid rgba(60,40,20,.12);background:radial-gradient(120% 80% at 100% 0%,rgba(232,200,106,.28),transparent 55%),linear-gradient(180deg,#fffdf8,#f3e6cc);color:var(--s-ink,#241c14);border-radius:24px;box-shadow:0 16px 34px rgba(42,36,28,.16);padding:14px;cursor:pointer;font:inherit;touch-action:manipulation}
.h-feature .mini{width:84px!important;height:84px!important;border-radius:20px;font-size:32px!important;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.h-feature .copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.h-feature .kicker{font:700 11px/1.2 var(--s-font,system-ui);letter-spacing:.14em;text-transform:uppercase;color:#8a6100}
.h-feature b.name{font:700 26px/1.05 var(--s-display,Georgia,serif)}
.h-feature .hook{font:600 14px/1.35 var(--s-font,system-ui);color:var(--s-ink-2,#5c5348)}
.h-feature .row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;align-items:center}
.h-feature .go{border:0;border-radius:999px;background:#2a241c;color:#f6efe4;font:700 14px var(--s-font,system-ui);padding:11px 18px;min-height:44px;cursor:pointer}
.h-feature .go:hover{background:#e8c86a;color:#241c14}
.h-surprise{border:1px solid rgba(60,40,20,.16);background:transparent;color:var(--s-ink,#241c14);border-radius:999px;padding:11px 16px;min-height:44px;font:700 13px var(--s-font,system-ui);cursor:pointer}
.h-reset{font:600 12px var(--s-font,system-ui);color:var(--s-ink-2,#5c5348);font-variant-numeric:tabular-nums}
.h-actions{display:flex;gap:8px;flex-wrap:wrap}
.h-pick .play-mini{font:700 10px/1 var(--s-font,system-ui);letter-spacing:.08em;text-transform:uppercase;background:#2a241c;color:#f6efe4;border-radius:999px;padding:5px 8px}
.h-pick:hover{transform:translateY(-2px);box-shadow:0 14px 24px rgba(42,36,28,.16)}
.h-pick:hover .play-mini{background:#e8c86a;color:#241c14}
body.dark .h-feature,body.oled .h-feature{background:radial-gradient(120% 80% at 100% 0%,rgba(232,200,106,.16),transparent 55%),linear-gradient(180deg,#2a241c,#1a1612);color:#f6efe4;border-color:rgba(255,255,255,.1)}
body.dark .h-feature .hook,body.oled .h-feature .hook,body.dark .h-reset,body.oled .h-reset{color:#d8ccb8}
body.dark .h-surprise,body.oled .h-surprise{color:#f6efe4;border-color:rgba(255,255,255,.16)}
body.dark .home .card .play-cta,body.oled .home .card .play-cta{background:#e8c86a;color:#241c14}
@media (min-width:720px){.home .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.h-feature{grid-template-columns:110px 1fr}.h-feature .mini{width:110px!important;height:110px!important;font-size:42px!important}}
@media (max-width:420px){.h-feature{grid-template-columns:72px 1fr;gap:10px;padding:12px}.h-feature .mini{width:72px!important;height:72px!important}.h-feature b.name{font-size:22px}}
