*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Poppins,system-ui,sans-serif;background:radial-gradient(circle at 50% 0%,#fff8ea,#fbf4e8 45%,#f2e6d1);color:#3b2f23}#game-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}#game-root canvas{width:100%;height:100%;display:block}#reward-overlay{--rf-cream: #FBF4E8;--rf-cream-dark: #F2E6D1;--rf-gold: #C9A227;--rf-gold-light: #E3C878;--rf-text-dark: #3B2F23;--rf-text-muted: #8A7860;--rf-card-border: #EADFC6;--rf-input-bg: #FDF9F0;--rf-input-border: #E6D8BA;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:#3b2f238c;font-family:Poppins,system-ui,sans-serif}#reward-overlay.rf-visible{display:flex}.rf-card{width:100%;max-width:420px;max-height:90vh;overflow-y:auto;background:var(--rf-cream);border-radius:28px;box-shadow:0 24px 60px #00000059;padding:36px 28px 28px;box-sizing:border-box;position:relative}.rf-card:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;border-radius:28px 28px 0 0;background:linear-gradient(90deg,var(--rf-gold-light),var(--rf-gold),var(--rf-gold-light))}.rf-step{display:none;flex-direction:column;align-items:center;gap:18px}.rf-step.rf-active{display:flex}.rf-icon-badge{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,var(--rf-gold-light),var(--rf-gold));display:flex;align-items:center;justify-content:center;font-size:40px;box-shadow:0 8px 20px #c9a22759}.rf-title{font-family:Playfair Display,serif;font-size:24px;font-weight:700;color:var(--rf-text-dark);text-align:center;margin:0;line-height:1.25}.rf-subtitle{font-size:14px;color:var(--rf-text-muted);text-align:center;margin:0;line-height:1.5;max-width:300px}.rf-field{width:100%;display:flex;flex-direction:column;gap:6px}.rf-field label{font-size:12px;font-weight:600;color:#5c4a33;letter-spacing:.03em}.rf-field input{height:50px;border-radius:14px;border:1.5px solid var(--rf-input-border);background:var(--rf-input-bg);padding:0 16px;font-size:15px;color:var(--rf-text-dark);font-family:Poppins,sans-serif;box-sizing:border-box}.rf-field input:focus{outline:none;border-color:var(--rf-gold)}.rf-field input::placeholder{color:#b9a78a}.rf-otp-row{display:flex;gap:8px;width:100%;justify-content:center}.rf-otp-row input{width:44px;height:56px;text-align:center;font-size:22px;font-weight:600;color:var(--rf-text-dark);border:1.5px solid var(--rf-input-border);border-radius:14px;background:var(--rf-input-bg);font-family:Poppins,sans-serif}.rf-otp-row input:focus{outline:none;border-color:var(--rf-gold);background:#fff}.rf-button{width:100%;height:52px;border-radius:16px;border:none;cursor:pointer;background:var(--rf-gold);color:#fff;font-size:15px;font-weight:600;font-family:Poppins,sans-serif;box-shadow:0 10px 20px #c9a2274d}.rf-button:hover{background:#b38f1f}.rf-button:active{transform:scale(.98)}.rf-button:disabled{opacity:.6;cursor:default;transform:none}.rf-ghost-link{background:none;border:none;cursor:pointer;padding:0;font-size:13px;color:#9c7d1e;text-decoration:underline;font-family:Poppins,sans-serif}.rf-ghost-link:hover{color:#6e580f}.rf-error{font-size:13px;color:#b3261e;text-align:center;margin:0;min-height:18px}.rf-code-card{width:100%;background:#fff;border:1.5px dashed var(--rf-gold);border-radius:20px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px;box-sizing:border-box}.rf-code-label{font-size:11px;letter-spacing:.08em;color:var(--rf-text-muted);font-weight:600}.rf-code-value{font-family:Playfair Display,serif;font-size:30px;letter-spacing:.06em;color:var(--rf-text-dark);font-weight:700}.rf-copy-btn{margin-top:4px;height:42px;padding:0 18px;border-radius:12px;border:1.5px solid var(--rf-input-border);background:var(--rf-input-bg);display:flex;align-items:center;gap:8px;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;color:#5c4a33;font-weight:600}.rf-copy-btn:hover{background:var(--rf-cream-dark)}.rf-expiry{margin:0;font-size:12.5px;color:#b9922e;font-weight:600}.rf-info-card{width:100%;background:var(--rf-cream-dark);border:1px solid var(--rf-card-border);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.rf-info-line{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--rf-text-dark);line-height:1.5;margin:0}.rf-confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;border-radius:28px}.rf-confetti-piece{position:absolute;top:-20px;width:8px;height:14px;border-radius:2px;opacity:0}.rf-confetti-play .rf-confetti-piece{animation:rf-confetti-fall 2.6s ease-in forwards}@keyframes rf-confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(640px) rotate(540deg);opacity:0}}.rf-form{width:100%;display:flex;flex-direction:column;gap:14px}.rf-form-center{align-items:center}.rf-otp-input{width:220px;height:56px;text-align:center;letter-spacing:.4em;font-size:24px;font-weight:600;color:var(--rf-text-dark);border:1.5px solid var(--rf-input-border);border-radius:14px;background:var(--rf-input-bg);font-family:Poppins,sans-serif}.rf-otp-input:focus{outline:none;border-color:var(--rf-gold);background:#fff}.rf-reward-chip{margin:-4px 0 0;padding:8px 16px;border-radius:999px;background:#fff;border:1.5px solid var(--rf-gold-light);font-size:14px;font-weight:600;color:#7a5f12;text-align:center}.rf-subtitle strong{color:var(--rf-text-dark);white-space:nowrap}.rf-footnote{margin:0;font-size:12px;color:var(--rf-text-muted);text-align:center;min-height:16px}.rf-ghost-link:disabled{color:var(--rf-text-muted);text-decoration:none;cursor:default}.rf-ghost-muted{color:var(--rf-text-muted)}.rf-icon-muted{background:linear-gradient(135deg,#e6d8ba,#c8b48d);box-shadow:none}.rf-button.rf-loading{position:relative;color:transparent;pointer-events:none}.rf-button.rf-loading:after{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:2.5px solid rgba(255,255,255,.45);border-top-color:#fff;animation:rf-spin .8s linear infinite}@keyframes rf-spin{to{transform:rotate(360deg)}}@media (max-width: 380px){.rf-card{padding:30px 20px 22px;border-radius:24px}.rf-otp-input{width:100%}}.mock-screen{width:100%;max-width:480px;max-height:100%;overflow-y:auto;padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.mock-badge{font-size:11px;letter-spacing:.08em;font-weight:700;color:#9c7d1e;background:#fff;border:1px solid #EADFC6;border-radius:999px;padding:6px 14px}.mock-screen h1{font-family:Playfair Display,serif;font-size:26px;margin:0}.mock-screen p{color:#8a7860;font-size:14px;margin:0;max-width:340px;line-height:1.6}.mock-tenant{width:100%;max-width:360px;display:flex;flex-direction:column;gap:6px;text-align:left}.mock-tenant label{font-size:12px;font-weight:600;color:#5c4a33}.mock-tenant input{height:44px;border-radius:12px;border:1.5px solid #E6D8BA;background:#fdf9f0;padding:0 12px;font-family:ui-monospace,Consolas,monospace;font-size:12.5px;color:#3b2f23}.mock-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.mock-btn{height:52px;padding:0 24px;border-radius:16px;border:none;cursor:pointer;background:#c9a227;color:#fff;font-size:15px;font-weight:600;font-family:Poppins,sans-serif;box-shadow:0 10px 20px #c9a2274d}.mock-btn:hover{background:#b38f1f}.mock-btn:disabled{opacity:.55;cursor:default}.mock-btn-secondary{background:#fff;color:#7a5f12;border:1.5px solid #E3C878;box-shadow:none}.mock-btn-secondary:hover{background:#fdf9f0}.mock-status{font-weight:600;color:#3b2f23;min-height:22px}.mock-log{width:100%;max-width:420px;text-align:left;background:#3b2f230f;border-radius:14px;padding:12px 14px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;color:#5c4a33;max-height:180px;overflow-y:auto;white-space:pre-wrap;line-height:1.6}.rf-error.rf-ok{color:#4d7a3a}.unity-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(circle at 50% 0%,#fff8ea,#fbf4e8 45%,#f2e6d1);padding:24px;text-align:center}.unity-loading-title{font-family:Playfair Display,serif;font-size:22px;font-weight:700;color:#3b2f23}.unity-progress{width:min(280px,80vw);height:10px;border-radius:999px;background:#eadfc6;overflow:hidden}.unity-progress-fill{width:0;height:100%;background:linear-gradient(90deg,#e3c878,#c9a227);transition:width .2s}.unity-loading-error{margin:0;font-size:13px;color:#b3261e;max-width:320px}