.motm-hero{background-color:var(--color-base-200)}.motm-hero-image{filter:contrast(1.05)brightness(1.35);mix-blend-mode:screen;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 94%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 94%,#0000 100%)}.motm-hero-texture{z-index:1;pointer-events:none;opacity:.12;mix-blend-mode:screen;background-image:url(/images/texture.png);background-position:50%;background-size:cover;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 62%,#0000 94%);mask-image:linear-gradient(#000 0% 62%,#0000 94%)}.motm-hero-veil{z-index:1;pointer-events:none;background:linear-gradient(to bottom, var(--color-base-200) 0%, transparent 12%), linear-gradient(to top, var(--color-base-200) 0%, color-mix(in oklab, var(--color-base-200) 82%, transparent) 32%, transparent 76%);position:absolute;inset:0}@media (min-width:1024px){.motm-hero-veil{background:linear-gradient(to bottom, var(--color-base-200) 0%, transparent 10%), linear-gradient(to top, var(--color-base-200) 0%, color-mix(in oklab, var(--color-base-200) 88%, transparent) 8%, transparent 36%), linear-gradient(to right, var(--color-base-200) 0%, color-mix(in oklab, var(--color-base-200) 72%, transparent) 38%, transparent 66%)}}.motm-hero-lead{text-shadow:0 2px 14px color-mix(in oklab, var(--color-base-300) 90%, transparent)}.motm-card{cursor:pointer;-webkit-tap-highlight-color:transparent;display:block;position:relative}.motm-card-input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.motm-card-inner{isolation:isolate;background-color:var(--color-base-300);border:1px solid color-mix(in oklab, var(--color-base-content) 14%, transparent);height:100%;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.motm-card-inner:before{content:"";z-index:0;pointer-events:none;opacity:.15;mix-blend-mode:screen;background-image:url(/images/texture.png);background-position:50%;background-size:cover;position:absolute;inset:0}.motm-card-media{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;filter:grayscale(.9)contrast(1.05)brightness(.8);width:100%;height:100%;transition:filter .35s,scale .45s;scale:1.04}.motm-card-scrim{pointer-events:none;background:linear-gradient(to top, var(--color-base-300) 0%, color-mix(in oklab, var(--color-base-300) 85%, transparent) 38%, transparent 72%);position:absolute;inset:0}@media (hover:hover){.motm-card:hover .motm-card-inner{border-color:color-mix(in oklab, var(--color-primary) 55%, transparent);transform:translateY(-4px)}.motm-card:hover .motm-card-media{filter:grayscale(.25)contrast(1.05)brightness(.95);scale:1.09}}.motm-card-input:focus-visible+.motm-card-inner{outline:2px solid var(--color-primary);outline-offset:3px}.motm-card[data-winner=true] .motm-card-inner{border-color:var(--color-primary);border-width:2px}.motm-card[data-winner=true] .motm-card-media{filter:grayscale(0)contrast(1.05)brightness()}.motm-card[data-selected=true] .motm-card-inner{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary) inset;border-width:2px;transform:translateY(-4px)}.motm-card[data-selected=true] .motm-card-media{filter:grayscale(0)contrast(1.05)brightness();scale:1.09}.motm-card[data-disabled=true]{cursor:default}.motm-result-bar{background-color:color-mix(in oklab, var(--color-base-content) 15%, transparent);width:100%;height:.375rem;position:relative;overflow:hidden}.motm-result-bar>span{background-color:var(--color-primary);transform-origin:0;height:100%;animation:.7s cubic-bezier(.22,1,.36,1) both motm-bar-grow;display:block}@keyframes motm-bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.motm-card-inner,.motm-card-media{transition:none}.motm-card:hover .motm-card-inner,.motm-card[data-selected=true] .motm-card-inner{transform:none}.motm-result-bar>span{animation:none}}
