/* Hallmark · pre-emit critique: P4 H4 E4 S5 R4 V4
 * Home-only original artwork and category selector. Console/Hum tokens,
 * Plus Jakarta Sans / JetBrains Mono, native scroll, no motion library.
 */
body.pip-home .pip-marquee__intro{display:grid;gap:var(--space-md);align-items:center;margin-bottom:var(--space-lg)}
body.pip-home .pip-marquee__mast{margin-bottom:0}
body.pip-home .pip-marquee__illustration{margin:0 auto;max-width:21rem;width:100%;order:-1}
body.pip-home .pip-marquee__illustration img{display:block;width:100%;height:auto;max-height:10rem;object-fit:contain}
body.pip-home .pip-search input,body.pip-home .pip-search button,body.pip-home .pip-marquee__cta a{min-height:48px}
body.pip-home .pip-search input{height:48px}
body.pip-home .pip-spotlight__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}
body.pip-home .pip-spotlight__head h2{margin:0;font:700 var(--text-lg)/1.2 var(--font-display);letter-spacing:-.02em}
body.pip-home .pip-rail-controls{display:flex;align-items:center;gap:var(--space-xs);margin-left:auto;flex:0 0 auto}
body.pip-home .pip-rail-controls[hidden]{display:none}
body.pip-home .pip-rail-controls button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--color-console-3);border-radius:var(--radius-input);background:var(--color-console-2);color:var(--color-console-text);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out)}
body.pip-home .pip-rail-controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
body.pip-home .pip-rail-controls button:disabled{opacity:.38;cursor:default}
body.pip-home .pip-rail-controls button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}
body.pip-home .pip-rail-controls button:active:not(:disabled){background:var(--color-console-3)}
body.pip-home .pip-booth__head{flex-wrap:wrap;align-items:center;gap:var(--space-xs)}
body.pip-home .pip-booth__all{margin-left:auto}
body.pip-home .pip-booth__head .pip-rail-controls{margin-left:var(--space-xs)}
body.pip-home .pip-booth__count{font-size:10px;letter-spacing:.04em}
body.pip-home .pip-picker{max-width:var(--page-max);margin:0 auto var(--space-xl);padding:0 var(--page-gutter);min-width:0}
body.pip-home .pip-picker[hidden]{display:none}
body.pip-home .pip-picker__head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);margin-bottom:var(--space-sm)}
body.pip-home .pip-picker__head h2{margin:0;font:700 var(--text-lg)/1.2 var(--font-display);letter-spacing:-.02em}
body.pip-home .pip-picker__head p{margin:0;font:500 11px/1.5 var(--font-label);color:var(--color-console-muted)}
body.pip-home .pip-picker__list{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:144px;gap:var(--space-sm);margin:0 calc(-1 * var(--page-gutter));padding:4px var(--page-gutter) 12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--page-gutter);scrollbar-width:thin;scrollbar-color:var(--color-console-3) transparent}
body.pip-home .pip-picker__list>li{min-width:0;scroll-snap-align:start}
body.pip-home .pip-picker__link{position:relative;display:grid;justify-items:start;grid-template-rows:80px auto auto;gap:4px;min-height:140px;padding:var(--space-sm);border:1px solid var(--color-console-3);border-radius:var(--radius-card);background:var(--color-console-2);color:var(--color-console-text);text-decoration:none;transition:border-color var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out)}
body.pip-home .pip-picker__art{display:block;width:84px;height:80px;max-width:100%;overflow:visible}
body.pip-home .pip-picker__paper{fill:var(--color-console-text)}
body.pip-home .pip-picker__ink{fill:var(--color-console)}
body.pip-home .pip-picker__mint{fill:var(--color-mint)}
body.pip-home .pip-picker__pink{fill:var(--color-coral-band)}
body.pip-home .pip-picker__butter{fill:var(--color-accent)}
body.pip-home .pip-picker__blue{fill:var(--color-cyan-band)}
body.pip-home .pip-picker__violet{fill:var(--color-lavender)}
body.pip-home .pip-picker__shadow{fill:var(--color-console);opacity:.65}
body.pip-home .pip-picker__label{font:700 var(--text-sm)/1.2 var(--font-display);letter-spacing:-.01em}
body.pip-home .pip-picker__count{font:500 11px/1.5 var(--font-label);color:var(--color-console-muted)}
body.pip-home .pip-picker__link:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}
body.pip-home .pip-picker__link[aria-current="true"]{border-color:var(--color-accent);box-shadow:inset 0 -3px 0 var(--color-accent)}
body.pip-home .pip-picker__link[aria-disabled="true"]{opacity:.4}
body.pip-home .pip-picker__link:active{background:var(--color-console-3)}
body.pip-home .pip-booth .pip-tile__title{line-height:1.35;white-space:normal;overflow-wrap:anywhere;min-height:2.7em}
@media(hover:hover){
 body.pip-home .pip-picker__link:hover{border-color:var(--color-accent)}
 body.pip-home .pip-rail-controls button:hover:not(:disabled){border-color:var(--color-accent)}
}
@media(min-width:640px){
 body.pip-home .pip-marquee__intro{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--space-lg)}
 body.pip-home .pip-marquee__illustration{order:0;max-width:28rem}
 body.pip-home .pip-marquee__illustration img{max-height:none}
 body.pip-home .pip-picker__list{grid-auto-columns:160px}
 body.pip-home .pip-booth__count{font-size:11px}
}
@media(min-width:1024px){
 body.pip-home .pip-picker__list{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;margin:0;padding:4px 0}
 body.pip-home .pip-picker__link{grid-template-columns:68px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 8px;align-content:center;min-height:96px;padding:var(--space-xs)}
 body.pip-home .pip-picker__art{grid-row:1/3;width:68px;height:68px;align-self:center}
 body.pip-home .pip-picker__label{align-self:end}
}
@media(max-width:359px){
 body.pip-home .pip-booth__head .pip-rail-controls{flex-basis:100%;margin-left:0;justify-content:flex-end}
}
@media(prefers-reduced-motion:reduce){
 body.pip-home .pip-picker__link,body.pip-home .pip-rail-controls button{transition:none}
}

/* Phones use the existing swipe/peek rows; reserve the arrows for wider row
 * headings. Featured-game arrows remain available at every width. */
@media(max-width:767px){
 body.pip-home .pip-booth__head .pip-rail-controls{display:none}
}
body.pip-home .pip-tile{--pip-ring:var(--color-accent)}