.bokchae{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;margin:0 auto 70px;padding:48px 24px 34px;max-width:560px;text-align:center;border-block:1px solid #c8aa602e;background:radial-gradient(ellipse at 50% 53%,#682b192c,transparent 66%),#0c0d0c;color:#eee4d3}
.bokchae .bokchae-eyebrow{font-size:12px;letter-spacing:.17em;color:#c7a66d}
.bokchae h2{font-size:clamp(24px,5.5vw,30px);font-weight:500;line-height:1.6;margin:17px 0 10px;letter-spacing:-.035em;word-break:keep-all}
.bokchae .bokchae-intro{font-size:14px;color:#b9aea0;margin:0;line-height:1.7}
.bokchae-stage{position:relative;width:260px;max-width:100%;height:340px;margin:8px auto 0}
.bokchae-pouch{position:absolute;inset:0;filter:drop-shadow(0 16px 15px #0006)}
.bokchae-bag{position:absolute;width:260px;height:270px;bottom:12px;left:0;z-index:3;overflow:visible}
.bokchae-mouth{transform-origin:130px 100px;transition:transform .65s ease}
.bokchae-bow{transform-origin:130px 106px;transition:transform .65s ease,opacity .45s}
.bokchae-open .bokchae-mouth{transform:scaleX(1.14) scaleY(.6)}
.bokchae-open .bokchae-bow{transform:translateY(9px) scaleX(1.28);opacity:0}
.bokchae-open .bokchae-ticket{transform:translateY(-78px);opacity:1}
.bokchae-open .bokchae-halo{opacity:1}
.bokchae .bokchae-pouch-button{position:absolute;inset:95px 20px 10px;z-index:5;border:0;background:transparent;color:#f2d29b;cursor:pointer;border-radius:45%;padding:0;touch-action:manipulation}
.bokchae-pouch-button>span{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;letter-spacing:.08em;background:#521c18cc;border:1px solid #e3b67566;border-radius:20px;padding:5px 12px}
.bokchae-pouch-button:hover>span{background:#78291f}
.bokchae-pouch-button:focus-visible{outline:2px solid #f0d092;outline-offset:5px}
.bokchae-halo{position:absolute;inset:20px -30px -10px;border-radius:50%;background:radial-gradient(ellipse,#ca94301a,transparent 68%);transition:opacity .6s;opacity:.4}
.bokchae-ticket{box-sizing:border-box;position:absolute;inset:93px 45px auto;height:176px;padding:15px 10px;background:linear-gradient(115deg,#f8eac9,#e9d3a0);color:#493321;border:1px solid #ffedbb;border-radius:3px;box-shadow:0 1px 12px #0004;z-index:2;opacity:0;transform:translateY(18px);transition:transform .8s .25s,opacity .2s .3s}
.bokchae-ticket:after{content:"";position:absolute;inset:5px;border:1px solid #ab834d66;pointer-events:none}
.bokchae-ticket>span{display:block;font-size:11px;letter-spacing:.05em;line-height:1.7}
.bokchae-ticket>strong{display:block;font-size:34px;line-height:1.5;font-family:Georgia,serif;letter-spacing:-.03em}
.bokchae-ticket strong small{font-size:14px;margin-left:3px}
.bokchae-ticket>b{display:inline-block;border:1px solid #aa3c2d;border-radius:3px;color:#a53227;font-size:15px;padding:1px 12px;margin:0 0 7px;transform:rotate(-7deg)}
.bokchae-result{min-height:55px;margin:4px 0 14px}.bokchae .bokchae-result>strong{font-size:21px;color:#eed19a;line-height:1.5}.bokchae .bokchae-result p{font-size:13px;line-height:1.8;color:#b9aea0;margin:6px 0}
.bokchae-sparks{position:absolute;inset:40px 0;pointer-events:none}.bokchae-sparks i{position:absolute;left:50%;top:45%;height:7px;width:3px;background:#efc77d;opacity:0;transform:rotate(calc(var(--i)*45deg));animation:bokchae-spark 1s .2s ease-out both}
@keyframes bokchae-spark{15%{opacity:1}100%{opacity:0;transform:rotate(calc(var(--i)*45deg)) translateY(-125px)}}
@media(prefers-reduced-motion:reduce){.bokchae *{animation:none!important;transition:none!important}}