:root{--bg: #0b0d17;--bg-2: #12152a;--gold: #e6b450;--gold-soft: #f0d08a;--toss-blue: #3182f6;--text: #f5f7fb;--text-dim: rgba(245, 247, 251, .62);--glass: rgba(255, 255, 255, .06);--glass-brd: rgba(255, 255, 255, .12);--radius: 20px;--font: "Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text)}.app-root{position:relative;width:100%;max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(120% 60% at 50% 0%,#1a1f3d 0%,var(--bg) 55%,var(--bg) 100%);overflow-x:hidden}.starfield{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.5) 50%,transparent 50%),radial-gradient(1px 1px at 70% 20%,rgba(255,255,255,.35) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 40% 70%,rgba(230,180,80,.5) 50%,transparent 50%),radial-gradient(1px 1px at 85% 60%,rgba(255,255,255,.3) 50%,transparent 50%),radial-gradient(1px 1px at 55% 45%,rgba(255,255,255,.25) 50%,transparent 50%);background-size:100% 100%;opacity:.7}.screen{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 28px) 22px calc(env(safe-area-inset-bottom,0px) + 28px)}.btn-primary{width:100%;border:0;border-radius:16px;padding:17px 20px;font-family:inherit;font-size:1.125rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#4a93ff,var(--toss-blue));box-shadow:0 8px 22px #3182f66b;cursor:pointer;transition:transform .12s ease,opacity .2s ease}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.55;cursor:default}.btn-ghost{width:100%;border:1px solid var(--glass-brd);border-radius:14px;padding:14px 18px;font-family:inherit;font-size:1rem;font-weight:600;color:var(--text);background:var(--glass);cursor:pointer;transition:background .2s ease}.btn-ghost.is-on{color:var(--gold-soft);border-color:#e6b45080;background:#e6b4501a}.btn-text{width:100%;border:0;background:none;color:var(--text-dim);font-family:inherit;font-size:.95rem;padding:8px;cursor:pointer}.intro{justify-content:space-between}.intro-hero{margin-top:12vh;text-align:center}.intro-emblem{font-size:68px;filter:drop-shadow(0 8px 24px rgba(230,180,80,.5))}.intro-title{margin:18px 0 12px;font-size:1.9rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,var(--gold-soft));-webkit-background-clip:text;background-clip:text;color:transparent}.intro-sub{margin:0;font-size:1.125rem;line-height:1.6;color:var(--text-dim)}.streak-badge{display:inline-block;margin-top:22px;padding:9px 16px;border-radius:999px;font-size:.95rem;font-weight:700;color:var(--gold-soft);background:#e6b4501f;border:1px solid rgba(230,180,80,.3)}.intro-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none}.orb-a{width:260px;height:260px;top:-40px;right:-80px;background:radial-gradient(circle,rgba(230,180,80,.5),transparent 70%)}.orb-b{width:300px;height:300px;bottom:40px;left:-110px;background:radial-gradient(circle,rgba(49,130,246,.4),transparent 70%)}.intro-cta-wrap{margin-top:auto}.intro-note{margin:12px 0 0;text-align:center;font-size:.85rem;color:var(--text-dim)}.deck{justify-content:space-between;align-items:center}.deck-head{text-align:center;margin-top:8px}.deck-title{margin:0 0 8px;font-size:1.3rem;font-weight:800}.deck-sub{margin:0;font-size:1.05rem;color:var(--text-dim)}.fan{position:relative;flex:1;width:100%;display:flex;align-items:center;justify-content:center}.fan-card{position:absolute;width:88px;height:132px;border:1px solid var(--glass-brd);border-radius:12px;background-size:cover;background-position:center;box-shadow:0 8px 20px #00000080;cursor:pointer;padding:0}.fan-glow{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:14px;box-shadow:0 0 26px 6px #e6b450b3;pointer-events:none}.deck-foot{margin:0;min-height:24px;font-size:1rem;color:var(--text-dim);text-align:center}.loading{align-items:center;justify-content:center;text-align:center;gap:6px}.loading-coin{font-size:64px}.coin-spin{animation:coinflip 1.1s linear infinite}@keyframes coinflip{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.loading-title{margin:18px 0 4px;font-size:1.35rem;font-weight:800}.loading-sub{margin:0 0 20px;font-size:1.05rem;color:var(--text-dim)}.loading-bar{width:190px;height:6px;border-radius:999px;background:#ffffff1a;overflow:hidden}.loading-bar-fill{display:block;height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold-soft));animation:slide 1.2s ease-in-out infinite}@keyframes slide{0%{transform:translate(-120%)}to{transform:translate(360%)}}.screen.result{padding-top:calc(env(safe-area-inset-top,0px) + 14px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px);gap:10px;align-items:center;text-align:center;justify-content:center}.result-top{display:flex;align-items:center;justify-content:center;gap:16px;width:100%}.score-col{display:flex;flex-direction:column;align-items:center;gap:7px}.grade-badge{padding:5px 12px;border-radius:999px;font-size:.82rem;font-weight:800;color:#0b0d17;background:linear-gradient(135deg,var(--gold-soft),var(--gold));box-shadow:0 5px 14px #e6b45052}.score-ring{--p: 0%;width:104px;height:104px;border-radius:50%;background:conic-gradient(var(--gold) var(--p),rgba(255,255,255,.08) 0);display:grid;place-items:center;transition:background .4s ease}.score-inner{width:82px;height:82px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#1a1f3d,#0b0d17);display:flex;align-items:baseline;justify-content:center;gap:2px;border:1px solid var(--glass-brd)}.score-inner strong{font-size:2rem;font-weight:800;color:#fff}.score-inner em{font-style:normal;font-size:.8rem;color:var(--text-dim)}.score-caption{margin:0;font-size:.82rem;color:var(--text-dim)}.result-card-wrap{perspective:1000px}.flip{position:relative;width:104px;height:162px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.flip.is-flipped{transform:rotateY(180deg)}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;backface-visibility:hidden;overflow:hidden;border:1px solid var(--glass-brd)}.flip-back{background-size:cover;background-position:center}.flip-front{transform:rotateY(180deg);background:#0b0d17;box-shadow:0 0 26px #e6b45052}.flip-front img{width:100%;height:100%;object-fit:cover;opacity:.95}.flip-caption{position:absolute;inset:auto 0 0 0;padding:7px 6px;display:flex;flex-direction:column;gap:0;background:linear-gradient(to top,rgba(11,13,23,.96),transparent)}.flip-kw{font-size:.6rem;letter-spacing:.08em;color:var(--gold-soft);font-weight:700}.flip-name{font-size:.9rem;font-weight:800}.flip-eng{font-size:.58rem;color:var(--text-dim)}.fact-panel{position:relative;width:100%;border-radius:16px;padding:13px 14px;background:var(--glass);border:1px solid var(--glass-brd);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fact-quote{position:absolute;top:0;left:12px;font-size:1.9rem;line-height:1;color:#e6b45080;font-family:Georgia,serif}.fact-text{margin:6px 0 0;font-size:1.02rem;font-weight:600;line-height:1.5}.lucky-row{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;padding:11px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-brd)}.lucky-item{display:flex;flex-direction:column;gap:4px;flex:1}.lucky-label{font-size:.78rem;color:var(--text-dim)}.lucky-color{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:1rem;font-weight:700}.lucky-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.4)}.lucky-number{font-size:1.25rem;font-weight:800;color:var(--gold-soft)}.lucky-divider{width:1px;align-self:stretch;background:var(--glass-brd)}.streak-line{margin:0;font-size:.8rem;color:var(--text-dim)}.result-actions{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:2px}.sub-actions{display:flex;gap:8px;align-items:center}.sub-actions .btn-ghost{flex:1}.sub-actions .btn-text{width:auto;white-space:nowrap;padding:8px 12px}.result .btn-primary{padding:13px 20px;font-size:1.05rem}.result .btn-ghost{padding:10px 14px;font-size:.9rem}.banner-ad{width:100%;margin-top:8px}.banner-divider{height:1px;background:var(--glass-brd);margin-bottom:8px}.banner-slot{position:relative;width:100%;min-height:96px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff0a;border:1px solid var(--glass-brd)}.banner-slot:before{content:"AD";position:absolute;top:6px;left:8px;font-size:.62rem;letter-spacing:.08em;color:var(--text-dim);border:1px solid var(--glass-brd);border-radius:4px;padding:1px 5px}.banner-slot[data-live=true]:before{display:none}.banner-ph{font-size:.8rem;color:var(--text-dim)}body{margin:0;background:#06070f;display:flex;align-items:center;justify-content:center;min-height:100vh}.preview-frame{width:390px;height:844px;max-width:100vw;max-height:100vh;background:#0b0d17;border-radius:28px;overflow:hidden;box-shadow:0 0 80px #3182f626}.preview-frame .app-root{max-width:none;min-height:0;height:100%}@media(max-width:480px){body{display:block;background:#0b0d17}.preview-frame{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;box-shadow:none}}