.hula-card-test{max-width:920px;margin:0 auto;color:#243746;font-family:inherit}.hula-card-test *{box-sizing:border-box}.hula-card-test__hero{text-align:center;margin-bottom:2rem}.hula-card-test__eyebrow{letter-spacing:.16em;font-size:.78rem;color:#557c8b;margin:.2rem 0 .5rem}.hula-card-test__hero h2{margin:.25rem 0 .75rem}.hula-card-test__step{margin:2rem 0}.hula-card-test__step h3{font-size:1.15rem;margin-bottom:1rem;border-bottom:1px solid #8ed4e9;padding-bottom:.55rem}.hula-card-test__zodiacs,.hula-card-test__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.hula-card-test__zodiac,.hula-card-test__card{font:inherit;cursor:pointer;border:1px solid #d8e0e5;border-radius:12px;background:#fff;color:inherit;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;min-width:0;overflow:hidden}.hula-card-test__zodiac{aspect-ratio:5/7;min-height:0}.hula-card-test__zodiac{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.35rem}.hula-card-test__zodiac span:first-child{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;font-size:1.15rem;background:#e5f1f5;color:#467f91}.hula-card-test__zodiac:nth-child(4n+1) span:first-child{background:#fbe9e9;color:#b85f69}.hula-card-test__zodiac:nth-child(4n+2) span:first-child{background:#f8eddd;color:#9a7044}.hula-card-test__zodiac:nth-child(4n+3) span:first-child{background:#e4effb;color:#5279a4}.hula-card-test__zodiac:nth-child(4n) span:first-child{background:#e4f2ed;color:#4d8a79}.hula-card-test__zodiac span:last-child{font-size:.95rem}.hula-card-test__zodiac:hover,.hula-card-test__card:hover{background:#edf5ff;border-color:#9dbde8;box-shadow:0 3px 12px #294d7014;transform:translateY(-2px)}.hula-card-test__zodiac.is-selected,.hula-card-test__card.is-selected{background:#e5f0ff;border-color:#4169e1;box-shadow:0 0 0 1px #4169e1}.hula-card-test__card{padding:.22rem;display:block;aspect-ratio:5/7;perspective:900px;position:relative}.hula-card-test__card-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.2,.75,.25,1)}.hula-card-test__card.is-revealed .hula-card-test__card-inner,.hula-card-test__card.is-flipping .hula-card-test__card-inner{transform:rotateY(180deg)}.hula-card-test__card-back,.hula-card-test__card-front{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:8px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.hula-card-test__card-back{border:1px solid #b8e2df;background:radial-gradient(circle at 50% 48%,#faffff 0,#e9f9f7 30%,transparent 31%),linear-gradient(145deg,#edf6ff 0%,#e0f3f4 52%,#e4f7ed 100%);color:#438d89;box-shadow:inset 0 0 0 4px #fbffff,inset 0 0 0 5px #b8e2df}.hula-card-test__card-back:before,.hula-card-test__card-back:after{content:"";position:absolute;inset:5px;border:1px solid #b8e2df;border-radius:5px;pointer-events:none}.hula-card-test__card-back:after{inset:10px;border-style:dashed}.hula-card-test__card-back-mark{font-size:1.45rem;line-height:1;color:#438d89}.hula-card-test__card-front{transform:rotateY(180deg);background:#f7fcfb;border:1px solid #b8e2df;padding:4px}.hula-card-test__card-front img{display:block;width:100%;height:100%;object-fit:contain;border-radius:5px}.hula-card-test__card-front-fallback{font-size:.8rem;line-height:1.4;text-align:center;padding:.35rem;color:#347b7d}.hula-card-test__chosen-card img{display:block;width:100%;height:auto;max-width:520px;margin:0 auto;object-fit:contain;border-radius:10px}.hula-card-test__card-fallback{display:flex;align-items:center;justify-content:center;aspect-ratio:7/5;width:100%;max-width:520px;margin:0 auto;border-radius:10px;background:linear-gradient(145deg,#edf6ff,#e0f3f4 55%,#e4f7ed);font-size:1.7rem;color:#438d89}.hula-card-test__card-description{margin-top:1rem;padding-top:.8rem;border-top:1px solid #dce7ec}.hula-card-test__card-description h5{margin:0 0 .35rem;font-size:1.35rem;font-weight:700;color:#267f83;line-height:1.5}.hula-card-test__card-description p{font-size:1.08rem;font-weight:600;color:#347b7d;line-height:1.8}
.hula-card-test__status{margin:1rem 0;color:#55717d}.hula-card-test__result{margin:2rem auto;max-width:760px}.hula-card-test__result>h3,.hula-card-test__date{text-align:center}.hula-card-test__result-eyebrow{text-align:center;font-size:clamp(1rem,2.3vw,1.25rem);font-weight:500;letter-spacing:.12em;line-height:1.5;margin:.15rem 0 .65rem;color:#557c8b}.hula-card-test__chosen-card{width:100%;max-width:none;margin:1rem auto 1.25rem;text-align:center}.hula-card-test__chosen-card img{display:block;width:100%;max-width:520px;height:auto;aspect-ratio:7/5;object-fit:contain;margin:0 auto;border-radius:10px}.hula-card-test__card-fallback{display:flex;align-items:center;justify-content:center;aspect-ratio:5/7;max-width:320px;margin:0 auto;border-radius:10px;background:linear-gradient(145deg,#e5f2ff,#d5eeef 55%,#d9f4e7);font-size:1.7rem;color:#438d89}.hula-card-test__chosen-card figcaption{margin:.6rem 0;font-weight:600;letter-spacing:.08em}.hula-card-test__reading{padding:1rem 1.1rem;margin:.65rem 0;border-radius:10px;background:#f5f9fd}.hula-card-test__reading h4{margin:0 0 .55rem;font-size:1.05rem}.hula-card-test__reading p{margin:0;line-height:1.9}.hula-card-test__action{background:#f2f7fc}hula-card-test__retry{display:block;margin:1.5rem auto;padding:.7rem 1.2rem;border:1px solid #cbd6dc;border-radius:8px;background:#fff;cursor:pointer}.hula-card-test__retry:hover{background:#edf5ff;border-color:#9dbde8}.hula-card-test__note{text-align:center;color:#6b7c84;font-size:.85rem}.hula-card-test [hidden]{display:none!important}.hula-card-test__action-layout{display:flex;align-items:center;gap:1rem}.hula-card-test__action-layout [data-action]{flex:1;min-width:0;order:1}.hula-card-test__plumeria-frame{display:flex;align-items:center;justify-content:center;width:60px;height:60px;flex:0 0 60px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;order:2}.hula-card-test__plumeria{display:block;width:100%;height:100%;object-fit:contain;margin:0;filter:none}@media(max-width:640px){.hula-card-test__zodiacs,.hula-card-test__cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.hula-card-test__zodiac,.hula-card-test__card{border-radius:10px}.hula-card-test__zodiac{gap:.3rem;padding:.25rem}.hula-card-test__zodiac span:first-child{width:2rem;height:2rem;font-size:1.1rem}.hula-card-test__zodiac span:last-child{font-size:.8rem}.hula-card-test__card{padding:.14rem}.hula-card-test__card-back:before{inset:4px}.hula-card-test__card-back:after{inset:8px}.hula-card-test__card-front{padding:3px}.hula-card-test__chosen-card{max-width:none}.hula-card-test__chosen-card img,.hula-card-test__card-fallback{max-width:100%}.hula-card-test__card-description h5{font-size:1.35rem}.hula-card-test__reading{padding:.85rem .9rem}.hula-card-test__action-layout{gap:.65rem}.hula-card-test__plumeria-frame{width:60px;height:60px;flex-basis:60px}.hula-card-test__plumeria{width:100%;height:100%}}

.hula-card-test__card-description{margin-top:1rem;padding-top:.8rem;border-top:1px solid #dce7ec}.hula-card-test__card-description h5{margin:0 0 .35rem;font-size:1.2rem;font-weight:700;color:#267f83;line-height:1.5}.hula-card-test__card-description p{font-size:1.08rem;font-weight:600;color:#347b7d;line-height:1.8}

@media (prefers-reduced-motion: reduce){.hula-card-test__card-inner{transition:none!important}.hula-card-test__zodiac,.hula-card-test__card{transition:none!important}}