/* Shared interaction feedback, including controls added after page load. */
:root{--tap-ease:cubic-bezier(.2,.8,.2,1)}
/* A container is not clickable merely because it contains a link. */
:is(.hero-art,.hero-chart,.hero-orbit,.hero-orbit circle,.saju-intro-heading,.saju-intro-card,.saju-intro-closing,.article-card,.pricebox,.seal,.promo-slide,.paid-entry-features article,.luxury-reveal):not(a[href],button,[role=button],[onclick]),
:is(.article-card .cover,.article-card .cover>img,.article-card .cover>span){animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important}
:is(.hero-art,.saju-intro-card,.article-card,.pricebox,.seal)::before,:is(.hero-art,.saju-intro-card,.article-card,.pricebox,.seal)::after{animation:none!important;transition:none!important}
:where(button,input,select):disabled,:where([aria-disabled=true]){animation:none!important;transition:none!important;translate:none!important;scale:none!important;cursor:default}
:where(button,a[href],summary,select,input[type=button],input[type=submit],input[type=reset],input[type=checkbox],input[type=radio],input[type=range],[role=button],[onclick],.flow-item[data-month],.flow-item[data-year],.flow-item[data-luck-index],svg circle[tabindex]):not(:disabled,[aria-disabled=true],[inert] *){cursor:pointer;transition:translate .18s var(--tap-ease),scale .18s var(--tap-ease),filter .18s ease,box-shadow .22s ease,background-color .18s ease,color .18s ease,text-shadow .18s ease,text-underline-offset .18s ease!important}
:where(input:not([type=hidden]),textarea){transition:border-color .18s ease,box-shadow .18s ease}
:where(input,textarea,select):focus-visible{box-shadow:0 0 0 4px #a9843830}
:where(button,a[href],summary,select,input,[role=button],[onclick],.flow-item,svg circle[tabindex]):focus-visible{outline:3px solid #a77930;outline-offset:4px}
:where(button,a[href],summary,input[type=button],input[type=submit],input[type=reset],[role=button],[onclick],.flow-item[data-month],.flow-item[data-year],.flow-item[data-luck-index]):not(:disabled,[aria-disabled=true],[inert] *):active{translate:0 1px;scale:.97;filter:brightness(.94)}
:where(input[type=checkbox],input[type=radio]):not(:disabled):active{scale:.9}
svg circle[tabindex]{transform-box:fill-box;transform-origin:center}
svg circle[tabindex]:focus-visible{scale:1.5;opacity:1;outline-width:2px}
@media(hover:hover) and (pointer:fine){
 :where(button,summary,select,input[type=button],input[type=submit],input[type=reset],[role=button],[onclick],.flow-item[data-month],.flow-item[data-year],.flow-item[data-luck-index]):not(:disabled,[aria-disabled=true],[inert] *):hover{translate:0 -2px;filter:brightness(1.06);box-shadow:0 5px 14px #173c3226}
 a[href]:not([aria-disabled=true],[inert] *):hover{text-shadow:0 0 .7px currentColor;text-underline-offset:5px;filter:brightness(1.08);translate:0 -2px}
 svg circle[tabindex]:hover{scale:1.5;opacity:1}
 label[for]:hover{cursor:pointer;text-shadow:0 0 .5px currentColor}
}
@media(prefers-reduced-motion:no-preference){
 :where(.paid-entry-cta,.luna-start,.primary-btn,#start):not(:disabled,[aria-disabled=true]){animation:entry-invitation 2.2s ease-in-out 2}
 @keyframes entry-invitation{0%,100%{scale:1}50%{scale:1.018}}
 :where(.paid-entry-cta,.luna-start,.primary-btn,#start):hover,:where(.paid-entry-cta,.luna-start,.primary-btn,#start):focus-visible{animation:none}
}
@media(prefers-reduced-motion:reduce){
 :where(button,a[href],summary,select,input,textarea,[role=button],[onclick],.flow-item,svg circle[tabindex]){animation:none!important;transition:none!important;translate:none!important;scale:none!important}
}