/* Shared mobile-first controls; detailed charts remain on their own surfaces. */
.taste-icon{width:18px;height:18px;flex:none;vertical-align:middle}
.site-nav-link{display:inline-flex;align-items:center;gap:8px}
.site-nav-mobile-share .site-nav-share-link{min-height:44px}
.taste-share-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 14px;border:1px solid #385b60;border-radius:12px;background:#11282c;color:#e8f8f4;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.taste-share-button:hover{background:#1c373a;border-color:#74dccc}
.taste-share-button:focus-visible,.taste-share-dialog :focus-visible{outline:3px solid #74dccc;outline-offset:3px}
.taste-share-dialog{box-sizing:border-box;width:min(100% - 20px,520px);max-height:calc(100dvh - 24px);padding:18px;border:1px solid #426368;border-radius:20px;background:#0b191f;color:#f0f8f7;box-shadow:0 20px 80px #0009;overflow:auto;color-scheme:dark}
.taste-share-dialog::backdrop{background:#02090ccc;backdrop-filter:blur(5px)}
.taste-share-dialog *{box-sizing:border-box}
.taste-share-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.taste-share-dialog h2{font-size:21px;margin:0}
.taste-share-close{background:none;border:1px solid #426368;color:inherit;border-radius:50%;width:44px;height:44px;font-size:26px;cursor:pointer;flex:none}
.taste-share-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.taste-share-options label{display:grid;gap:5px;font-size:12px;color:#b7cece}
.taste-share-options select{width:100%;min-width:0;min-height:44px;border:1px solid #426368;border-radius:10px;background:#13272c;color:#f0f8f7;padding:8px;font:inherit;font-size:14px}
.taste-share-preview{display:flex;align-items:center;justify-content:center;min-height:180px;margin:14px 0;background:#061115;border-radius:12px;overflow:hidden}
.taste-share-preview img{display:block;width:auto;max-width:100%;max-height:46dvh;object-fit:contain}
.taste-share-caption{font-size:12px;line-height:1.4;color:#b7cece;margin:8px 0}
.taste-share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.taste-share-actions button,.taste-share-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #426368;border-radius:10px;padding:10px 8px;background:#142c30;color:#e9f8f5;font:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer}
.taste-share-actions button[data-share-native]{background:#74dccc;color:#051417;border-color:#74dccc}
.taste-share-actions button:disabled{opacity:.5;cursor:wait}
.taste-share-actions [hidden]{display:none}
.taste-share-status{min-height:1.3em;font-size:12px;color:#b7cece;margin:10px 0 0}
.chooser-page .chooser-hero{padding:16px 0!important;background:none!important;border:0!important;box-shadow:none!important}
.chooser-page .chooser-hero p{margin:6px 0 0}
.chooser-page .chooser-discovery{padding:12px!important}
.chooser-page .category-discovery-types{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.chooser-page .category-discovery-type{flex:none;min-height:44px}
.chooser-page [data-category-card][hidden]{display:none!important}
.chooser-page .published-comparison-card-label::before{content:none!important}
.chooser-page .published-comparison-card-label{display:inline-flex;align-items:center;gap:5px}
.chooser-page .chooser-title{line-height:1.3}
.home-page .home-v3-hero{padding:20px}
@media(min-width:800px){.taste-share-dialog{padding:24px}.taste-share-preview img{max-height:50dvh}.chooser-page .chooser-hero{padding:18px 0!important}}

.home-page .published-comparison-card-label::before{content:none!important}
.home-page .published-comparison-card-label{display:inline-flex;align-items:center;gap:5px}
@media(max-width:600px){
 .home-page .wip-v2-hero-panel{grid-template-columns:1fr;padding:18px}
 .home-page .wip-v2-title{font-size:28px;line-height:1.12}
 .home-page .wip-v2-header-copy{gap:12px}
 .home-page .wip-v2-lede{font-size:14px;line-height:1.5}
 .home-page .wip-v2-hero-art{display:none}
 .home-page .wip-v2-header-actions{margin-top:0;gap:8px}
 .home-page .wip-v2-home-controls{margin-block:12px}
 .home-page .wip-v2-hero-link{padding:10px 8px;font-size:13px}
}

/* Familiar destinations and list actions, with one mobile navigation level per row. */
.site-list-nav,.site-global-mobile{display:none}
.site-nav .site-nav-mobile-only{display:none!important}
.site-list-nav a:focus-visible,.site-global-mobile a:focus-visible{outline:3px solid #f6c64b;outline-offset:-3px}
.taste-home-search{display:flex;gap:8px;align-items:center;margin:8px 0 18px}
.taste-home-search input[type=search]{min-width:0;flex:1;min-height:46px;border:1px solid #29484d;border-radius:12px;padding:10px 14px;background:#102027;color:#eff8f6;font:inherit}
.taste-home-search button{min-height:46px;border:1px solid #3f6c69;border-radius:12px;padding:10px 18px;background:#143033;color:#b4f2e5;font:inherit;font-weight:700;cursor:pointer}
.category-discovery-comparison{display:flex;align-items:center;gap:8px;border-top:1px solid #294449;padding-top:8px}
.category-discovery-comparison .category-discovery-type{font-size:.8rem;min-height:40px}
@media(max-width:860px){
 .site-header{flex-wrap:wrap!important;row-gap:0!important}
 .site-header .site-header-actions{display:contents!important}
 .site-header .site-nav-shell{margin-left:auto}
 .site-nav .site-nav-mobile-only{display:flex!important}
 .site-list-nav{display:flex;flex:0 0 100%;justify-content:space-evenly;gap:4px;margin-top:5px;border-top:1px solid #20373b}
 .site-list-nav a{display:flex;gap:7px;align-items:center;justify-content:center;flex:1;min-width:0;min-height:42px;border-bottom:2px solid transparent;color:#aebfc3;text-decoration:none;font-size:12px;font-weight:600}
 .site-list-nav a .taste-icon{width:16px;height:16px}
 .site-list-nav a[aria-current=page]{color:#77dbcc;border-bottom-color:#77dbcc}
 .site-global-mobile{display:flex;position:fixed;inset:auto 0 0;z-index:80;align-items:center;justify-content:space-around;gap:4px;padding:5px 10px max(5px,env(safe-area-inset-bottom));background:#0b1a20f5;border-top:1px solid #2c4448;backdrop-filter:blur(16px)}
 .site-global-mobile a{display:flex;flex:1;min-height:48px;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#aebfc3;text-decoration:none;font-size:11px;line-height:1.2}
 .site-global-mobile a[aria-current=page]{color:#77dbcc}
 body:has(.site-global-mobile){padding-bottom:calc(65px + env(safe-area-inset-bottom))!important}
 body.taste-vote-page .site-header{min-height:56px!important;padding-top:6px!important;padding-bottom:0!important}
 body.taste-vote-page .site-list-nav{margin-top:0}
}
@media(max-width:600px){
 .home-page .wip-v2-headerbar{margin-top:4px}
 .home-page .wip-v2-hero-panel{grid-template-columns:minmax(0,1fr) 112px!important;gap:8px!important;padding:14px!important;align-items:center}
 .home-page .wip-v2-title{font-size:26px!important;line-height:1.08!important}
 .home-page .wip-v2-kicker{font-size:9px!important;line-height:1.4;padding:0!important;background:none!important}
 .home-page .wip-v2-lede{font-size:12px!important;margin:0!important}
 .home-page .wip-v2-header-copy{gap:7px!important}
 .home-page .wip-v2-header-actions{gap:5px!important;flex-wrap:wrap}
 .home-page .wip-v2-hero-link{min-height:40px!important;font-size:11px!important;padding:7px 9px!important}
 .home-page .wip-v2-hero-link.secondary{display:none}
 .home-page .wip-v2-group-status--mobile{display:none!important}
 .home-page .wip-v2-hero-art.taste-hero-art{display:block!important;width:112px!important;margin:0!important}
 .home-page .taste-hero-duel{width:26px!important;box-shadow:0 0 0 3px #0b1b2199}
 .home-page .wip-v2-category-buttons{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important}
 .home-page .wip-v2-category-button{display:block!important;padding:10px 0!important;min-height:0!important;height:auto!important;border:0!important;border-bottom:1px solid #20383d!important;background:none!important;box-shadow:none!important;border-radius:0!important}
 .home-page .wip-v2-category-button-inner{display:grid!important;grid-template-columns:70px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;height:auto!important}
 .home-page .wip-v2-category-thumb{width:70px!important;height:70px!important;aspect-ratio:1!important;min-height:0!important;border-radius:8px!important}
 .home-page .wip-v2-category-thumb img{width:100%!important;height:100%!important}
 .home-page .wip-v2-category-stamp{display:none!important}
 .home-page .wip-v2-category-copy{gap:3px!important;padding:0!important}
 .home-page .wip-v2-category-title{font-size:15px!important;line-height:1.25!important}
 .home-page .wip-v2-category-topline{font-size:10px!important}
 .home-page .wip-v2-category-text{font-size:11px!important;line-height:1.3!important}
 .home-page .published-card-actions{margin:3px 0 0!important;display:flex;gap:7px}
 .home-page .published-card-actions a{min-height:36px!important;padding:7px 14px!important;font-size:12px!important;flex:0 1 auto!important}
 .home-page .published-comparison-card-label{border:0!important;padding:0!important;font-size:10px!important;background:none!important;min-height:0!important}
 .home-page .published-comparison-card-label .taste-icon{width:13px;height:13px}
 .home-page .wip-v2-home-section{margin-top:16px!important}
 .home-page .wip-v2-home-section-title{font-size:20px!important}
 .home-page .wip-v2-home-section-head{margin-bottom:6px!important}
 .home-page .published-comparison-section-copy{font-size:12px}
 .taste-home-search{margin:10px 0 8px;gap:6px}
 .taste-home-search input[type=search]{font-size:16px;padding-inline:10px}
 .taste-home-search button{font-size:12px;padding-inline:12px}
}

.taste-home-search .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:600px){.home-page .taste-home-search{margin-inline:16px}}

.taste-share-preview img[hidden]{display:none}

@media(max-width:600px){
.home-page :is(.wip-v2-category-button--steam,.wip-v2-category-button--xbox,.wip-v2-category-button--mcu,.wip-v2-category-button--premier,.wip-v2-category-button--premier-league,.wip-v2-category-button--slug-star-trek-tng-episodes,.wip-v2-category-button--slug-taskmaster-series,.wip-v2-category-button--slug-premier-league-2025-26-teams) .wip-v2-category-thumb{padding:6px}
}

.vote-art-unavailable{padding:12px;color:var(--muted,#a9bfbe);font-size:.8rem;text-align:center}

/* Profile state and existing share formats remain clear on narrow screens. */
.site-profile-icon{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center}
.site-profile-signed-in{position:absolute;right:-3px;bottom:-2px;width:7px;height:7px;border:2px solid #0b1a20;border-radius:50%;background:#77dbcc}
.dashboard-page .taste-stats-share-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.dashboard-page .taste-stats-share-actions .taste-share-button{text-decoration:none;white-space:nowrap}
@media(max-width:600px){
 .dashboard-page .ds-results-heading{flex-wrap:wrap;row-gap:8px}
 .dashboard-page .ds-results-heading .taste-stats-share-actions{flex-basis:100%;margin:0}
}

/* Generating video controls must respect hidden until a file exists. */
.stats-v2-share-actions [hidden]{display:none}