.view--pick{display:none}.view--pick:not([hidden]){text-align:center;align-content:center;justify-items:center;min-height:100svh;padding-block:2rem;display:grid}[data-card-pick=true] .stage{padding-block:0}html[data-card-pick=true] .view--query,html[data-card-pick=true] .view--loading:not([hidden]),html[data-card-pick=true] .view--result,[data-card-pick=true] #horoscope-signs,[data-card-pick=true] #privacy-notice,[data-card-pick=true] #dictation-notice{display:none}.pick__stage{--pick-block:min(22rem, calc((100svh - 14rem) * .72));justify-items:center;gap:clamp(.75rem,2.5vw,1.25rem);width:100%;display:grid}.view--pick[data-phase=analyzing] .pick__stage{display:none}.pick__title{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:clamp(1.125rem,4vw,1.375rem);font-weight:600}.pick__counter{font-variant-numeric:tabular-nums;color:var(--ink-soft);margin:0;font-size:.9375rem}.pick__grid{width:100%;max-width:var(--pick-block);grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.375rem,1.5vw,.75rem);margin:0;padding:0;list-style:none;display:grid}.pick__cell{min-width:0}.pick__card{aspect-ratio:41/75;border:1px solid var(--accent);cursor:pointer;background:#ffffff14;border-radius:8px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.pick__card[aria-disabled=true]{cursor:default}.pick__back{opacity:.45;background:url(/brand/omantia-iso-white.svg) 50%/44% no-repeat;position:absolute;inset:0}.pick__img{object-fit:cover;opacity:0;border-radius:7px;width:100%;height:100%;position:absolute;inset:0}.pick__card[data-face=up] .pick__img{opacity:1}.pick__card[data-face=up] .pick__back{opacity:0}.pick__card[data-orientation=reversed] .pick__img{transform:rotate(180deg)}.pick__destiny{width:100%;max-width:var(--pick-block);border-color:var(--accent);position:relative;overflow:hidden}@media (width>=48rem){.pick__destiny{max-width:22rem}}.pick__destiny-label{z-index:1;position:relative}.pick__fill{z-index:0;transform-origin:0;background:var(--accent);pointer-events:none;position:absolute;inset:0;transform:scaleX(0)}.view--pick[data-timeout=armed] .pick__fill{animation:5s linear forwards pick-fill}.view--pick[data-timeout=elapsed] .pick__fill,.view--pick[data-timeout=stopped] .pick__fill{transform:scaleX(1)}.view--pick[data-timeout=idle] .pick__fill{display:none}@keyframes pick-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pick__analyzing{z-index:60;background:var(--ink);color:var(--on-ink);text-align:center;overscroll-behavior:contain;place-content:center;justify-items:center;gap:clamp(1rem,4vw,1.75rem);padding:clamp(.75rem,2.5vw,1.5rem);display:none;position:fixed;inset:0}body:has(.view--pick[data-phase=analyzing]) .pick__analyzing,body:has(#result-view[data-extension-pending=true]) .pick__analyzing{display:grid}.pick__analyzing-cards{flex-wrap:nowrap;justify-content:center;gap:clamp(.5rem,2vw,1rem);width:100%;margin:0;padding:0;list-style:none;display:flex}.pick__analyzing-card{justify-items:center;width:min(30vw,11rem,54.6667svh - 6.01333rem);min-width:0;display:grid}.pick__analyzing-plate{aspect-ratio:41/75;background:#fff;border-radius:8px;width:100%;display:block;overflow:hidden}.pick__analyzing-img{object-fit:cover;width:100%;height:100%}.pick__analyzing-card[data-orientation=reversed] .pick__analyzing-img{transform:rotate(180deg)}.pick__analyzing-msg{color:var(--on-ink);margin:0;font-size:1.0625rem;font-weight:600}.pick__analyzing-home{line-height:0}.pick__analyzing-logo{width:220px;height:auto;display:block}body:has(.view--pick[data-phase=analyzing]) .pick__analyzing-plate,body:has(#result-view[data-extension-pending=true]) .pick__analyzing-plate{animation:1.8s ease-in-out infinite pick-pulse}body:has(.view--pick[data-phase=analyzing]) .pick__analyzing-card:nth-child(2) .pick__analyzing-plate,body:has(#result-view[data-extension-pending=true]) .pick__analyzing-card:nth-child(2) .pick__analyzing-plate{animation-delay:.25s}body:has(.view--pick[data-phase=analyzing]) .pick__analyzing-card:nth-child(3) .pick__analyzing-plate,body:has(#result-view[data-extension-pending=true]) .pick__analyzing-card:nth-child(3) .pick__analyzing-plate{animation-delay:.5s}@keyframes pick-pulse{0%,to{opacity:.65}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.view--pick[data-timeout=armed] .pick__fill,body:has(.view--pick[data-phase=analyzing]) .pick__analyzing-plate,body:has(#result-view[data-extension-pending=true]) .pick__analyzing-plate{animation:none}}
