@import "https://fonts.googleapis.com/css2?family=Kantumruy+Pro:wght@400;600;700&family=Inter:wght@400;500;600;700&display=swap";
:root{--bg:#0f1117;--card-bg:#181b24;--text:#f1f5f9;--text-muted:#94a3b8;--border:#262a36;--accent:#3b82f6;--accent-hover:#2563eb;--font-base:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-khmer:"Kantumruy Pro", "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:var(--font-base);flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px 80px;line-height:1.6;display:flex}.container{flex-direction:column;gap:48px;width:100%;max-width:680px;display:flex}.hero-section{text-align:center;flex-direction:column;align-items:center;gap:20px;padding-top:20px;display:flex}.profile-img-box{border:3px solid var(--border);border-radius:50%;width:160px;height:160px;overflow:hidden;box-shadow:0 8px 24px #0006}.profile-img{object-fit:cover;width:100%;height:100%;display:block}.hero-title{color:var(--text);font-size:2rem;font-weight:700}.media-section{flex-direction:column;gap:32px;display:flex}.media-item{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.btn-primary{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px 28px;font-size:1rem;font-weight:600;transition:background-color .2s,transform .1s;display:inline-flex}.btn-primary:hover{background-color:var(--accent-hover)}.btn-primary:active{transform:scale(.98)}.status-text{color:var(--text-muted);font-size:.9rem}.video-player{border:1px solid var(--border);background:#000;border-radius:12px;width:100%;max-width:540px}.last-section{text-align:center;border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:20px;padding-top:10px;display:flex}.khmer-title{font-family:var(--font-khmer);color:#fbbf24;font-size:1.8rem;font-weight:700}.sticker-box{justify-content:center;align-items:center;width:180px;height:180px;display:flex}.sticker-img{object-fit:contain;width:100%;height:100%}.spin-section{flex-direction:column;align-items:center;width:100%;display:flex}.spin-card-preview{text-align:center;background:radial-gradient(120% 120% at 50% 10%,#201a14 0%,#151720 100%);border:2px solid #ca8a04;border-radius:20px;flex-direction:column;align-items:center;gap:16px;width:100%;padding:32px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #ca8a0426,0 0 20px #0006}.spin-card-preview:before{content:"";background:linear-gradient(90deg,#0000,#fef08a,#eab308,#ca8a04,#0000);height:3px;position:absolute;top:0;left:0;right:0}.spin-sparkle-badge{font-family:var(--font-khmer);color:#fef08a;letter-spacing:.5px;background:#ca8a0433;border:1px solid #fef08a66;border-radius:9999px;padding:4px 14px;font-size:.85rem;font-weight:700}.spin-banner-title{font-family:var(--font-khmer);color:#fbbf24;text-shadow:0 2px 10px #fbbf244d;font-size:1.75rem;font-weight:700}.spin-banner-desc{font-family:var(--font-khmer);color:var(--text-muted);max-width:480px;font-size:.95rem;line-height:1.5}.btn-launch-spin{color:#1a0f02;font-family:var(--font-khmer);cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 50%,#b45309 100%);border:2px solid #fef08a;border-radius:14px;justify-content:center;align-items:center;gap:12px;margin-top:6px;padding:14px 32px;font-size:1.1rem;font-weight:700;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 8px 25px #d9770673,0 0 15px #fef08a4d}.btn-launch-spin:hover{filter:brightness(1.05);transform:translateY(-3px)scale(1.02);box-shadow:0 12px 30px #d9770699,0 0 25px #fef08a80}.btn-launch-spin:active{transform:translateY(1px)scale(.98)}.spin-btn-wheel-emoji{font-size:1.5rem;animation:10s linear infinite spinSlow;display:inline-block}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wheel-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:9999;background:#04060cd1;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.wheel-modal-content{background:radial-gradient(130% 130% at 50% 0,#1c1f2e 0%,#0d0f17 100%);border:2px solid #ca8a04;border-radius:24px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:520px;max-height:94vh;padding:24px 20px 28px;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 60px #000000b3,0 0 35px #ca8a0440}.wheel-modal-header{border-bottom:1px solid #ca8a044d;justify-content:space-between;align-items:center;width:100%;padding-bottom:14px;display:flex}.khmer-emblem{filter:drop-shadow(0 0 8px #eab30880);font-size:1.8rem}.wheel-title-box{text-align:center;flex-direction:column;align-items:center;display:flex}.wheel-main-title{font-family:var(--font-khmer);color:#fbbf24;font-size:1.5rem;font-weight:700;line-height:1.2}.wheel-sub-title{color:#94a3b8;letter-spacing:.5px;font-size:.82rem}.wheel-close-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.wheel-close-btn:hover:not(:disabled){color:#f87171;background:#ef444433;border-color:#ef4444}.wheel-close-btn:disabled{opacity:.3;cursor:not-allowed}.wheel-toolbar{justify-content:flex-end;align-items:center;width:100%;display:flex}.sound-toggle-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background .2s;display:flex}.sound-toggle-btn:hover{background:#ffffff29}.wheel-stage-container{justify-content:center;align-items:center;width:100%;padding:10px 0;display:flex;position:relative}.khmer-outer-frame{background:radial-gradient(circle,#2a2012 0%,#15100a 70%,#000 100%);border:8px solid #b45309;border-radius:50%;justify-content:center;align-items:center;width:360px;height:360px;display:flex;position:relative;box-shadow:0 0 35px #eab30866,inset 0 0 25px #000000e6}.frame-bulb{pointer-events:none;background:#fef08a;border-radius:50%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #facc15}.frame-bulb:nth-child(2n){background:#fb7185;box-shadow:0 0 8px #f43f5e}.khmer-wheel-pointer{z-index:30;pointer-events:none;filter:drop-shadow(0 4px 6px #000000b3);flex-direction:column;align-items:center;display:flex;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.pointer-tip{border-top:32px solid #fbbf24;border-left:18px solid #0000;border-right:18px solid #0000;width:0;height:0;position:relative}.pointer-tip:after{content:"";border-top:24px solid #fef08a;border-left:13px solid #0000;border-right:13px solid #0000;width:0;height:0;position:absolute;top:-32px;left:-13px}.pointer-gem{background:radial-gradient(circle,#ef4444 0%,#991b1b 100%);border:2px solid #fef08a;border-radius:50%;width:14px;height:14px;margin-top:-36px;box-shadow:0 0 6px #ef4444}.wheel-disc-wrapper{will-change:transform;border-radius:50%;width:324px;height:324px;overflow:hidden}.wheel-svg{width:100%;height:100%;display:block}.center-spin-hub{z-index:25;cursor:pointer;background:radial-gradient(circle at 35% 35%,#fef08a 0%,#eab308 50%,#854d0e 100%);border:3px solid #fef08a;border-radius:50%;outline:none;justify-content:center;align-items:center;width:78px;height:78px;transition:transform .15s,filter .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 18px #000c,0 0 15px #facc1580}.center-spin-hub:hover:not(:disabled){filter:brightness(1.1);transform:translate(-50%,-50%)scale(1.06)}.center-spin-hub:active:not(:disabled){transform:translate(-50%,-50%)scale(.95)}.center-spin-hub:disabled{cursor:not-allowed;opacity:.85}.hub-inner{flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:flex}.hub-khmer-text{font-family:var(--font-khmer);color:#451a03;font-size:.95rem;font-weight:700}.hub-eng-text{letter-spacing:.8px;color:#78350f;font-size:.62rem;font-weight:800}.wheel-controls{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.btn-spin-action{color:#1c1917;width:100%;font-family:var(--font-khmer);cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:1px solid #fef08a;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:1.05rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #d9770659}.btn-spin-action:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24 0%,#b45309 100%);transform:translateY(-2px)}.btn-spin-action:disabled{opacity:.65;cursor:not-allowed;transform:none}.spin-icon-anim{animation:1s linear infinite spinSlow}.telegram-status-bar{color:#94a3b8;text-align:center;background:#1e293b99;border:1px solid #47556966;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 14px;font-size:.8rem;display:flex}.tg-icon{color:#38bdf8;flex-shrink:0}.tg-text{font-family:var(--font-khmer)}.result-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#080a12e0;border-radius:22px;justify-content:center;align-items:center;padding:20px;animation:.3s cubic-bezier(.34,1.56,.64,1) popIn;display:flex;position:absolute;inset:0}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.result-card{text-align:center;background:radial-gradient(130% 130% at 50% 0,#1e2235 0%,#11131c 100%);border:2px solid #ca8a04;border-radius:20px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:420px;padding:28px 20px;display:flex;box-shadow:0 15px 40px #0009,0 0 25px #ca8a044d}.result-badge-icon{font-size:3rem;line-height:1}.result-title{font-family:var(--font-khmer);font-size:1.5rem;font-weight:700;line-height:1.3}.winner-title{color:#4ade80;text-shadow:0 0 15px #4ade8066}.thanks-title{color:#fbbf24;text-shadow:0 0 12px #fbbf244d}.result-subtitle{font-family:var(--font-khmer);color:#cbd5e1;font-size:.92rem;line-height:1.5}.result-subtitle strong{color:#fef08a}.result-trophy-box{color:#86efac;width:100%;font-family:var(--font-khmer);background:#22c55e1a;border:1px solid #22c55e4d;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:16px;font-size:.85rem;display:flex}.trophy-gold{color:#facc15;filter:drop-shadow(0 0 8px #facc15)}.result-sticker-box{justify-content:center;align-items:center;width:120px;height:120px;display:flex}.result-sticker{object-fit:contain;border-radius:12px;width:100%;height:100%}.result-actions{flex-direction:column;gap:10px;width:100%;margin-top:6px;display:flex}.btn-result-again{color:#1c1917;font-family:var(--font-khmer);cursor:pointer;background:#f59e0b;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:1rem;font-weight:700;transition:background .2s;display:inline-flex}.btn-result-again:hover{background:#fbbf24}.btn-result-close{color:#94a3b8;font-family:var(--font-khmer);cursor:pointer;background:0 0;border:1px solid #94a3b833;border-radius:10px;padding:10px;font-size:.92rem;font-weight:600;transition:all .2s}.btn-result-close:hover{color:#f1f5f9;background:#ffffff0d}@media (max-width:440px){.khmer-outer-frame{width:300px;height:300px}.wheel-disc-wrapper{width:270px;height:270px}.center-spin-hub{width:68px;height:68px}}