/* Figma 818:9908: the current app screens share a 720px desktop column. */
html[data-layout="mobile"][data-viewport="desktop"]{--desktop-header-top:16px;scroll-padding-top:112px}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-shell,
html[data-layout="mobile"][data-viewport="desktop"] .desktop-shell:has(.home-landing){display:block;width:100%;max-width:none;min-height:100dvh;margin-inline:auto;overflow:visible;background:var(--app-bg,#101010)}
html[data-layout="mobile"][data-viewport="desktop"] .sidebar{display:block!important;position:sticky;top:0;width:100%;height:auto;min-height:0;padding:var(--desktop-header-top) 24px 16px;border:0;background:#101010ed;backdrop-filter:blur(16px);overflow:visible;z-index:40}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:720px;margin-inline:auto;padding:0}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-brand{display:block;position:relative;flex:none;width:110px;height:46px;padding:0;color:#fff;text-decoration:none;isolation:isolate;border-radius:8px}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-navigation{display:block;flex:none}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-nav-dock{display:flex;align-items:center;gap:4px;height:56px;padding:5px 6px;border:1px solid transparent;border-radius:999px;background:linear-gradient(#1e1e1e,#1e1e1e) padding-box,linear-gradient(135deg,#ffffff2e,#ffffff03) border-box;box-shadow:none}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-navigation button{display:flex;align-items:center;justify-content:center;flex:none;gap:2px;min-height:0;height:44px;padding:10px 12px;border:0;border-radius:999px;background:transparent;color:#fff;opacity:.6;font:600 14px/20px "Medeo Sans",Arial,sans-serif;white-space:nowrap;cursor:pointer;transition:background .18s,opacity .18s}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-navigation button[data-shell-action="home"]{width:115px}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-navigation button[data-shell-action="games"]{width:95px}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-navigation button[data-shell-action="lists"]{width:129px}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-navigation button>span:last-child{padding-inline:4px}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-navigation button:hover{background:#ffffff0a;opacity:1}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-navigation button[aria-current="page"]{background:#333;opacity:1;box-shadow:none}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-nav-icon{display:grid;place-items:center;position:relative;flex:none;width:24px;height:24px}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-nav-icon img{display:block;grid-area:1/1;max-width:none}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-icon-on{visibility:hidden}
html[data-layout="mobile"][data-viewport="desktop"] button[aria-current="page"] .desktop-icon-on{visibility:visible}
html[data-layout="mobile"][data-viewport="desktop"] button[aria-current="page"] .desktop-icon-off{visibility:hidden}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-header-actions{display:flex;align-items:center;gap:8px;flex:none}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-header-actions button{display:grid;place-items:center;position:relative;flex:none;width:56px;height:56px;min-height:0;padding:0;border:1px solid transparent;border-radius:28px;background:linear-gradient(#1e1e1e,#1e1e1e) padding-box,linear-gradient(135deg,#ffffff2e,#ffffff03) border-box;color:#fff;font:600 14px/20px "Medeo Sans",Arial,sans-serif;text-align:center;cursor:pointer}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-header-actions button:hover{background-color:#252525}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-search-button>img{opacity:.6}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-header-actions .desktop-account[data-authenticated="false"]{width:84px;padding-inline:20px}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-header-actions .desktop-account[data-authenticated="true"]{border:0;background:none}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-avatar-ring{position:absolute;inset:0;display:block}
html[data-layout="mobile"][data-viewport="desktop"] .desktop-avatar-photo,
html[data-layout="mobile"][data-viewport="desktop"] .desktop-avatar-initial{position:absolute;inset:4px;display:grid;place-items:center;width:48px;height:48px;overflow:hidden;border-radius:50%;object-fit:cover;background:#333;font-size:20px;font-weight:700}
html[data-layout="mobile"][data-viewport="desktop"] :is(.desktop-navigation button,.desktop-header-actions button,.desktop-brand):focus-visible{outline:2px solid var(--orange);outline-offset:4px}
html[data-layout="mobile"][data-viewport="desktop"] .workspace{width:100%;min-width:0;max-width:768px;margin-inline:auto;padding:24px 24px 64px}
html[data-layout="mobile"][data-viewport="desktop"] .app{min-width:0;min-height:calc(100dvh - 176px);padding-bottom:0}
html[data-layout="mobile"][data-viewport="desktop"] .workspace-label,html[data-layout="mobile"][data-viewport="desktop"] .inspector,html[data-layout="mobile"][data-viewport="desktop"] .app .mobile-tabs{display:none!important}
html[data-viewport="desktop"] .home-landing>.landing-header{display:none}

/* Home: compact illustrations, broad poster shelves, and unhurried spacing. */
html[data-viewport="desktop"] .home-landing{max-width:none;gap:40px;padding:0}
html[data-viewport="desktop"] .landing-brand{font-size:30px;line-height:36px}
html[data-viewport="desktop"] .landing-quizzes h1{font-size:30px;line-height:38px;margin-bottom:20px}
html[data-viewport="desktop"] .landing-heading h2{font-size:26px;line-height:34px}
html[data-viewport="desktop"] .landing-game-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;overflow:visible}
html[data-viewport="desktop"] .landing-game{width:100%;min-width:0;min-height:266px;border-radius:24px}
html[data-viewport="desktop"] .landing-game-art{width:100%;height:168px;object-fit:contain}
html[data-viewport="desktop"] .landing-game-copy{padding:4px 20px 20px;gap:8px}
html[data-viewport="desktop"] .landing-game-copy>strong{font-size:18px;line-height:23px}
html[data-viewport="desktop"] .landing-game-copy>span{font-size:14px;line-height:20px}
html[data-viewport="desktop"] :is(.landing-film-rail,.landing-collection-rail){gap:16px;margin-right:0;padding:4px 0 14px;scroll-padding-inline:0;scrollbar-width:thin;scrollbar-color:#515151 transparent;scroll-snap-type:x proximity}
html[data-viewport="desktop"] :is(.landing-film-rail,.landing-collection-rail)::-webkit-scrollbar{display:block;height:6px}
html[data-viewport="desktop"] :is(.landing-film-rail,.landing-collection-rail)::-webkit-scrollbar-thumb{background:#515151;border-radius:8px}
html[data-viewport="desktop"] .landing-film{flex-basis:156px;width:156px}
html[data-viewport="desktop"] .landing-film-open>strong{font-size:14px;line-height:20px;height:40px}
html[data-viewport="desktop"] .landing-collection{flex-basis:calc((100% - 16px)/2);width:calc((100% - 16px)/2);min-width:320px}
html[data-viewport="desktop"] .landing-collection .collection-fan-hero{margin-inline:auto}
html[data-viewport="desktop"] .landing-film-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:28px 18px}
html[data-viewport="desktop"] .landing-film-grid .landing-film{width:100%}
html[data-viewport="desktop"] .landing-info-links{margin-top:8px}

/* Games and collections keep their mobile card design and vector artwork. */
html[data-viewport="desktop"] .games-hub{max-width:none;padding-bottom:24px}
html[data-viewport="desktop"] .games-investigations{margin-top:32px}
html[data-viewport="desktop"] .games-investigations h1{font-size:30px;line-height:38px;margin-bottom:24px}
html[data-viewport="desktop"] .games-investigation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html[data-viewport="desktop"] .games-hub .investigation-card{border-radius:24px}
html[data-viewport="desktop"] .investigation-copy{padding-inline:20px;padding-bottom:20px}
html[data-viewport="desktop"] .investigation-copy strong,html[data-viewport="desktop"] .investigation-copy h2{font-size:18px;line-height:24px}
html[data-viewport="desktop"] .investigation-copy>span,html[data-viewport="desktop"] .investigation-copy>p{font-size:14px;line-height:20px}
html[data-viewport="desktop"] .games-level.agent-profile.profile-v3{width:100%;max-width:none;margin-top:24px}
html[data-viewport="desktop"] .ranking-podium{width:362px;max-width:100%;margin:16px auto 0}
html[data-viewport="desktop"] .ranking-table{max-width:760px;margin:32px auto 0}
html[data-viewport="desktop"] .games-ranking-empty{max-width:760px;margin:32px auto 0;padding:40px 32px;border-radius:32px}
html[data-viewport="desktop"] :is(.lists-view,.collections-hub){max-width:none;padding-bottom:24px}
html[data-viewport="desktop"] .collections-header{margin-bottom:32px}
html[data-viewport="desktop"] .collections-builtins{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html[data-viewport="desktop"] .collection-builtin{height:117px;justify-content:center;padding:20px;border-radius:24px}
html[data-viewport="desktop"] .collection-builtin-wide{grid-column:1/-1;justify-content:flex-start;padding:16px;gap:12px}
html[data-viewport="desktop"] .collections-rows{grid-template-columns:1fr;gap:12px}
html[data-viewport="desktop"] .collections-library h2,html[data-viewport="desktop"] .collections-featured h2{font-size:26px;line-height:34px}
html[data-viewport="desktop"] .collections-featured{max-width:760px;margin-inline:auto}
html[data-viewport="desktop"] .collections-library{margin-top:32px}
html[data-viewport="desktop"] .collections-community-empty{max-width:760px;margin-inline:auto;padding:48px 40px}
html[data-viewport="desktop"] .collection-detail-movies{grid-template-columns:1fr;gap:12px}
html[data-viewport="desktop"] .collections-detail-header h1{font-size:22px;line-height:28px}

/* Catalogue and account pages use comfortable content widths. */
html[data-viewport="desktop"] .browse-page{max-width:none;padding:0 0 32px}
html[data-viewport="desktop"] .browse-section{margin-bottom:40px}
html[data-viewport="desktop"] .browse-section h2{font-size:24px;line-height:32px}
html[data-viewport="desktop"] .browse-rail{gap:16px;margin-inline:0;padding:4px 0 14px;scroll-padding-inline:0;scrollbar-width:thin;scrollbar-color:#515151 transparent}
html[data-viewport="desktop"] .browse-rail::-webkit-scrollbar{display:block;height:6px}
html[data-viewport="desktop"] .browse-rail::-webkit-scrollbar-thumb{background:#515151;border-radius:8px}
html[data-viewport="desktop"] .browse-film{flex-basis:156px;width:156px}
html[data-viewport="desktop"] .browse-film-title{font-size:14px;line-height:20px;height:40px}
html[data-viewport="desktop"] .browse-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:28px 18px}
html[data-viewport="desktop"] .browse-grid .browse-film{width:100%}
html[data-viewport="desktop"] .browse-genre-rail{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:repeat(4,minmax(0,1fr));margin-inline:0;padding:0;gap:16px;overflow:visible}
html[data-viewport="desktop"] .browse-genre{width:100%}
html[data-viewport="desktop"] .browse-service{margin-inline:0;padding:28px}
html[data-viewport="desktop"] .library-screen{max-width:960px;margin-inline:auto;padding-bottom:24px}
html[data-viewport="desktop"] .global-search{max-width:760px;padding-top:0}
html[data-viewport="desktop"] .global-search-tabs{max-width:400px}
html[data-viewport="desktop"] .catalog-films{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html[data-viewport="desktop"] .profile-settings-page{max-width:680px}
html[data-viewport="desktop"] .agent-profile.profile-statistics-page{max-width:900px}
html[data-viewport="desktop"] .agent-stats-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin-inline:0;padding:0}
html[data-viewport="desktop"] .agent-stat-card{width:100%}
html[data-viewport="desktop"] .agent-profile-activity{grid-template-columns:1fr 1fr}
html[data-layout="mobile"][data-viewport="desktop"] .app .agent-profile.profile-v3[data-profile-owner]{display:grid;grid-template-columns:362px minmax(0,1fr);column-gap:32px;align-items:start;max-width:920px;width:100%;padding-bottom:24px}
html[data-viewport="desktop"] .agent-profile[data-profile-owner]>.profile-actions{grid-column:1/-1;margin-bottom:0}
html[data-viewport="desktop"] .agent-profile[data-profile-owner]>.profile-share-status{grid-column:1/-1}
html[data-layout="mobile"][data-viewport="desktop"] .app .agent-profile.profile-v3[data-profile-owner]>.profile-case.profile-pass{grid-column:1;grid-row:2/span 5;margin:-28px 0 0}
html[data-viewport="desktop"] .agent-profile[data-profile-owner]>:is(.profile-level-summary,.agent-profile-follow,.agent-profile-demo,.agent-social-counts,.profile-main-tabs,.profile-menu,.profile-publications-empty){grid-column:2}
html[data-viewport="desktop"] .agent-profile[data-profile-owner]>.profile-level-summary{margin-top:24px}
html[data-viewport="desktop"] .agent-profile[data-profile-owner]>.profile-main-tabs{margin-bottom:16px}
html[data-viewport="desktop"] .profile-collection-page{max-width:920px}
html[data-viewport="desktop"] .profile-collection-page:has(.profile-collection-film){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
html[data-viewport="desktop"] .profile-collection-page>.profile-section-header,html[data-viewport="desktop"] .profile-collection-page>.profile-collection-count{grid-column:1/-1}

/* Focused game scenes; desktop actions remain in normal page flow. */
html[data-layout="mobile"][data-viewport="desktop"][data-game-flow="true"] .app{max-width:1000px;margin-inline:auto;min-height:calc(100dvh - 96px)}
html[data-layout="mobile"][data-viewport="desktop"][data-game-flow="true"] .app .investigation-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:32px;align-items:center;flex:none}
html[data-layout="mobile"][data-viewport="desktop"][data-game-flow="true"] .app .evidence-panel{min-width:0}
html[data-layout="mobile"][data-viewport="desktop"][data-game-flow="true"] .app .evidence-panel .actors{width:100%;max-width:100%;height:280px;min-height:280px;margin-inline:0;padding:20px 8px 24px;scroll-padding-inline:8px;scrollbar-width:thin;scrollbar-color:#555 transparent}
html[data-layout="mobile"][data-viewport="desktop"][data-game-flow="true"] .app .evidence-panel::before{left:0;right:0;top:47px}
html[data-layout="mobile"][data-viewport="desktop"][data-game-flow="true"] .app .answer-panel{padding:24px;border:1px solid #ffffff0d;border-radius:28px;background:#ffffff04;min-width:0;max-width:100%;flex:none}
html[data-layout="mobile"][data-viewport="desktop"][data-game-flow="true"] .app .quiz-controls{position:relative;inset:auto;width:100%;margin-top:0;transform:none}
html[data-layout="mobile"][data-viewport="desktop"][data-game-flow="true"] .app .search-dock{position:relative}
html[data-layout="mobile"][data-viewport="desktop"][data-game-flow="true"] .app .quiz-controls .search-panel{top:60px;bottom:auto;max-height:360px;box-shadow:0 12px 32px #0006}
html[data-layout="mobile"][data-viewport="desktop"][data-game-flow="true"] .app[data-search-active="true"] :is(.header,.evidence-panel,.mobile-attempt-summary,.mobile-reserve,.attempt-history){filter:none;opacity:1}
html[data-layout="mobile"][data-viewport="desktop"][data-game-flow="true"] .app[data-search-active="true"] :is(.actions,.guess-supply,.photo-credits){visibility:visible}
html[data-layout="mobile"][data-viewport="desktop"][data-game-flow="true"] .app .bottom-game-dock{position:static;inset:auto;width:100%;transform:none;padding:24px 0 0;pointer-events:auto}
html[data-layout="mobile"][data-viewport="desktop"][data-game-flow="true"] .app .bottom-game-dock::before{display:none}
html[data-layout="mobile"][data-viewport="desktop"][data-game-flow="true"] .app:is([data-screen="result"],[data-screen="summary"]){padding-bottom:24px}
html[data-layout="mobile"][data-viewport="desktop"][data-game-flow="true"] .app .result-layout{display:grid;grid-template-columns:362px minmax(0,1fr);gap:40px;overflow:visible}
html[data-layout="mobile"][data-viewport="desktop"][data-game-flow="true"] .app .results-list{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-viewport="desktop"] .poster-evidence{width:100%;margin-inline:0;max-width:430px;justify-self:center}
html[data-layout="mobile"][data-viewport="desktop"] .chronology-game{max-width:760px;min-height:auto;margin-inline:auto;padding:0 0 32px}
html[data-viewport="desktop"] .chronology-game .chrono-round{min-height:0}
html[data-viewport="desktop"] .chronology-game .chrono-cards{max-width:580px;width:100%;margin-inline:auto}


@media(prefers-reduced-motion:reduce){html[data-viewport="desktop"] .desktop-navigation button{transition:none}}

/* A quiet 720px content column, with illustrations kept at a comfortable size. */
html[data-viewport="desktop"] .games-hub .investigation-card{min-height:300px}
html[data-viewport="desktop"] .games-hub .investigation-art{top:16px;left:50%;width:224px;height:180px;transform:translateX(-50%);object-fit:contain}
html[data-viewport="desktop"] .games-hub .investigation-copy{padding:208px 20px 20px}
html[data-viewport="desktop"] .games-investigations h1,html[data-viewport="desktop"] .landing-quizzes h1{font-size:26px;line-height:34px}
html[data-viewport="desktop"] .landing-game-art{height:144px}
html[data-viewport="desktop"] .landing-game{min-height:244px}
html[data-viewport="desktop"] .landing-game-copy{padding-inline:14px}
html[data-viewport="desktop"] .landing-game-copy>strong{font-size:16px;line-height:21px}
html[data-viewport="desktop"] .landing-game-copy>span{font-size:13px;line-height:19px}
html[data-layout="mobile"][data-viewport="desktop"] .app .agent-profile.profile-v3[data-profile-owner]{display:block;max-width:720px}
html[data-layout="mobile"][data-viewport="desktop"] .app .agent-profile.profile-v3[data-profile-owner]>.profile-case.profile-pass{margin:-28px auto 0}
html[data-viewport="desktop"] .profile-collection-page:has(.profile-collection-film){display:block}

/* Collections roots — Figma 823:14266 and 824:15232. */
.collections-create-label,.collection-builtin-count-suffix{display:none}
.collections-hub img.collection-progress-desktop{display:none}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root]{display:grid;grid-template-columns:minmax(0,410px) 286px;gap:24px;align-items:start;width:100%;max-width:720px;padding-bottom:24px}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root]>.collections-header{grid-column:1/-1;height:56px;margin:0;gap:24px}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root]>.lists-notice{grid-column:1/-1;margin:0}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collections-segments{flex:none;gap:4px;height:56px;padding:5px 6px;border:1px solid transparent;border-radius:28px;background:linear-gradient(#1e1e1e,#1e1e1e) padding-box,linear-gradient(135deg,#ffffff2e,#ffffff03) border-box;backdrop-filter:none}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collections-segments button{height:44px;min-height:0;padding:10px 16px;color:#fff9;font:600 14px/20px "Medeo Sans",Arial,sans-serif;box-shadow:none}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collections-segments button[aria-pressed="true"]{background:#333;color:#fff}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collections-create{display:flex;align-items:center;justify-content:center;gap:2px;flex:0 0 auto;width:auto;height:56px;min-height:56px;padding:16px;border:1px solid transparent;border-radius:28px;background:linear-gradient(#fe5400,#fe5400) padding-box,linear-gradient(135deg,#ffffff2e,#ffffff03) border-box;color:#fff;font:600 14px/20px "Medeo Sans",Arial,sans-serif}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collections-create-label{display:block;padding-inline:4px}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root]>.collections-builtins{grid-column:2;order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-builtin{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;height:auto;min-height:64px;padding:12px 16px;border:0;border-radius:24px;background:#1e1e1e}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-builtin-copy{gap:4px;width:100%;flex:none}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-builtin strong{font:600 14px/20px "Medeo Sans",Arial,sans-serif}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-builtin small{color:#fff9;font:500 12px/16px "Medeo Sans",Arial,sans-serif}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-builtin-wide{grid-column:1/-1;align-items:center;justify-content:center;gap:8px;min-height:155px;padding:12px 16px;background:radial-gradient(ellipse 610px 328px at 72% -108%,#ffffff29,transparent),#1e1e1e}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-builtin-wide .collection-builtin-copy{text-align:center}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-builtin-wide strong{font:700 16px/20px "Medeo Sans",Arial,sans-serif}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-builtin-count-suffix{display:inline}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-bookmark{left:188px;top:12px}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root]>.collections-library{grid-column:1;order:1;width:100%;min-width:0;margin:0;padding:0}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] :is(.collections-library,.collections-featured)>h2{font:700 24px/32px "Medeo Sans",Arial,sans-serif}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collections-filters{gap:4px;height:32px;margin:12px 0;overflow-x:auto}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collections-filters button{height:32px;padding:6px 16px;color:#fff9;font:600 14px/20px "Medeo Sans",Arial,sans-serif}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collections-filters button[aria-pressed="true"]{color:#fff;background:#333}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collections-rows{display:grid;grid-template-columns:1fr;gap:8px}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-card{background:#1e1e1e}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-authors{color:#fff8}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] img.collection-progress-mobile{display:none}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] img.collection-progress-desktop{display:block}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] :is(.collection-count,.collection-likes){height:24px;min-height:24px;padding:2px 6px;background:#ffffff14}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-progress-values{display:flex;gap:2px;padding-inline:2px}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-complete{background:#30d1581f}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root="mine"] .collection-complete{background:#ffffff14}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root]>.collections-featured{grid-column:2;order:2;min-width:0;width:286px;margin:0}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collections-feature-rail{display:flex;flex-direction:column;align-items:stretch;gap:8px;box-sizing:border-box;width:100%;height:auto;padding:0;margin:12px 0 0;overflow:visible;scroll-snap-type:none;cursor:auto;user-select:auto}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-feature-slide{flex:none;width:100%;height:286px;scroll-snap-align:none}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-feature{width:100%;height:286px;transform:none!important;will-change:auto}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-fan-hero{width:100%;zoom:1}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-fan-hero .collection-poster-1{left:59.937px}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-fan-hero .collection-poster-2{left:103.593px}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-fan-hero .collection-poster-3{left:136.884px}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-fan-hero .collection-poster-4{left:160.846px}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-fan-hero .collection-poster-5{left:176.411px}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root]>.collections-community-empty{grid-column:1/-1;width:100%;max-width:none;margin:0}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root]>.collections-empty{grid-column:1/-1}

/* Soft fill-only pointer feedback, matching the main navigation. */
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] :is(.collections-segments button,.collections-filters button,.collections-create,.collection-builtin,.collection-card,.collections-community-empty>button){transition:background-color 180ms ease,color 180ms ease,filter 180ms ease}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] button:not(:disabled){cursor:pointer}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-card:has(.collection-card-open:focus-visible){outline:2px solid #fe5400;outline-offset:3px}
@media(hover:hover) and (pointer:fine){
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] :is(.collections-segments button,.collections-filters button):not(:disabled):hover{background-color:#ffffff0a;color:#fff;box-shadow:none}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] :is(.collections-segments button,.collections-filters button)[aria-pressed="true"]:hover{background-color:#333}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] :is(.collection-builtin:not(:disabled):hover,.collection-card:has(.collection-card-open:not(:disabled):hover)){background-color:#232323;box-shadow:none}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] :is(.collections-create,.collections-community-empty>button):not(:disabled):hover{filter:brightness(1.04);box-shadow:none}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] :is(.collections-segments button,.collections-filters button,.collection-builtin):not(:disabled):active{background-color:#2b2b2b;box-shadow:none}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] .collection-card:has(.collection-card-open:not(:disabled):active){background-color:#202020}
html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] :is(.collections-create,.collections-community-empty>button):not(:disabled):active{filter:brightness(.94)}
}
@media(prefers-reduced-motion:reduce){html[data-layout="mobile"][data-viewport="desktop"] .collections-hub[data-collections-root] :is(.collections-segments button,.collections-filters button,.collections-create,.collection-builtin,.collection-card,.collections-community-empty>button){transition:none}}

/* Fixed Figma canvas: only one 3KB SVG is fetched until a pointer enters. */
.desktop-brand-variant{display:block;position:absolute;inset:0;width:110px;height:46px;max-width:none;max-height:none;opacity:0;pointer-events:none;user-select:none;transition:opacity .22s ease}
.desktop-brand-variant.is-active{opacity:1}
@media(hover:hover) and (pointer:fine){.desktop-brand{transition:transform .36s cubic-bezier(.22,1,.36,1);transform-origin:50% 60%}.desktop-brand:hover{transform:rotate(-2deg) scale(1.035)}}
@media(prefers-reduced-motion:reduce){.desktop-brand,.desktop-brand-variant{transition:none!important;transform:none!important}}