@import"https://fonts.googleapis.com/css2?family=Charm:wght@700&family=Noto+Sans+Thai:wght@400;500;700&display=swap";:root{--bg: #17102b;--card: #241736;--card-edge: #3a2b55;--gold: #f3d98b;--gold-deep: #d4a437;--text: #efe9f7;--muted: #b3a8c9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0%,#251a42 0%,var(--bg) 55%);color:var(--text);font-family:Noto Sans Thai,system-ui,sans-serif;min-height:100vh}.page{max-width:480px;margin:0 auto;padding:24px 16px 40px}.hero{text-align:center;padding:12px 0 4px}.hero h1{font-size:28px;margin:0 0 4px;color:var(--gold);font-family:Charm,Noto Sans Thai,serif}.hero-sub{margin:0;color:var(--muted);font-size:14px}.input-box{margin-top:20px}.input-box input{width:100%;font-size:22px;letter-spacing:2px;text-align:center;padding:14px 16px;border-radius:14px;border:1px solid var(--card-edge);background:var(--card);color:var(--text);font-family:inherit}.input-box input:focus{outline:2px solid var(--gold-deep)}.privacy-note{text-align:center;color:var(--muted);font-size:12px;margin:8px 0 0}.trust-note{text-align:center;color:var(--gold);font-size:12px;margin:4px 0 0}.chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px}.chip{font-size:12px;color:var(--gold);background:#d4a4371f;border:1px solid rgba(212,164,55,.35);padding:4px 10px;border-radius:999px}.ceremony{text-align:center;padding:30px 18px 24px}.cer-orb{font-size:44px;animation:cer-pulse 1s ease-in-out infinite}@keyframes cer-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 4px rgba(212,164,55,.4))}50%{transform:scale(1.12);filter:drop-shadow(0 0 14px rgba(212,164,55,.85))}}.cer-text{margin:14px 0 0;font-size:15px;color:var(--text);animation:cer-in .35s ease both;min-height:24px}@keyframes cer-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cer-bar{margin-top:16px;height:6px;border-radius:999px;background:var(--card-edge);overflow:hidden}.cer-fill{height:100%;background:linear-gradient(90deg,var(--gold-deep),var(--gold));border-radius:999px;transition:width .45s ease}.cer-count{margin:8px 0 0;font-size:11px;color:var(--muted)}.cer-promo{margin:16px 0 0;font-size:13px;color:var(--gold);background:#d4a4371a;border:1px solid rgba(212,164,55,.3);border-radius:999px;padding:9px 14px}.locked{margin-top:18px;padding-top:14px;border-top:1px dashed var(--card-edge)}.locked-head{margin:0 0 10px;font-size:13px;color:var(--muted)}.locked-item{display:flex;gap:10px;background:#0000002e;border:1px solid var(--card-edge);border-radius:12px;padding:10px 12px;margin-bottom:8px}.lock-icon{font-size:15px;line-height:1.4}.locked-q{margin:0;font-size:14px;font-weight:700;color:var(--text)}.locked-sub{margin:2px 0 6px;font-size:12px;color:var(--muted)}.locked-blur{margin:0;font-size:12px;line-height:1.6;color:var(--text);filter:blur(4.5px);-webkit-user-select:none;user-select:none;pointer-events:none}.hint{text-align:center;color:var(--gold);font-size:13px;margin:8px 0 0}.card{margin-top:16px;background:var(--card);border:1px solid var(--card-edge);border-radius:18px;padding:20px 18px 18px;box-shadow:0 8px 30px #00000059}.empty-card{min-height:120px;background:transparent;border:1px dashed var(--card-edge);box-shadow:none}.card-label{margin:0;color:var(--muted);font-size:13px}.bucket-title{margin:2px 0 12px;font-size:22px;color:var(--gold);font-family:Charm,Noto Sans Thai,serif}.score-row{display:flex;gap:16px;align-items:center}.score-ring{width:108px;flex-shrink:0}.ring-track,.ring-fill{fill:none;stroke-width:10}.ring-track{stroke:var(--card-edge)}.ring-fill{stroke:url(#gold);stroke-linecap:round;transition:stroke-dashoffset .6s ease}.ring-number{fill:var(--gold);font-size:30px;font-weight:700;text-anchor:middle}.ring-unit{fill:var(--muted);font-size:10px;text-anchor:middle}.verse{margin:0;white-space:pre-line;font-family:Charm,Noto Sans Thai,serif;font-size:19px;line-height:1.65;color:var(--text)}.section{margin-top:16px}.section h3{margin:0 0 6px;font-size:15px;color:var(--gold)}.section ul{margin:0;padding-left:0;list-style:none}.section li{font-size:14px;line-height:1.55;padding:6px 0 6px 14px;border-left:2px solid var(--card-edge);margin-bottom:6px;color:var(--text)}.lucky-row{margin-top:16px;display:flex;align-items:center;gap:12px;background:#d4a4371a;border:1px solid rgba(212,164,55,.35);border-radius:12px;padding:10px 14px}.lucky-label{font-size:13px;color:var(--muted)}.lucky-digit{margin-left:auto;font-size:26px;font-weight:700;color:var(--gold)}.advice{margin:14px 0 0;font-size:14px;color:var(--text)}.line-cta{margin-top:18px;padding-top:16px;border-top:1px solid var(--card-edge);display:flex;gap:14px;align-items:center}.line-qr{border-radius:8px;flex-shrink:0}.line-text{min-width:0}.line-title{margin:0 0 2px;font-size:15px;color:var(--gold);font-weight:700}.line-sub{margin:0 0 8px;font-size:12px;color:var(--muted);line-height:1.5}.line-button{display:inline-block;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-deep) 100%);color:#241736;font-weight:700;font-size:14px;text-decoration:none;padding:9px 16px;border-radius:999px;font-family:inherit}.footer{text-align:center;color:var(--muted);font-size:11px;margin-top:28px}.footer a{color:var(--gold)}@keyframes scripture-open{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ctl .hero-sub{font-size:12px}.ctl-box{margin-top:14px;background:var(--card);border:1px solid var(--card-edge);border-radius:14px;padding:14px}.ctl-box h3{margin:0 0 10px;font-size:14px;color:var(--gold);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.ctl-actions{display:flex;gap:6px}.ctl-box button{font-family:inherit;font-size:12px;padding:6px 12px;border-radius:8px;border:1px solid var(--card-edge);background:#d4a4371f;color:var(--gold);cursor:pointer}.ctl-box button:disabled{opacity:.35;cursor:default}.ctl-modes{display:flex;gap:8px}.ctl-mode{flex:1;padding:10px}.ctl-mode.active{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-deep) 100%);color:var(--card);font-weight:700}.ctl-queue{list-style:none;margin:0;padding:0;max-height:260px;overflow-y:auto}.ctl-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;margin-bottom:6px;background:#0000002e}.ctl-item.first{border:1px solid var(--gold-deep)}.ctl-name{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctl-digits{font-size:15px;font-weight:700;color:var(--gold);letter-spacing:2px}.ctl-empty{color:var(--muted);font-size:13px}.ctl-current{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.ctl-hint{margin:10px 0 0;font-size:11px;color:var(--muted)}.ctl-hint a{color:var(--gold)}.ctl-sim{display:flex;gap:8px}.ctl-sim input{flex:1;font-family:inherit;font-size:14px;padding:8px 12px;border-radius:8px;border:1px solid var(--card-edge);background:#00000040;color:var(--text)}.ov-stage{width:100vw;height:100vh;padding:10vh 13vw 26vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#2c1e4d,#120b22 70%);overflow:hidden;box-sizing:border-box}.ov-idle{text-align:center}.ov-idle-pot{width:24vh;filter:drop-shadow(0 2vh 4vh rgba(0,0,0,.45))}.ov-idle-title{font-family:Charm,Noto Sans Thai,serif;font-size:6vh;color:var(--gold);margin:0}.ov-idle-sub{font-size:3.4vh;color:var(--muted);margin:1.2vh 0 0}.ov-shake{text-align:center}.ov-shake-name{font-size:3.6vh;color:var(--text);margin:0 0 2vh}.ov-shake-pot{position:relative;display:inline-block}.ov-shake-pot img{width:32vh;animation:pot-shake .28s ease-in-out infinite;filter:drop-shadow(0 2vh 5vh rgba(0,0,0,.5))}@keyframes pot-shake{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-1vh)}}.ov-shake-digits{position:absolute;top:-6vh;left:50%;transform:translate(-50%) rotate(-6deg);font-size:6vh;font-weight:700;letter-spacing:.6vh;color:var(--gold);text-shadow:0 .5vh 2vh rgba(0,0,0,.6);animation:digits-bob .6s ease-in-out infinite}@keyframes digits-bob{0%,to{transform:translate(-50%) rotate(-6deg) translateY(0)}50%{transform:translate(-50%) rotate(-6deg) translateY(-1vh)}}.ov-scripture{border:4.6vh solid transparent;border-image:url(/assets/fortune-scripture-wide.png) 16.3% 18.7% 15.9% 18.7% fill / 4.6vh stretch;padding:2.4vh 2.2vh;width:100%;max-height:100%;overflow:hidden;text-align:center;position:relative;animation:scripture-open .7s cubic-bezier(.18,.88,.24,1.08) both}.ov-scripture>*{position:relative;z-index:1}.ov-scripture:before{content:"";position:absolute;inset:.6vh;z-index:0;background:#120b2980;border-radius:1vh}.ov-name{font-size:3.6vh;color:var(--text);margin:0 0 .6vh}.ov-digits{font-size:8vh;font-weight:700;letter-spacing:1vh;color:var(--gold);margin:0 0 1vh}.ov-bucket{font-family:Charm,Noto Sans Thai,serif;font-size:4vh;color:var(--gold);margin:0 0 1vh}.ov-score{font-size:6vh;font-weight:700;color:var(--text);margin:0 0 1.2vh}.ov-score span{font-size:4vh;color:var(--muted);font-weight:400}.ov-verse{white-space:pre-line;font-family:Charm,Noto Sans Thai,serif;font-size:3.1vh;line-height:1.5;color:var(--text);margin:0 0 2.5vh}.ov-strengths{list-style:none;padding:0;margin:0 0 3vh}.ov-strengths li{font-size:3.3vh;color:var(--text);background:#d4a43724;border:1px solid rgba(212,164,55,.4);border-radius:999px;padding:.8vh 3vh;margin:0 auto .9vh;max-width:80vw}.ov-cta{font-size:3.6vh;color:var(--gold);margin:0}
