.omi{max-width:1040px;margin:0 auto;padding:clamp(110px,13vh,170px) 40px clamp(70px,9vw,110px);text-align:center}.omi__eyebrow{font-size:10px;letter-spacing:.44em;text-transform:uppercase;color:var(--shu);margin:0 0 22px}.omi__title{font-family:Yuji Syuku,serif;font-weight:400;font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.12;margin:0 0 20px}.omi__lede{max-width:54ch;margin:0 auto;color:var(--kinari-dim);font-size:1rem}.omi__gate{max-width:520px;margin:clamp(48px,7vw,80px) auto 0;border:1px solid rgba(233,228,216,.18);padding:clamp(34px,5vw,52px) clamp(24px,4vw,44px);background:linear-gradient(160deg,#191c22b3,#0e0e0fb3)}.omi__gatekanji{font-family:Yuji Syuku,serif;font-size:clamp(3rem,9vw,4.6rem);line-height:1;color:#e9e4d824;margin:0 0 22px}.omi__gatetext{color:var(--kinari-dim);margin:0 0 28px;font-size:.98rem}.omi__gatenote{margin:22px 0 0;font-size:.8rem;color:#b5ae9eb8}.omi__stage{perspective:1400px}.omi__deck{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.2vw,26px);max-width:760px;margin:clamp(44px,6vw,68px) auto 0}.omi-card{all:unset;position:relative;display:block;aspect-ratio:2/3;perspective:1100px;-webkit-tap-highlight-color:transparent;cursor:default;transition:transform .56s cubic-bezier(.62,.02,.34,1);will-change:transform}.omi-card:focus-visible{outline:2px solid var(--shu);outline-offset:4px}.omi-card__inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .95s cubic-bezier(.22,1,.36,1),filter .6s ease}.omi-card.is-flipped .omi-card__inner{transform:rotateY(180deg)}.omi-card__back,.omi-card__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:grid;place-items:center;border:1px solid rgba(233,228,216,.18);overflow:hidden}.omi-card__back{background:radial-gradient(120% 90% at 50% 8%,rgba(190,52,24,.22),transparent 58%),linear-gradient(160deg,#1b1e25,#0e0e0f 72%)}.omi-card__seal{font-family:Yuji Syuku,serif;font-size:clamp(1.6rem,4vw,2.4rem);color:var(--kinari);width:clamp(44px,9vw,62px);height:clamp(44px,9vw,62px);display:grid;place-items:center;background:var(--shu);transform:rotate(-4deg)}.omi-card__grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.omi-card__face{transform:rotateY(180deg);background:linear-gradient(165deg,#f1ede1,#dcd5c4);color:var(--sumi);padding:14px;text-align:center;gap:10px;align-content:center}.omi-card__kanji{font-family:Yuji Syuku,serif;font-size:clamp(2rem,6vw,3.2rem);line-height:1;color:var(--shu)}.omi-card__label{font-size:clamp(.72rem,1.6vw,.86rem);letter-spacing:.1em;line-height:1.4;color:#33312d}.omi-card.is-empty .omi-card__face{background:linear-gradient(165deg,#d9d4c7,#bfb9aa)}.omi-card.is-empty .omi-card__kanji{color:#6e6a62}.omi-card.is-rare .omi-card__face{background:linear-gradient(165deg,#be3418,#7a1c0c)}.omi-card.is-rare .omi-card__kanji{color:#f1ede1}.omi-card.is-rare .omi-card__label{color:#f1ede1e6}.omi__deck.is-shuffling .omi-card{z-index:1}.omi__deck.is-shuffling .omi-card__inner{animation:omiLift .56s ease-in-out infinite;box-shadow:0 22px 44px #0000008c}.omi__deck.is-shuffling .omi-card:nth-child(2n) .omi-card__inner{animation-delay:-.28s}.omi__deck.is-shuffling .omi-card:nth-child(3n) .omi-card__inner{animation-delay:-.14s}@keyframes omiLift{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translateZ(60px) rotate(2.5deg)}}.omi__deck.is-live .omi-card{cursor:pointer}.omi__deck.is-live .omi-card__inner{animation:omiBreathe 3.4s ease-in-out infinite alternate}.omi__deck.is-live .omi-card:nth-child(2) .omi-card__inner{animation-delay:-.5s}.omi__deck.is-live .omi-card:nth-child(3) .omi-card__inner{animation-delay:-1s}.omi__deck.is-live .omi-card:nth-child(4) .omi-card__inner{animation-delay:-1.5s}.omi__deck.is-live .omi-card:nth-child(5) .omi-card__inner{animation-delay:-2s}.omi__deck.is-live .omi-card:nth-child(6) .omi-card__inner{animation-delay:-2.5s}@keyframes omiBreathe{0%{transform:translateY(-5px)}to{transform:translateY(5px)}}@media(hover:hover){.omi__deck.is-live .omi-card:hover .omi-card__inner{transform:translateY(-14px) scale(1.04);animation:none;box-shadow:0 26px 50px #0009}.omi__deck.is-live .omi-card:hover .omi-card__back{border-color:#be3418cc}.omi__deck.is-live .omi-card:hover .omi-card__seal{transform:rotate(-8deg) scale(1.08)}}.omi-card__seal{transition:transform .4s cubic-bezier(.22,1,.36,1)}.omi__deck.is-done .omi-card:not(.is-chosen).is-flipped .omi-card__inner{filter:grayscale(.65) brightness(.5)}.omi__deck.is-done .omi-card.is-chosen{z-index:3}.omi__deck.is-done .omi-card.is-chosen .omi-card__inner{transform:rotateY(180deg) scale(1.06)}.omi__deck.is-done .omi-card.is-chosen .omi-card__face{box-shadow:0 0 0 2px var(--shu),0 22px 48px #0000008c}.omi__controls{margin-top:clamp(30px,4vw,44px)}.omi__status{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--kinari-dim);margin:0 0 22px;min-height:1.2em;transition:opacity .4s ease}.omi__controls .btn{min-width:240px}.omi__result{margin-top:clamp(34px,5vw,54px);opacity:0;translate:0 16px;transition:opacity .8s ease,translate .8s cubic-bezier(.22,1,.36,1)}.omi__result.is-in{opacity:1;translate:0 0}.omi__won{font-family:Yuji Syuku,serif;font-size:clamp(1.5rem,3.4vw,2.3rem);line-height:1.3;margin:0 0 18px}.omi__note{color:var(--kinari-dim);font-size:.95rem;max-width:52ch;margin:0 auto}.omi__cta{margin-top:30px}.omi__rules{margin:clamp(50px,7vw,80px) auto 0;font-size:.75rem;line-height:1.7;color:#b5ae9eb3;max-width:64ch}.omi__rules a{color:var(--kinari-dim)}@media screen and (max-width:820px){.omi{padding:84px 20px 60px}.omi__deck{grid-template-columns:repeat(3,1fr);gap:10px;max-width:none}.omi-card{aspect-ratio:2/2.9}.omi__lede{font-size:.95rem}.omi__gate{padding:30px 20px}.omi__gate .btn,.omi__controls .btn{width:100%;text-align:center;min-width:0}.omi__status{font-size:10px;letter-spacing:.22em}@keyframes omiLift{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translateZ(30px) rotate(1.5deg)}}}@media screen and (max-width:420px){.omi__deck{grid-template-columns:repeat(2,1fr);gap:12px}.omi-card{aspect-ratio:2/2.7}}@media(prefers-reduced-motion:reduce){.omi-card,.omi-card__inner{transition:none}.omi__deck.is-shuffling .omi-card__inner,.omi__deck.is-live .omi-card__inner{animation:none}.omi__result{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/seishin-omikuji.css.map */