body{color:var(--text);background:#0a0820;font-weight:400}.hero{text-align:center;background:linear-gradient(160deg,#0f0a2e 0%,#1e1060 60%,#2d1b8e 100%);flex-direction:column;justify-content:center;align-items:center;padding:120px 48px 48px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background:radial-gradient(70% 50% at 50% 0,#a78bfa33 0%,#0000 60%),radial-gradient(50% 50% at 85% 70%,#fbbf241f 0%,#0000 60%);position:absolute;inset:0}.hero-content{z-index:1;max-width:640px;position:relative}.section-label{letter-spacing:.1em;text-transform:uppercase;color:#a78bfa;margin-bottom:12px;font-size:12px;font-weight:500}.hero h1{letter-spacing:-1.5px;color:#fff;margin-bottom:16px;font-family:DM Serif Display,serif;font-size:clamp(36px,5vw,60px);line-height:1.1}.hero h1 em{color:#fbbf24;font-style:italic}.hero-sub{color:#ffffff8c;max-width:480px;margin:0 auto 48px;font-size:18px;font-weight:300;line-height:1.65}.game-wrap{max-width:600px;margin:0 auto;padding:0 24px 80px}.game-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:36px 32px;position:relative;overflow:hidden}.game-progress{gap:4px;margin-bottom:28px;display:flex}.game-pip{background:#ffffff14;border-radius:2px;flex:1;height:4px;transition:background .3s}.game-pip.done{background:#fbbf24}.game-pip.active{background:#fbbf2466}.game-score-bar{color:#fff6;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:13px;display:flex}.game-score-bar strong{color:#fbbf24;font-weight:500}.game-q-num{letter-spacing:.08em;text-transform:uppercase;color:#a78bfa;margin-bottom:12px;font-size:11px;font-weight:500}.game-question{color:#fff;margin-bottom:8px;font-family:DM Serif Display,serif;font-size:22px;line-height:1.3}.game-expense{color:#ffffff80;margin-bottom:28px;font-size:15px;font-weight:300}.game-options{flex-direction:column;gap:10px;display:flex}.game-opt{color:#fffc;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:14px 18px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:400;transition:all .2s;display:block}.game-opt:hover{background:#ffffff14;border-color:#fff3}.game-opt.correct{color:#34d399;background:#34d3991f;border-color:#34d399}.game-opt.wrong{color:#ef4444;background:#ef44441f;border-color:#ef4444}.game-opt.disabled{pointer-events:none;opacity:.5}.game-opt.disabled.correct{opacity:1}.game-explain{color:#fff9;border-top:1px solid #ffffff0f;margin-top:20px;padding-top:16px;font-size:14px;line-height:1.6;display:none}.game-next{color:#0f0a2e;cursor:pointer;background:#fbbf24;border:none;border-radius:6px;margin-top:20px;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:background .2s;display:none}.game-next:hover{background:#f59e0b}.game-results{text-align:center;display:none}.game-results-score{color:#fbbf24;margin-bottom:8px;font-family:DM Serif Display,serif;font-size:64px}.game-results-label{color:#ffffff80;margin-bottom:8px;font-size:15px;font-weight:300}.game-results-title{color:#fff;margin-bottom:24px;font-family:DM Serif Display,serif;font-size:28px}.game-results-grade{color:#ffffff80;margin-bottom:32px;font-size:14px;font-weight:300;line-height:1.6}.game-btn-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;display:flex}.game-btn-share{color:#0f0a2e;cursor:pointer;background:#fbbf24;border:none;border-radius:6px;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:background .2s}.game-btn-share:hover{background:#f59e0b}.game-btn-retry{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.game-btn-retry:hover{color:#fff;border-color:#ffffff4d}.share-toast{color:#fbbf24;opacity:0;pointer-events:none;z-index:100;background:#1e1060;border:1px solid #fbbf244d;border-radius:8px;padding:10px 24px;font-size:14px;transition:opacity .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.share-toast.show{opacity:1}.leaderboard{border-top:1px solid #ffffff0f;margin-top:32px;padding-top:32px}.leaderboard h3{color:#fff;text-align:center;margin-bottom:16px;font-family:DM Serif Display,serif;font-size:18px}.lb-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:12px;padding:8px 0;display:flex}.lb-row:last-child{border-bottom:none}.lb-rank{color:#ffffff59;text-align:center;width:24px;font-size:13px;font-weight:500}.lb-rank.gold{color:#fbbf24}.lb-name{color:#ffffffb3;flex:1;font-size:14px}.lb-score{color:#fbbf24;font-size:14px;font-weight:500}.lb-empty{color:#ffffff4d;text-align:center;padding:12px 0;font-size:13px}.cta-section{background:var(--white);text-align:center;padding:88px 48px}.cta-box{background:linear-gradient(135deg,#0f0a2e 0%,#1e1060 100%);border:1px solid #8b5cf633;border-radius:16px;max-width:640px;margin:0 auto;padding:56px 48px}.cta-box h2{color:#fff;letter-spacing:-.5px;margin-bottom:10px;font-family:DM Serif Display,serif;font-size:32px}.cta-box p{color:#fff9;margin-bottom:32px;font-size:16px;font-weight:300}.cta-note{color:#ffffff73;font-size:12px}@media (width<=768px){.hero{padding:88px 20px 32px}.game-wrap{padding:0 16px 56px}.game-card{padding:24px 20px}.game-question{font-size:19px}.game-results-score{font-size:48px}.cta-section{padding:56px 20px}.cta-box{border-radius:12px;padding:36px 24px}.cta-box h2{font-size:26px}}