.omi-defs{position:absolute;width:0;height:0;overflow:hidden}.omi__deck{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,24px);max-width:720px;margin:clamp(44px,6vw,68px) auto 0}.omi-card{all:unset;position:relative;display:block;aspect-ratio:5/8;perspective:1200px;transform-style:preserve-3d;transform:translate3d(var(--tx,0px),var(--ty,0px),0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .56s cubic-bezier(.62,.02,.34,1);-webkit-tap-highlight-color:transparent;cursor:default}.omi-card:focus-visible{outline:2px solid var(--shu);outline-offset:5px}.omi-card{animation:omiDeal .8s cubic-bezier(.22,1,.36,1) var(--deal,0ms) backwards}@keyframes omiDeal{0%{opacity:0;translate:0 34px;rotate:-3deg}to{opacity:1;translate:0 0;rotate:0deg}}.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),box-shadow .5s ease;box-shadow:0 14px 30px #00000080}.omi-card.is-flipped .omi-card__inner{transform:rotateY(180deg)}.omi-card__edge{position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:linear-gradient(160deg,#2a2e36,#08080a)}.omi-card__back,.omi-card__face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.omi-card__back{transform:translateZ(3px)}.omi-card__face{transform:rotateY(180deg) translateZ(3px)}.omi-card__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.omi-card__face{background:linear-gradient(168deg,#f2eee2,#dad3c2);color:var(--sumi);display:grid;place-content:center;padding:16px;text-align:center}.omi-card__frame{position:absolute;top:10px;right:10px;bottom:10px;left:10px;pointer-events:none;border:1px solid rgba(20,18,14,.2)}.omi-card__frame:before,.omi-card__frame:after{content:"";position:absolute;width:10px;height:10px;border:1px solid rgba(190,52,24,.6)}.omi-card__frame:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.omi-card__frame:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.omi-card__kanji{font-family:Yuji Syuku,serif;font-size:clamp(1.9rem,5.4vw,2.9rem);line-height:1;color:var(--shu)}.omi-card__rule{display:block;width:38%;height:1px;margin:12px auto;background:currentColor;color:var(--shu);opacity:.32}.omi-card__label{font-size:clamp(.68rem,1.5vw,.8rem);letter-spacing:.08em;line-height:1.45;color:#33312d}.omi-card__stamp{position:absolute;bottom:13px;right:13px;width:21px;height:21px;display:grid;place-items:center;font-family:Yuji Syuku,serif;font-size:11px;color:#f1ede1;background:var(--shu);transform:rotate(-6deg);box-shadow:0 1px 4px #0000004d}.omi-card__grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.4;mix-blend-mode:multiply;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.omi-card.is-empty .omi-card__face{background:linear-gradient(168deg,#d8d3c6,#b8b2a4)}.omi-card.is-empty .omi-card__kanji,.omi-card.is-empty .omi-card__rule{color:#6e6a62}.omi-card.is-empty .omi-card__stamp{opacity:.4}.omi-card.is-ship .omi-card__face{background:linear-gradient(168deg,#2e4f72,#15263a)}.omi-card.is-ship .omi-card__kanji,.omi-card.is-ship .omi-card__rule{color:#d3e5f5}.omi-card.is-ship .omi-card__label{color:#d3e5f5d9}.omi-card.is-ship .omi-card__frame{border-color:#b4d6f052}.omi-card.is-ship .omi-card__grain{mix-blend-mode:overlay;opacity:.28}.omi-card.is-gold .omi-card__face{background:linear-gradient(168deg,#c79e4c,#7b5b21)}.omi-card.is-gold .omi-card__kanji,.omi-card.is-gold .omi-card__rule{color:#241a08}.omi-card.is-gold .omi-card__label{color:#241a08cc}.omi-card.is-gold .omi-card__frame{border-color:#3c2c1052}.omi-card.is-rare .omi-card__face{background:linear-gradient(168deg,#d33c1b,#6c160a)}.omi-card.is-rare .omi-card__kanji,.omi-card.is-rare .omi-card__rule{color:#fff2e8}.omi-card.is-rare .omi-card__label{color:#fff2e8e6}.omi-card.is-rare .omi-card__frame{border-color:#ffe0ce73}.omi-card.is-rare .omi-card__stamp{background:#fff1e6;color:#8e2410}.omi-card.is-rare .omi-card__grain{mix-blend-mode:overlay;opacity:.26}.omi-card__sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .45s ease;background:radial-gradient(42% 32% at var(--mx,50%) var(--my,50%),rgba(255,255,255,.28),rgba(255,255,255,.05) 46%,transparent 72%);mix-blend-mode:screen}@media(hover:hover){.omi-card:hover .omi-card__sheen{opacity:1}}.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 30px 56px #0000009e}}.omi__deck.is-shuffling .omi-card__inner{animation:omiLift .62s ease-in-out infinite;box-shadow:0 24px 46px #0009}.omi__deck.is-shuffling .omi-card:nth-child(2n) .omi-card__inner{animation-delay:-.3s}.omi__deck.is-shuffling .omi-card:nth-child(3n) .omi-card__inner{animation-delay:-.16s}@keyframes omiLift{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translateZ(64px) rotate(2.5deg)}}.omi__deck.is-done .omi-card:not(.is-chosen).is-flipped .omi-card__inner{filter:none}.omi__deck.is-done .omi-card:not(.is-chosen).is-flipped .omi-card__face{filter:grayscale(.55) brightness(.62);transition:filter .7s ease .2s}.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.07)}.omi__deck.is-done .omi-card.is-chosen .omi-card__face{box-shadow:0 0 0 2px var(--shu),0 22px 48px #0000008c}.omi-card.is-rare.is-flipped .omi-card__face{animation:omiAura 2.6s ease-in-out infinite alternate}@keyframes omiAura{0%{box-shadow:0 0 0 1px #ffc4a073,0 0 20px #d13b1b99,0 0 48px #d13b1b4d}to{box-shadow:0 0 0 1px #ffd6babf,0 0 34px #d13b1be6,0 0 86px #d13b1b8c}}.omi-card.is-rare.is-flipped:before{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;z-index:-1;pointer-events:none;background:conic-gradient(from 0deg,#d13b1b00,#ffc4a0cc 40deg,#d13b1b00 110deg 180deg,#ffc4a08c 220deg,#d13b1b00 300deg);animation:omiRing 5.5s linear infinite}@keyframes omiRing{to{rotate:360deg}}.omi__deck.is-done .omi-card.is-rare.is-chosen .omi-card__inner{transform:rotateY(180deg) scale(1.12)}@media screen and (max-width:820px){.omi__deck{gap:9px;max-width:none}.omi-card__frame{top:7px;right:7px;bottom:7px;left:7px}.omi-card__stamp{width:16px;height:16px;font-size:9px;bottom:9px;right:9px}.omi-card__rule{margin:9px auto}.omi-card__back{transform:translateZ(2px)}.omi-card__face{transform:rotateY(180deg) translateZ(2px);padding:10px}@keyframes omiLift{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translateZ(32px) rotate(1.5deg)}}.omi-card.is-rare.is-flipped:before{top:-10px;right:-10px;bottom:-10px;left:-10px}}@media screen and (max-width:430px){.omi__deck{grid-template-columns:repeat(2,1fr);gap:12px;max-width:340px}}@media(prefers-reduced-motion:reduce){.omi-card{animation:none;transform:translate3d(var(--tx,0px),var(--ty,0px),0)}.omi__deck.is-live .omi-card__inner,.omi__deck.is-shuffling .omi-card__inner,.omi-card.is-rare.is-flipped .omi-card__face{animation:none}.omi-card.is-rare.is-flipped:before{animation:none;opacity:.7}.omi-card__sheen{display:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/seishin-omikuji-3d.css.map */