:root{color:#ebe4d8;font-synthesis:none;text-rendering:optimizelegibility;background:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{background:#000;min-width:320px;min-height:100vh;margin:0}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-ext-400-normal-DWiEslNC.woff2)format("woff2"),url(/assets/bebas-neue-latin-ext-400-normal-HFKRJXnW.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-400-normal-9mHNbWWO.woff2)format("woff2"),url(/assets/bebas-neue-latin-400-normal-Bi-ndsyu.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-void-black:#000;--color-bone-cream:#ebe4d8;--color-ash-taupe:#c3bdb3;--color-alarm-red:#ff4034;--color-status-connected:#55d187;--color-status-pending:#f2c94c;--font-display:"Bebas Neue", "Arial Narrow", sans-serif;--font-body:"Helvetica Neue", Helvetica, Arial, sans-serif}.app{min-height:100vh;color:var(--color-bone-cream);background:var(--color-void-black);font-family:var(--font-body);padding:clamp(2rem,6vw,5rem) clamp(1.25rem,4vw,3rem) 8rem;position:relative;overflow:clip}.app:before{z-index:0;content:"";opacity:.6;pointer-events:none;background-image:url(/assets/ben-neale-zpxKdH_xNSI-unsplash-AQf5Dv0y.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:min(55rem,100vh);position:absolute;top:0;left:0;right:0}.app__content{z-index:1;width:min(100%,42.5rem);margin:0 auto;position:relative}.app__hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:min(47rem,84vh);display:flex}.app:has(.app__session--access){padding-bottom:clamp(2rem,5vw,3rem)}.app:has(.app__session--access) .app__hero{min-height:auto}.app:has(.app__session--access) .app__logo-heading{width:min(100%,22rem)}.app:has(.app__session--access) .app__intro{margin-top:.85rem}.app:has(.app__current-profile) .app__hero{min-height:clamp(11rem,24vh,16rem)}.app:has(.app__current-profile) .app__content{width:min(100%,75rem)}.app:has(.app__current-profile) .app__session{margin-top:0;padding-top:clamp(1.5rem,4vw,2.5rem)}.app:has(.app__current-profile) .app__logo-heading{width:min(100%,22rem)}.app:has(.app__current-profile) .app__intro{margin-top:.85rem}.app:has(.app__current-profile) .app__session h2{margin-bottom:1.25rem;font-size:clamp(2.75rem,7vw,4.25rem)}.app__logo-heading{width:min(100%,42.5rem);margin:0;line-height:0}.app__logo{object-fit:contain;width:100%;height:auto;display:block}.app__intro{max-width:33rem;color:var(--color-bone-cream);text-align:center;margin:clamp(2rem,5vw,3rem) auto 0;font-size:1rem;line-height:1.45}.app__status{z-index:2;width:fit-content;color:var(--color-bone-cream);letter-spacing:.12em;text-transform:uppercase;background:#000000c7;align-items:center;gap:.55rem;margin:0;padding:.55rem .7rem;font-size:.75rem;font-weight:800;display:flex;position:absolute;top:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem)}.app__status:before{content:"";width:.65rem;height:.65rem}.app__status--connected:before{background:var(--color-status-connected)}.app__status--checking:before{background:var(--color-status-pending);outline:1px solid var(--color-status-pending);outline-offset:3px}.app__status--unavailable:before{background:var(--color-alarm-red)}@media (width<=36rem){.app:before{background-position:58%;height:42rem}.app{padding-left:1rem;padding-right:1rem}.app__hero{min-height:38rem}.app__signal-field{width:140vw;top:5rem}.app__hazard--one,.app__hazard--three{display:none}}.public-data-notice{background:#000000f0;border:1px solid #ebe4d88c;width:min(100%,42.5rem);margin:clamp(4rem,9vw,7rem) auto 0;padding:clamp(1.5rem,4vw,2.5rem)}.app--privacy{padding-bottom:clamp(2rem,5vw,3rem)}.app__privacy-content{z-index:1;width:min(100%,42.5rem);margin:0 auto;position:relative}.app__privacy-back{color:var(--color-bone-cream);text-underline-offset:.2em;margin-bottom:1.5rem;font-size:.85rem;font-weight:800;display:inline-block}.app__privacy-back:hover{color:var(--color-alarm-red)}.app__privacy-back:focus-visible{outline:2px solid var(--color-alarm-red);outline-offset:3px}.app--privacy .public-data-notice{margin-top:0}.public-data-notice__eyebrow{color:var(--color-alarm-red);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .65rem;font-size:.75rem;font-weight:900}.public-data-notice h2,.public-data-notice h3{color:var(--color-bone-cream);margin:0}.public-data-notice h2{font-family:var(--font-display);letter-spacing:.015em;text-transform:uppercase;font-size:clamp(2.75rem,8vw,4rem);line-height:.95}.public-data-notice h3{letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}.public-data-notice p{color:var(--color-ash-taupe);line-height:1.55}.public-data-notice__sections{gap:1.5rem;margin-top:2rem;display:grid}.public-data-notice__sections section{border-top:1px solid #c3bdb373;padding-top:1.25rem}.public-data-notice__sections p{margin:.55rem 0 0}.app__footer a,.app__session-acknowledgment a{color:var(--color-bone-cream);text-underline-offset:.2em}.app__footer a:hover,.app__session-acknowledgment a:hover{color:var(--color-alarm-red)}.app__footer a:focus-visible,.app__session-acknowledgment a:focus-visible{outline:2px solid var(--color-alarm-red);outline-offset:3px}.app__footer{z-index:1;width:min(100%,42.5rem);color:var(--color-ash-taupe);text-align:center;flex-wrap:wrap;justify-content:center;gap:.65rem;margin:2rem auto 0;font-size:.8rem;display:flex;position:relative}@media (width<=36rem){.public-data-notice{padding:1.25rem}}.app__session{border-top:2px solid var(--color-alarm-red);margin-top:5rem;padding:clamp(3rem,8vw,5rem) 0 5rem}.app__session h2,.app__session h3{color:var(--color-bone-cream);font-family:var(--font-display);letter-spacing:.015em;text-align:center;text-transform:uppercase;margin:0;font-weight:900;line-height:.88}.app__session h2{margin-bottom:2.5rem;font-size:clamp(3.5rem,12vw,6.25rem)}.app__session h3{font-size:clamp(2.5rem,7vw,3.5rem)}.app__session--access{border:1px solid var(--color-bone-cream);background:#000000f0;margin-top:clamp(2rem,5vh,3.5rem);padding:clamp(1.5rem,4vw,2rem)}.app__session--access h2{margin-bottom:1rem;font-size:clamp(2.75rem,7vw,4.25rem)}.app__session--access>p{margin:0 0 1.5rem}.app__session--access .app__session-form{margin-bottom:0}.app__session-form{grid-template-columns:minmax(0,1fr) auto;gap:.9rem;margin-bottom:2rem;display:grid}.app__session-form label{color:var(--color-bone-cream);grid-column:1/-1;font-size:.875rem;font-weight:800}.app__session-form-help{color:var(--color-ash-taupe);grid-column:1/-1;margin:-.4rem 0 0;font-size:.8rem;line-height:1.4}.app__session-form .app__session-acknowledgment{color:var(--color-ash-taupe);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.7rem;font-size:.8rem;font-weight:400;line-height:1.45;display:grid}.app__session-acknowledgment input{width:1.15rem;height:1.15rem;accent-color:var(--color-alarm-red);margin:.1rem 0 0}.app__session-acknowledgment input:focus-visible{outline:2px solid var(--color-alarm-red);outline-offset:3px}.app__session-form-error{border-left:3px solid var(--color-alarm-red);grid-column:1/-1;margin:0;padding-left:.75rem;line-height:1.4}.app__input{border:1px solid var(--color-bone-cream);min-width:0;color:var(--color-bone-cream);background:var(--color-void-black);font:inherit;border-radius:0;padding:1rem 1.2rem}.app__input:focus-visible{outline:2px solid var(--color-bone-cream);outline-offset:3px}.app__primary-button,.app__secondary-button{border:1px solid var(--color-bone-cream);font:inherit;cursor:pointer;border-radius:999px;font-size:.9rem;font-weight:800}.app__primary-button{color:var(--color-void-black);background:var(--color-bone-cream);box-shadow:0 4px 0 var(--color-ash-taupe);padding:.95rem 1.35rem}.app__secondary-button{color:var(--color-bone-cream);box-shadow:none;background:#000000d1;padding:.85rem 1.2rem}.app__primary-button:hover:not(:disabled){box-shadow:0 2px 0 var(--color-ash-taupe);transform:translateY(2px)}.app__secondary-button:hover:not(:disabled){color:var(--color-void-black);background:var(--color-bone-cream)}.app button:focus-visible{outline:2px solid var(--color-alarm-red);outline-offset:4px}.app button:disabled,.app input:disabled{cursor:not-allowed;opacity:.5}.app__selection,.app__session>p{color:var(--color-bone-cream);text-align:center}.app__selection{margin:0}.app__session-recovery{border-left:3px solid var(--color-alarm-red);text-align:left;background:#ff40341a;margin-bottom:1rem;padding:.85rem 1rem}.app__session-recovery p{margin:0}.app__session-recovery .app__secondary-button{margin-top:.5rem}.app__selection strong{color:var(--color-alarm-red);overflow-wrap:anywhere}.app [role=alert]{color:var(--color-alarm-red)}.app [role=status]{color:var(--color-bone-cream)}.app__current-profile{text-align:center;gap:1.25rem;margin:2rem 0;display:grid}.app__recommendation-workspace{box-sizing:border-box;position:relative}.app__workspace-nav{border:1px solid var(--color-bone-cream);-webkit-backdrop-filter:none;backdrop-filter:none;background:#000000eb;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;display:grid}.app__workspace-nav button{min-height:2.75rem;color:var(--color-bone-cream);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;padding:.65rem 1rem;font-weight:900;position:relative}.app__workspace-nav button+button{border-left-color:#ebe4d88c}.app__workspace-nav button[aria-current=page]{color:var(--color-void-black);background:var(--color-bone-cream)}.app__profile-summary{gap:.75rem;display:grid}.app__profile-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;display:flex}.app__profile-actions .app__secondary-button{margin-top:0}.app__profile-feedback{flex-basis:100%;margin:.35rem 0 0}.app__library-backdrop{z-index:-1;isolation:isolate;pointer-events:none;background:#151515;grid-template-rows:repeat(3,minmax(0,1fr));gap:.9rem;display:grid;position:fixed;inset:0;overflow:hidden}.app__library-backdrop:after{z-index:1;content:"";background:radial-gradient(circle,#0000009e,#000000d1),linear-gradient(90deg,#000000bf,#00000061,#000000bf);position:absolute;inset:0}.app__library-track{will-change:transform;align-self:center;width:max-content;animation:48s linear infinite library-wall-scroll;display:flex}.app__library-track--reverse{animation-duration:56s;animation-direction:reverse}.app__library-track--slow{animation-duration:64s}.app__library-track-group{flex:none;gap:.75rem;padding-right:.75rem;display:flex}.app__library-card{aspect-ratio:3/4;background:#2b2928;border:1px solid #ebe4d873;flex:none;width:clamp(8rem,24vh,14rem);display:grid;position:relative;overflow:hidden;box-shadow:0 .7rem 1.5rem #00000073}.app__library-card img,.app__library-card-fallback{grid-area:1/1;width:100%;height:100%}.app__library-card img{z-index:1;object-fit:cover;display:block;position:relative}.app__library-card-fallback{overflow-wrap:anywhere;color:var(--color-bone-cream);font-family:var(--font-display);text-align:left;text-transform:uppercase;background:linear-gradient(145deg,#ff4034b8,#000000e0);place-items:end start;padding:.75rem;font-size:1.05rem;line-height:.95;display:grid}.app__library-backdrop--paused .app__library-track{animation-play-state:paused}@keyframes library-wall-scroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.app__secondary-button{margin-top:2rem}.app__game-count{color:var(--color-bone-cream);letter-spacing:.12em;text-align:center;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:800}@media (width<=36rem){.app__session--access{margin-top:1.5rem;padding:1.25rem}.app__session-form{grid-template-columns:1fr}.app__session-form label{grid-column:auto}.app__primary-button{justify-self:start}.app__session--access .app__primary-button{justify-self:stretch;width:100%}.app__profile-actions{flex-direction:column}.app__profile-actions .app__secondary-button{width:100%}}@media (prefers-reduced-motion:reduce){.app__primary-button,.app__secondary-button{transition:none}.app__library-track{animation:none;transform:none}}.reference-selection{border-top:2px solid var(--color-alarm-red);margin-top:2rem;padding-top:3rem}.reference-selection--recommendations{border-top:0;padding-top:0}.reference-selection--recommendations .recommendation-results{margin-top:0}.reference-selection__preferences,.preference-validation{width:min(100%,42.5rem);margin-inline:auto}.reference-game-autocomplete,.reference-keywords{gap:.65rem;display:grid;position:relative}.reference-game-autocomplete label,.reference-keywords label,.recommendation-constraints label{font-weight:800}.reference-game-autocomplete input,.reference-keywords input,.recommendation-constraints__custom-length input{box-sizing:border-box;border:1px solid var(--color-bone-cream);width:100%;color:var(--color-bone-cream);background:var(--color-void-black);font:inherit;border-radius:0;padding:.9rem 1rem}.reference-game-autocomplete input:focus-visible,.reference-keywords input:focus-visible,.recommendation-constraints input:focus-visible,.reference-selection button:focus-visible{outline:2px solid var(--color-alarm-red);outline-offset:3px}.reference-game-card__toggle,.reference-game-card__remove,.reference-game-card__facet,.reference-selection__recovery button,.reference-keywords button,.preference-validation button:not(.app__primary-button){border:1px solid var(--color-bone-cream);min-height:2.5rem;color:var(--color-bone-cream);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.55rem .75rem;font-size:.875rem;font-weight:800}.reference-selection__heading{text-align:center;margin-bottom:2rem}.reference-selection__heading p,.reference-selection p{color:var(--color-bone-cream)}.reference-selection__count{letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;font-weight:800}.reference-game-suggestions,.reference-keywords__options{z-index:2;border:1px solid var(--color-bone-cream);background:var(--color-void-black);max-height:16rem;margin:0;padding:0;list-style:none;overflow-y:auto}.reference-game-suggestions [role=option]{border-bottom:1px solid var(--color-ash-taupe);cursor:pointer;justify-content:space-between;gap:1rem;padding:.8rem 1rem;display:flex}.reference-game-suggestions [role=option].is-active{color:var(--color-void-black);background:var(--color-bone-cream)}.reference-game-suggestions [aria-disabled=true]{cursor:not-allowed;opacity:.55}.reference-game-suggestions span{overflow-wrap:anywhere;min-width:0}.reference-selection__cards{gap:.75rem;margin-top:2rem;display:grid}.reference-game-card{border:1px solid var(--color-bone-cream);background:#000000f5;padding:clamp(1rem,4vw,1.5rem)}.reference-game-card__header{grid-template-columns:6rem minmax(0,1fr);align-items:center;gap:1rem;display:grid}.reference-game-card__cover,.reference-game-card__cover-fallback{aspect-ratio:3/4;object-fit:cover;width:6rem}.reference-game-card__cover-fallback{box-sizing:border-box;border:1px dashed var(--color-ash-taupe);text-align:center;place-items:center;padding:.5rem;font-size:.7rem;display:grid}.reference-game-card__identity{align-self:center}.reference-game-card__identity h3{overflow-wrap:anywhere;text-align:left;margin:0;font-size:clamp(1.5rem,4vw,2.25rem);line-height:.95}.reference-game-card__trait-count{color:var(--color-ash-taupe);letter-spacing:.08em;text-transform:uppercase;margin:.5rem 0 0;font-size:.75rem;font-weight:900}.reference-game-card__summary-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.reference-game-card__preferences{border-top:1px solid #c3bdb3a6;margin-top:1.25rem;padding-top:.25rem}.reference-selection__recovery,.reference-keywords__recovery{margin-top:1rem}.reference-selection__recovery button,.reference-keywords__recovery button{margin-top:.5rem}.reference-game-card__remove{color:var(--color-alarm-red);border-color:var(--color-alarm-red)}.reference-game-card__facets{gap:.75rem;margin-top:.75rem;display:grid}.reference-game-card__facet-group{border:0;border-top:1px solid #c3bdb373;min-width:0;margin:0;padding:1rem 0 0}.reference-game-card__facet-group:first-child{border-top:0;padding-top:0}.reference-game-card__facet-group legend{text-transform:uppercase;padding:0 .4rem;font-weight:900}.reference-game-card__facet-options,.reference-keywords__selected{flex-wrap:wrap;gap:.6rem;display:flex}.reference-game-card__facet[aria-pressed=true]{color:var(--color-void-black);background:var(--color-bone-cream)}.reference-keywords{border-top:1px solid #c3bdb373;margin-top:1rem;padding-top:1rem}.reference-keywords__options li+li{border-top:1px solid var(--color-ash-taupe)}.reference-keywords__options button{text-align:left;border:0;border-radius:0;width:100%}.reference-keywords__selected button[aria-pressed=true]{color:var(--color-void-black);background:var(--color-bone-cream)}@media (hover:hover){.reference-game-suggestions [role=option]:hover:not([aria-disabled=true]),.reference-game-card__facet:hover:not(:disabled),.reference-keywords__options button:hover:not(:disabled){color:var(--color-void-black);background:var(--color-bone-cream)}}.reference-keywords__options button:disabled{cursor:not-allowed;opacity:.45}.reference-keywords__selected{margin:0;padding:0;list-style:none}@media (width<=36rem){.reference-game-card__header{grid-template-columns:5rem minmax(0,1fr);gap:.85rem}.reference-game-card__cover,.reference-game-card__cover-fallback{width:5rem}.reference-game-suggestions [role=option]{flex-direction:column;gap:.25rem}}@media (prefers-reduced-motion:reduce){.reference-selection *{scroll-behavior:auto}}.recommendation-constraints{border:1px solid var(--color-ash-taupe);min-width:0}.recommendation-constraints,.preference-validation{margin-top:2rem;padding:1.25rem}.recommendation-constraints{background:#000000f0}.recommendation-constraints>summary{cursor:pointer;justify-content:space-between;gap:1rem;font-weight:900;display:flex}.recommendation-constraints__summary-value{color:var(--color-ash-taupe);text-align:right;font-size:.8rem}.recommendation-constraints__content{border-top:1px solid var(--color-ash-taupe);gap:1.25rem;margin-top:1rem;padding-top:1rem;display:grid}.recommendation-constraints__group{border:0;min-width:0;margin:0;padding:0}.recommendation-constraints__group+.recommendation-constraints__group{border-top:1px solid #c3bdb373;padding-top:1.25rem}.recommendation-constraints__group legend{text-transform:uppercase;margin-bottom:.75rem;padding:0;font-weight:900}.recommendation-constraints__choices{flex-wrap:wrap;gap:.6rem;display:flex}.recommendation-constraints__choices button,.recommendation-constraints__clear{border:1px solid var(--color-bone-cream);min-height:2.5rem;color:var(--color-bone-cream);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.55rem .8rem;font-size:.875rem;font-weight:800}.recommendation-constraints__choices button{flex:8rem}.recommendation-constraints__choices button[aria-pressed=true]{color:var(--color-void-black);background:var(--color-bone-cream)}.recommendation-constraints__custom-length{gap:.55rem;width:min(100%,20rem);margin-top:.85rem;display:grid}.recommendation-constraints__custom-length input{width:100%}.recommendation-constraints__custom-length p,.recommendation-constraints__unknown-note{color:var(--color-ash-taupe);margin:0;font-size:.8rem;line-height:1.45}.recommendation-constraints__unknown-note{margin-top:.85rem}.recommendation-constraints__clear{justify-self:start}@media (hover:hover){.recommendation-constraints__choices button:hover:not([aria-pressed=true]),.recommendation-constraints__clear:hover{color:var(--color-void-black);background:var(--color-bone-cream)}}.preference-validation{border:1px solid var(--color-bone-cream);background:#000000f0;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;display:grid}.preference-validation[hidden]{display:none}.preference-validation__summary h3{text-align:left;margin:0;font-size:clamp(1.5rem,4vw,2.25rem);line-height:.95}.preference-validation__summary>p:last-child{margin:.6rem 0 0}.preference-validation>[role=status],.preference-validation>[role=alert],.preference-validation__requirement,.preference-validation>.recommendation-results__state{grid-column:1/-1}.preference-validation__recommendation-action{border:0;margin:0;padding:0}.preference-validation__recommendation-action button{width:100%}.preference-validation__requirement{border-left:3px solid var(--color-alarm-red);padding-left:.75rem}.preference-validation__recommendation-action button:disabled{cursor:not-allowed;opacity:.5}@media (width<=36rem){.recommendation-constraints,.preference-validation{padding:.85rem}.preference-validation{grid-template-columns:1fr}.recommendation-constraints>summary{flex-direction:column;gap:.35rem}.recommendation-constraints__summary-value{text-align:left}}.recommendation-result-card{--recommendation-card-height:clamp(30rem, 70vw, 32rem);--recommendation-card-padding:clamp(1rem, 4vw, 1.5rem);--recommendation-details-summary-height:3.25rem;isolation:isolate;box-sizing:border-box;min-width:0;min-height:var(--recommendation-card-height);border:1px solid var(--color-bone-cream);background:var(--color-void-black);transition:border-color .12s,box-shadow .12s;position:relative;overflow:hidden}.recommendation-result-card:after{z-index:1;top:0;height:var(--recommendation-card-height);content:"";pointer-events:none;background:linear-gradient(#000000ad 0%,#00000061 18%,#0000002e 34%,#000000d1 58%,#000000fa 100%);position:absolute;inset-inline:0}.recommendation-result-card:focus{outline:none}.recommendation-result-card:focus-within:not(:focus),.recommendation-result-card[data-selection-state=accepted]{border-color:var(--color-alarm-red);box-shadow:0 0 0 2px var(--color-alarm-red)}@media (hover:hover){.recommendation-result-card:hover{border-color:var(--color-alarm-red);box-shadow:0 0 0 2px var(--color-alarm-red)}}.recommendation-result-card:hover .recommendation-result-card__cover,.recommendation-result-card:focus-within:not(:focus) .recommendation-result-card__cover,.recommendation-result-card[data-selection-state=accepted] .recommendation-result-card__cover{filter:brightness(1.08)saturate(1.05)}.recommendation-result-card__cover-frame{z-index:0;top:0;height:var(--recommendation-card-height);background:var(--color-void-black);position:absolute;inset-inline:0;overflow:hidden}.recommendation-result-card__stage{z-index:2;box-sizing:border-box;height:calc(var(--recommendation-card-height) - var(--recommendation-details-summary-height));padding:var(--recommendation-card-padding);grid-template-columns:minmax(0,1fr);align-content:end;gap:1rem;padding-top:5rem;display:grid;position:relative}.recommendation-result-card__cover,.recommendation-result-card__cover-fallback{width:100%;height:100%;display:block}.recommendation-result-card__cover{object-fit:cover;object-position:center;transition:filter .12s}.recommendation-result-card__cover-fallback{box-sizing:border-box;border:1px dashed var(--color-ash-taupe);color:var(--color-ash-taupe);text-align:center;text-transform:uppercase;place-items:center;padding:.75rem;font-size:.75rem;font-weight:800;display:grid}.recommendation-result-card__content{text-shadow:0 2px 8px #000000e6;min-width:0}.recommendation-result-card__content header{top:4.25rem;inset-inline:var(--recommendation-card-padding);gap:.35rem;display:grid;position:absolute}.recommendation-result-card__content h3{overflow-wrap:anywhere;text-align:left;min-height:1.9em;margin:0;font-size:clamp(1.75rem,3vw,2.5rem);line-height:.95}.recommendation-result-card__rank{z-index:2;color:var(--color-alarm-red);letter-spacing:.12em;text-transform:uppercase;background:#000000d1;border:1px solid #ebe4d8b3;margin:0;padding:.45rem .55rem;font-size:.75rem;font-weight:900;position:absolute;top:1rem;left:1rem}.recommendation-result-card__facts{border-top:1px solid var(--color-ash-taupe);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.recommendation-result-card__facts div{border-bottom:1px solid var(--color-ash-taupe);min-width:0;padding:.75rem 0}.recommendation-result-card__facts dt,.recommendation-result-card__reason h4,.recommendation-result-card__tradeoff h4{letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:900}.recommendation-result-card__facts dd{overflow-wrap:anywhere;margin:.35rem 0 0}.recommendation-result-card__reason,.recommendation-result-card__tradeoff{margin-top:1.25rem}.recommendation-result-card__reason h4,.recommendation-result-card__tradeoff h4,.recommendation-result-card__reason p,.recommendation-result-card__tradeoff p{margin:0}.recommendation-result-card__reason p,.recommendation-result-card__tradeoff p{margin-top:.4rem;line-height:1.45}.recommendation-result-card__tradeoff{border-left:3px solid var(--color-alarm-red);padding-left:.85rem}.recommendation-result-card__details,.recommendation-result-card__actions{z-index:2;grid-column:1/-1;min-width:0;position:relative}.recommendation-result-card__details{margin-inline:var(--recommendation-card-padding);border-top:1px solid var(--color-ash-taupe)}.recommendation-result-card__details>summary{box-sizing:border-box;min-height:var(--recommendation-details-summary-height);cursor:pointer;padding:.85rem 0;font-weight:900}.recommendation-result-card__details>summary:focus-visible{box-shadow:inset 0 -3px 0 var(--color-bone-cream);outline:none}.recommendation-result-card__details-content{padding-bottom:1rem}.recommendation-result-card__details[open]{text-shadow:0 2px 8px #000000e6;background:0 0;padding:0 .85rem .85rem}.recommendation-evidence{margin-top:1.25rem}.recommendation-evidence h4{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:900}.recommendation-evidence__content{margin-top:.5rem}.recommendation-evidence__content>p{color:var(--color-ash-taupe);margin:0 0 .85rem;line-height:1.45}.recommendation-evidence__list{border-top:1px solid var(--color-ash-taupe);margin:0;padding:0;list-style:none;display:grid}.recommendation-evidence__list li{border-bottom:1px solid var(--color-ash-taupe);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.65rem 0;font-size:.8rem;display:grid}.recommendation-evidence__list strong{overflow-wrap:anywhere;min-width:0}.recommendation-evidence__list span{color:var(--color-ash-taupe)}.recommendation-evidence__list [data-match-state=matched] span:last-child{color:var(--color-bone-cream);font-weight:900}.recommendation-result-card__actions{grid-template-columns:1fr;gap:.75rem;display:grid}.recommendation-result-card__actions button{width:100%;min-width:0}.recommendation-result-card__actions .app__secondary-button{color:var(--color-bone-cream);box-shadow:none;background:0 0;margin-top:0}.recommendation-result-card__actions .app__secondary-button:hover:not(:disabled){color:var(--color-void-black);background:var(--color-bone-cream);box-shadow:none}.recommendation-results{border-top:2px solid var(--color-alarm-red);margin-top:3rem;padding-top:2rem}.recommendation-results__header{text-align:center;margin-bottom:1.5rem}.recommendation-results__header h3,.recommendation-results__header p{margin:0}.recommendation-results__header p{color:var(--color-ash-taupe);margin-top:.5rem}.recommendation-results__start-over{margin:1rem auto 0;display:block}.recommendation-results__cards{gap:1.5rem;display:grid}.recommendation-results__cards--accepted{width:min(100%,24rem);margin-inline:auto;display:block}.recommendation-results__cards--accepted .recommendation-result-card__cover{object-fit:contain}@media (width>=64rem){.recommendation-results__cards{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));align-items:start}.recommendation-result-card__content h3{font-size:clamp(1.75rem,2.7vw,2.15rem)}.recommendation-result-card__facts{grid-template-columns:1fr}}@media (width<=63.999rem){.recommendation-results__cards{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;grid-auto-columns:min(85vw,24rem);grid-auto-flow:column;padding-bottom:.75rem;overflow-x:auto}.recommendation-result-card{scroll-snap-align:start}}.recommendation-results__state{border:1px dashed var(--color-ash-taupe);color:var(--color-bone-cream);margin-top:2rem;padding:1.25rem}.recommendation-results__state h3{margin-top:0}.recommendation-results__state p:last-child{margin-bottom:0}.recommendation-results__error{border-color:var(--color-alarm-red)}@media (width<=36rem){.recommendation-result-card__facts{grid-template-columns:1fr}.recommendation-evidence__list li{grid-template-columns:1fr;gap:.25rem}}@media (prefers-reduced-motion:reduce){.recommendation-result-card,.recommendation-result-card__cover{transition:none}}