:root{--omikuji-night:#1e2a44;--omikuji-deep:#16203a;--omikuji-washi:#f5efe2;--omikuji-edge:#e4dac4;--omikuji-shu:#c73e3a;--omikuji-gold:#c9a227;--omikuji-sumi:#2a2320}*{box-sizing:border-box}.omikuji-page{min-height:100vh;background:radial-gradient(1200px 500px at 50% -10%,#2b3a5e 0%,transparent 60%),var(--omikuji-night);color:var(--omikuji-washi);font-family:ui-sans-serif,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;padding:28px 16px 40px;text-align:center}.omikuji-back{display:inline-block;color:var(--omikuji-washi);font-size:12px;text-decoration:none;opacity:.8}.omikuji-back:hover{color:var(--omikuji-gold)}.omikuji-head{margin:18px 0}.omikuji-head p{color:var(--omikuji-gold);font-size:11px;letter-spacing:.3em;margin:0 0 8px}.omikuji-head h1{font-family:serif;font-size:clamp(30px,7vw,44px);letter-spacing:.18em;margin:0}.omikuji-months{display:flex;gap:8px;max-width:100%;overflow-x:auto;padding:6px 4px 12px;justify-content:center;scrollbar-width:none}.omikuji-chip{flex:0 0 auto;background:transparent;border:1px solid rgba(245,239,226,.25);border-radius:4px;color:var(--omikuji-washi);cursor:pointer;font:inherit;padding:8px 12px}.omikuji-chip:hover,.omikuji-chip:focus-visible{border-color:var(--omikuji-gold)}.omikuji-chip.is-active{background:var(--omikuji-shu);border-color:var(--omikuji-shu)}.omikuji-chip small,.omikuji-chip span{display:block}.omikuji-chip small{font-size:10px;opacity:.75}.omikuji-chip span{font-family:serif;font-size:15px;font-weight:700;letter-spacing:.1em}.omikuji-stage{display:flex;justify-content:center;min-height:330px;margin-top:18px}.omikuji-draw{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:24px}.omikuji-draw p{font-size:13px;letter-spacing:.12em;margin:0}.omikuji-draw small{color:var(--omikuji-gold);font-size:11px}.omikuji-box{background:none;border:0;cursor:pointer;height:200px;position:relative;width:130px}.omikuji-box:focus-visible,.omikuji-again:focus-visible{outline:2px solid var(--omikuji-gold);outline-offset:5px}.omikuji-body{align-items:center;background:linear-gradient(105deg,#a9322e,#c73e3a 22%,#e0625b 40%,#c73e3a 58%,#96201f);clip-path:polygon(18% 0,82% 0,100% 6%,100% 94%,82% 100%,18% 100%,0 94%,0 6%);display:flex;inset:24px 0 0;justify-content:center;position:absolute;box-shadow:0 14px 30px rgba(0,0,0,.45);color:var(--omikuji-gold);font-family:serif;font-size:26px;font-weight:700;letter-spacing:.35em;writing-mode:vertical-rl}.omikuji-lid{background:linear-gradient(#e7b93c,var(--omikuji-gold) 55%,#8f721b);clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);height:26px;left:6%;position:absolute;top:8px;width:88%}.omikuji-stick{background:linear-gradient(#f0e3c0,#d9c89a);border-radius:3px 3px 0 0;height:0;left:50%;position:absolute;top:14px;transform:translateX(-50%);transition:height .25s,top .25s;width:10px}.is-shaking{animation:omikuji-shake .9s ease-in-out}.is-shaking .omikuji-stick{height:42px;top:-28px}@keyframes omikuji-shake{0%,100%{transform:rotate(0)}15%{transform:rotate(-9deg) translateY(-4px)}30%{transform:rotate(8deg) translateY(-8px)}45%{transform:rotate(-7deg) translateY(-4px)}60%{transform:rotate(6deg) translateY(-9px)}75%{transform:rotate(-4deg) translateY(-3px)}}.omikuji-result{align-items:center;display:flex;flex-direction:column;gap:18px;width:100%}.omikuji-paper{animation:omikuji-reveal .55s cubic-bezier(.2,.8,.3,1);background:linear-gradient(180deg,rgba(199,62,58,.06),transparent 12%),var(--omikuji-washi);border:1px solid var(--omikuji-edge);border-top:6px solid var(--omikuji-shu);box-shadow:0 18px 40px rgba(0,0,0,.5);color:var(--omikuji-sumi);padding:22px 18px 18px;width:min(360px,100%)}@keyframes omikuji-reveal{from{clip-path:inset(0 0 100% 0);opacity:0;transform:translateY(28px)}to{clip-path:inset(0);opacity:1;transform:translateY(0)}}.omikuji-vertical{display:flex;flex-direction:row-reverse;gap:14px;justify-content:center;min-height:230px;padding:6px 0 14px}.omikuji-vertical>*{font-family:serif;writing-mode:vertical-rl}.omikuji-meta{color:#8a7a5c;font-size:11px;letter-spacing:.25em}.omikuji-vertical strong{border:2px solid currentColor;font-size:56px;letter-spacing:.1em;line-height:1;padding:4px 6px}.omikuji-vertical p{font-size:17px;letter-spacing:.14em;line-height:2;margin:0;max-height:250px}.omikuji-paper hr{border:0;border-top:1px dashed #c9bfa6;margin:4px 0 12px}.omikuji-paper dl{display:flex;flex-direction:column;gap:9px;margin:0;text-align:left}.omikuji-paper dl div{align-items:baseline;display:flex;gap:10px}.omikuji-paper dt{background:var(--omikuji-shu);color:var(--omikuji-washi);font-family:serif;font-size:12px;font-weight:700;letter-spacing:.2em;padding:2px 7px}.omikuji-paper dd{font-size:13.5px;line-height:1.6;margin:0}.omikuji-paper footer{color:#8a7a5c;font-family:serif;font-size:11px;letter-spacing:.2em;margin-top:14px}.omikuji-again{background:transparent;border:1px solid rgba(245,239,226,.4);border-radius:999px;color:var(--omikuji-washi);cursor:pointer;font-family:serif;font-size:14px;letter-spacing:.15em;padding:10px 22px}.omikuji-again:hover{border-color:var(--omikuji-gold);color:var(--omikuji-gold)}.omikuji-page>footer{font-size:10px;letter-spacing:.25em;margin-top:26px}@media(max-width:800px){.omikuji-months{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.is-shaking,.omikuji-paper{animation:none}.omikuji-stick{transition:none}}