.omt{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.omt__head{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.omt__label{margin:0;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-text-muted)}.omt__title{margin:0;font-size:2rem;font-weight:700;line-height:1.45}.omt__lead{margin:0;font-size:var(--fs-md);line-height:1.8;color:var(--color-text-muted)}.omt__hint{margin:0;text-align:center;font-size:var(--fs-md);font-weight:500;color:var(--color-text-muted)}.omt__hint.is-active{color:var(--color-accent)}.omt__note{font-size:var(--fs-xs);color:var(--color-text-muted)}.omt-stage{position:relative;width:100%;height:400px}.omt-stage.is-idle{animation:omt-breathe 2.4s ease-in-out infinite}@keyframes omt-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.omt-card{position:absolute;left:calc(50% - 75px);top:calc(50% - 128px);width:150px;height:256px;padding:0;border:0;background:transparent;perspective:1000px;cursor:default;transition:transform .7s cubic-bezier(.3,.7,.2,1),opacity .4s ease}.omt-card__inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,.7,.2,1)}.omt-card__face{position:absolute;inset:0;display:block;border-radius:10px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 12px 26px #1b23404d}.omt-card__face svg{display:block;width:100%;height:100%}.omt-card__face--front{transform:rotateY(180deg)}.omt-stage.is-idle .omt-card,.omt-stage.is-choosing .omt-card{cursor:pointer}.omt-stage.is-idle .omt-card:hover .omt-card__inner{transform:translateY(-6px)}.omt-stage.is-choosing .omt-card:hover .omt-card__inner,.omt-stage.is-choosing .omt-card:focus-visible .omt-card__inner{transform:translateY(-16px)}.omt-card:focus-visible{outline:none}.omt-card:focus-visible .omt-card__face{outline:2px solid var(--color-accent);outline-offset:3px}.omt-card.is-picked .omt-card__inner{transform:rotateY(180deg)}.omt-card.is-picked .omt-card__face--front{box-shadow:0 0 0 3px #c9a45c59,0 16px 36px #b08a3e59}.omt-card.is-other{opacity:.25}.omt-stage.is-shuffling .omt-card:nth-child(odd){animation:omt-l .38s ease-in-out 4 alternate}.omt-stage.is-shuffling .omt-card:nth-child(2n){animation:omt-r .38s ease-in-out .08s 4 alternate}@keyframes omt-l{to{transform:translate(-120px,6px) rotate(-12deg) scale(var(--s, .95))}}@keyframes omt-r{to{transform:translate(120px,-6px) rotate(12deg) scale(var(--s, .95))}}.omt-result{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);animation:omt-grow .7s cubic-bezier(.2,.8,.2,1) both}@keyframes omt-grow{0%{opacity:0;transform:translateY(-120px) scale(.45)}60%{opacity:1}to{opacity:1;transform:none}}.oc{--oc-ring: color-mix(in srgb, var(--oc-line) 35%, transparent);position:relative;width:380px;height:650px;box-sizing:border-box;padding:7px;background:var(--oc-bg);color:var(--oc-ink);border-radius:16px;font-family:var(--font-sans);box-shadow:0 0 0 3px var(--oc-ring),0 24px 48px var(--oc-shadow, rgba(60, 40, 20, .22))}.oc a{color:inherit;text-decoration:none}.oc__frame{height:100%;box-sizing:border-box;border:1.5px solid var(--oc-line);border-radius:11px;padding:5px}.oc--double .oc__frame{border:3px double var(--oc-line)}.oc__inner{height:100%;box-sizing:border-box;border:.6px solid var(--oc-line);border-radius:8px;padding:14px 22px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.oc__num{display:flex;align-items:center;gap:12px;color:var(--oc-line)}.oc__num span{min-width:44px;padding:1px 12px;border:1px solid var(--oc-line);border-radius:999px;font-family:Cinzel,serif;font-size:15px;font-weight:700;color:var(--oc-ink)}.oc__window{position:relative;flex:0 0 auto;margin-bottom:14px}.oc__window-line,.oc__window-img{position:absolute;inset:0}.oc__window-line{background:var(--oc-line)}.oc__window-img{transform:scale(.965);background:var(--oc-sub);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;color:var(--oc-muted)}.oc__window-img img{width:100%;height:100%;object-fit:cover}.oc__window-img>span{font-size:28px;font-weight:600;opacity:.7}.oc__window--arch{width:220px;height:180px}.oc__window--arch>:is(.oc__window-line,.oc__window-img){clip-path:path("M0 180 L0 80 A110 80 0 0 1 220 80 L220 180 Z")}.oc__window--gothic{width:220px;height:180px}.oc__window--gothic>:is(.oc__window-line,.oc__window-img){clip-path:path("M0 180 L0 88 Q0 22 110 0 Q220 22 220 88 L220 180 Z")}.oc__window--circle{width:180px;height:180px}.oc__window--circle>:is(.oc__window-line,.oc__window-img){border-radius:50%;overflow:hidden}.oc__window--oval{width:180px;height:196px}.oc__window--oval>:is(.oc__window-line,.oc__window-img){border-radius:50%/42%;overflow:hidden}.oc__window--square{width:220px;height:170px}.oc__window--square>:is(.oc__window-line,.oc__window-img){border-radius:4px;overflow:hidden}.oc__window--hex{width:210px;height:182px}.oc__window--hex>:is(.oc__window-line,.oc__window-img){clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.oc__window--tower{width:170px;height:190px}.oc__window--tower>:is(.oc__window-line,.oc__window-img){clip-path:polygon(0 14%,14% 14%,14% 0,30% 0,30% 14%,43% 14%,43% 0,57% 0,57% 14%,70% 14%,70% 0,86% 0,86% 14%,100% 14%,100% 100%,0 100%)}.oc__emblem{position:absolute;left:50%;bottom:-20px;transform:translate(-50%);width:40px;height:40px;border-radius:50%;background:var(--oc-bg);border:1.5px solid var(--oc-line);display:flex;align-items:center;justify-content:center}.oc__emblem svg{width:22px;height:22px;fill:none;stroke:var(--oc-line);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.oc__tags{margin:0;display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:center;font-family:var(--font-mono);font-size:12px;color:var(--oc-line)}.oc__title{margin:0;font-size:18px;font-weight:700;line-height:1.55}.oc__excerpt{margin:0;font-size:13px;line-height:1.8;color:var(--oc-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.oc__meta{margin:0;font-size:12px;color:var(--oc-muted)}.oc__meta time{font-family:var(--font-mono)}.oc__message{margin:0;font-size:13px;line-height:1.7;font-weight:500}.oc__stretch:after{content:"";position:absolute;inset:0;z-index:0;border-radius:16px}.oc__stretch:hover{text-decoration:underline;text-underline-offset:4px}.oc__stretch:focus-visible{outline:2px solid currentColor;outline-offset:2px}.oc__link{position:relative;z-index:1;text-decoration:underline!important;text-decoration-thickness:1px;text-underline-offset:3px}.oc__link:hover{text-decoration-thickness:2px}.oc__name{margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:center}.oc__name>span{display:flex;flex-direction:column;align-items:center;gap:1px}.oc__arcana{font-family:Cinzel,serif;font-size:15px;font-weight:700;letter-spacing:.06em}.oc__arcana.is-long{font-size:13px}.oc__jp{font-size:11px;color:var(--oc-muted)}.oc--ribbon .oc__name{padding:7px 0 6px;background:var(--oc-sub);border-block:1px solid var(--oc-line);clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%)}.oc--lines .oc__name{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:10px;color:var(--oc-line)}.oc--lines .oc__name:before,.oc--lines .oc__name:after{content:"";height:1px;background:var(--oc-line)}.oc--lines .oc__name>span{grid-column:2}.oc--band .oc__name{margin:auto -22px -14px;width:auto;align-self:stretch;padding:9px 0 11px;background:var(--oc-line);color:var(--oc-bg);border-radius:0 0 7px 7px}.oc--band .oc__jp{color:inherit}@media (max-width: 420px){.omt-result .oc{zoom:.88}}@media (max-width: 360px){.omt-result .oc{zoom:.8}}@media (prefers-reduced-motion: reduce){.omt-stage.is-idle,.omt-stage.is-shuffling .omt-card,.omt-result{animation:none}.omt-card,.omt-card__inner{transition:none}}