/* rip/page-slim.css — the shorter pack pages (simulator-lib/page_slim.php switch; rip/page-slim.js does the folding).
   Nothing is removed: every section stays, shorter, and the long parts fold behind a tap. Scoped to html.rip-slim, so with the switch off none of
   this loads. The ids are the shared universe template's, so it applies to every universe page. */
html.rip-slim .fp-head{padding:4px 0 0;margin:0 0 6px}
html.rip-slim .fp-head .rip-pagehead__eyebrow{display:none}
html.rip-slim .rip-pagehead__h1{font-size:24px;margin:2px 0 4px}
/* the page's intro sentence stays in the HTML (search) and shows as ONE small line under the title */
/* the full sentence stays in the page for search and screen readers, visually hidden; the short complete line below it is what is shown */
html.rip-slim .fp-head .rip-pagehead__sub.slim-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html.rip-slim .fp-head .slim-sub{margin:0 0 8px;font-size:13px;line-height:1.4;color:var(--rip-mute,#8d97b3);min-height:2.8em}   /* two lines tall on every universe, so the pages line up */
/* Lord race: slimmer; rank and progress stay */
html.rip-slim #rip-lord-race{margin-top:4px}
html.rip-slim #rip-lord-race .lr{padding:8px 12px}
html.rip-slim #rip-lord-race .lr-eye{display:none}
html.rip-slim #rip-lord-race img{max-width:34px;max-height:34px}
/* odds: title and the two numbers stay; the band table folds */
html.rip-slim #op-odds .op-odds__sub,html.rip-slim #op-odds #op-odds-rows{display:none}
html.rip-slim #op-odds.is-open .op-odds__sub,html.rip-slim #op-odds.is-open #op-odds-rows{display:block}
html.rip-slim #op-odds .op-odds__stats{margin:6px 0 4px}
/* streak: header, bar and the next-milestone line stay; the milestone grid, shields and watch-bonus lines fold */
html.rip-slim #sim-streak .rip-streak-card{padding:12px 14px}
html.rip-slim #sim-streak:not(.is-open) .rip-streak-card > div:nth-of-type(n+3),
html.rip-slim #sim-streak:not(.is-open) .rip-streak-card > p:nth-of-type(n+2){display:none}
/* the fold toggles (rip/page-slim.js) */
html.rip-slim .slim-toggle{display:block;width:100%;margin:6px 0 2px;padding:8px 4px;border:0;background:none;color:var(--rip-act,#2ee6d6);font:700 13px/1.2 inherit;font-family:inherit;text-align:center;cursor:pointer}
html.rip-slim .slim-toggle:focus-visible{outline:2px solid var(--rip-act,#2ee6d6);outline-offset:2px;border-radius:8px}
/* stream replay: the thumbnail runs across the top, the title sits under it (Aaron, 5 Nov 2026: "put the thumbnail across the top instead of
   left and right"). !important because the stream script and rip-ui set the title, date and button sizes on the elements themselves. */
html.rip-slim #rip-coming-up{padding:0 !important}
html.rip-slim #rip-coming-up .rip-next-hero{display:block !important;padding:0 !important;min-height:0 !important;height:auto !important;overflow:hidden !important}
html.rip-slim #rip-coming-up .rip-next-thumb{display:block !important;width:100% !important;height:150px !important;min-height:0 !important;flex:none !important;margin:0 !important;background-size:cover !important;background-position:center !important;border-radius:0 !important}
html.rip-slim #rip-coming-up .rip-next-hero > div:last-child{padding:10px 14px 12px !important;height:auto !important}
html.rip-slim #rip-coming-up #rip-st1-title{font-size:15px !important;line-height:1.3 !important;margin:0 !important}
html.rip-slim #rip-coming-up #rip-st1-date,html.rip-slim #rip-coming-up #rip-st1-cta{display:none !important}
/* leaderboard link: slim */
html.rip-slim .fp-channel > section:not(#rip-coming-up):not(#watch-real){padding:8px 0}
html.rip-slim .fp-channel > section:not(#rip-coming-up):not(#watch-real) *{font-size:13px}
/* watch the real thing: one swipe row instead of a stack */
html.rip-slim #watch-real{padding:6px 0}
html.rip-slim #watch-real > p:not(.rip-eyebrow){display:none}
html.rip-slim #watch-real #ytl-grid{display:flex;flex-direction:row;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;height:auto}
html.rip-slim #watch-real #ytl-grid > a{flex:0 0 200px;width:200px;scroll-snap-align:start}
html.rip-slim #watch-real .social-row{margin-top:6px}
/* account pitch (signed out): tighter, all benefits and the button kept */
html.rip-slim #sim-account-pitch{padding:14px}
html.rip-slim #sim-account-pitch li{margin-bottom:4px;font-size:13px}
/* facts: a dropdown row; the text stays in the page */
html.rip-slim #facts.slim-fold{padding:0;margin:10px 0 0}
html.rip-slim #facts.slim-fold > *:not(.slim-fold__h){display:none}
html.rip-slim #facts.slim-fold.is-open > *:not(.slim-fold__h){display:block}
html.rip-slim #facts .slim-fold__h{display:flex;justify-content:space-between;align-items:center;margin:0;padding:14px 16px;cursor:pointer}
html.rip-slim #facts .slim-fold__h::after{content:'▾';color:var(--rip-act,#2ee6d6);font-size:20px;transition:transform .2s}
html.rip-slim #facts.is-open .slim-fold__h::after{transform:rotate(180deg)}
html.rip-slim #facts.is-open > *:not(.slim-fold__h){padding-left:16px;padding-right:16px}
@media (prefers-reduced-motion:reduce){html.rip-slim #facts .slim-fold__h::after{transition:none}}

/* the other universes' own sections (fun packs): the odds table and the collection wall's tiles fold behind a tap, like Pokémon's odds panel */
html.rip-slim #fp-odds-sec:not(.is-open) > table.fp-odds{display:none}
html.rip-slim #fp-wall:not(.is-open) > #fp-stats,
html.rip-slim #fp-wall:not(.is-open) > #fp-crests{display:none}

/* the bar is fixed and fades out at the footer (rip-footer.js, is-near-footer), so the 104px the page reserves under its last section is dead space */
html.rip-slim body:has(> .fp-openbar) main{padding-bottom:16px}