*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(ellipse 80% 70% at center,#1200a8 0%,#0a0078 50%,#050045 100%);display:flex;align-items:center;justify-content:center;padding:0;font-family:Arial,sans-serif;}.page{width:100%;max-width:480px;background:linear-gradient(175deg,#1900cc 0%,#0d0088 55%,#090065 100%);min-height:100vh;display:flex;flex-direction:column;position:relative;}.hero{position:relative;z-index:1;width:100%;aspect-ratio:480 / 210;background:#000;overflow:hidden;flex-shrink:0;}.hero img.banner{width:100%;height:100%;object-fit:cover;object-position:top;display:block;filter:blur(3px) brightness(.6);transform:scale(1.06);}.hero-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:14px;white-space:nowrap;}.coin-icon{width:66px;height:66px;border-radius:14px;object-fit:contain;flex-shrink:0;}.game-meta{display:flex;flex-direction:column;gap:3px}.game-title{font-family:'Arial Black',Arial,sans-serif;font-size:25px;font-weight:800;color:#fff;text-shadow:0 1px 6px #000;line-height:1;}.verified{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:700;color:#3ddc84;text-transform:uppercase;letter-spacing:.03em;}.verified svg{width:14px;height:14px;flex-shrink:0}.content{padding:28px 22px 32px;display:flex;flex-direction:column;flex:1;position:relative;z-index:1;}.steps{display:flex;flex-direction:column;align-items:center;margin-bottom:28px;gap:8px;}.steps-circles{display:flex;align-items:center;justify-content:center;gap:0;}.steps-labels{display:flex;align-items:center;justify-content:center;gap:0;}.circle{width:44px;height:44px;border-radius:50%;background:#FFD700;color:#000;font-family:'Arial Black',Arial,sans-serif;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.circle.dim{background:transparent;border:2px solid #7777aa;color:#7777aa;}.step-label{width:44px;text-align:center;font-family:'Arial Black',Arial,sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#FFD700;}.step-label.dim{color:#7777aa}.line{height:2px;width:52px;background:rgba(255,255,255,.35);flex-shrink:0;transition:background .3s;}.line-spacer{width:52px;flex-shrink:0}h1{font-family:'Arial Black',Arial,sans-serif;font-size:clamp(28px,5.5vw,28px);font-weight:900;color:#FFD700;text-transform:uppercase;line-height:1.1;margin-bottom:10px;text-align:center;}.sub{font-size:14px;font-weight:700;color:#FFD700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:22px;text-align:center;}#uid-input{width:100%;padding:16px 18px;background:#fff;border:2px solid #FFD700;border-radius:6px;font-size:17px;color:#333;outline:none;display:block;margin-bottom:6px;-webkit-appearance:none;appearance:none;transition:border-color .2s;}#uid-input::placeholder{color:#aaa}#uid-input.error{border-color:#ff4444;animation:shake .35s}@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}}#err{font-size:13px;color:#ff6666;font-weight:700;margin-bottom:12px;min-height:18px;}.btn{width:100%;padding:18px;background:#FFFF00;border:none;border-radius:6px;font-family:'Arial Black',Arial,sans-serif;font-size:22px;font-weight:900;color:#000;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;display:block;}.btn:active{filter:brightness(.9)}#step3-content{display:none;text-align:center;}.s3-robot{width:110px;height:110px;object-fit:contain;margin-bottom:20px;}@keyframes robotEnter{0%{opacity:0;transform:scale(.4) translateY(24px)}65%{transform:scale(1.1) translateY(-4px)}100%{opacity:1;transform:scale(1) translateY(0)}}@keyframes robotShake{0%,100%{transform:rotate(0deg)}15%{transform:rotate(-10deg)}30%{transform:rotate(10deg)}45%{transform:rotate(-7deg)}60%{transform:rotate(7deg)}78%{transform:rotate(-3deg)}90%{transform:rotate(3deg)}}.s3-robot.robot-in{animation:robotEnter .55s ease-out forwards,robotShake 2.2s ease-in-out 1.3s infinite;}.s3-title{font-family:'Arial Black',Arial,sans-serif;font-size:clamp(20px,6vw,26px);font-weight:900;color:#FFD700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;}.s3-sub{font-size:14px;font-weight:700;color:#aac;line-height:1.6;margin-bottom:24px;}#step-confirm{display:none}.sc-title{font-family:'Arial Black',Arial,sans-serif;font-size:clamp(20px,6vw,26px);color:#FFD700;text-transform:uppercase;text-align:center;margin-bottom:24px;}.sc-summary{background:#0000e0;border-radius:12px;overflow:hidden;margin-bottom:24px;}.sc-row{display:flex;justify-content:space-between;align-items:center;padding:20px;}.sc-sub{font-size:14px;color:#aac;text-align:center;margin-bottom:22px;}.btn-cancel{width:100%;padding:14px;background:transparent;border:2px solid rgba(255,255,255,.2);border-radius:6px;font-family:'Arial Black',Arial,sans-serif;font-size:16px;font-weight:700;color:#aac;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;margin-top:12px;display:block;}.btn-cancel:active{filter:brightness(.8)}.sc-divider{height:1px;background:rgba(255,255,255,.08)}.sc-row-label{font-size:12px;font-weight:700;color:#aac;text-transform:uppercase;letter-spacing:.06em;}.sc-row-value{font-family:'Arial Black',Arial,sans-serif;font-size:16px;color:#fff;}.sc-row-coins{display:flex;align-items:center;gap:8px;font-size:22px;color:#FFD700;}.sc-coin-icon{width:28px;height:28px;object-fit:contain;}#step2-content{display:none}.s2-title{font-family:'Arial Black',Arial,sans-serif;font-size:clamp(22px,6vw,30px);color:#FFD700;text-transform:uppercase;text-align:center;margin-bottom:8px;}.s2-sub{font-size:13px;font-weight:700;color:#aac;text-align:center;text-transform:uppercase;letter-spacing:.04em;margin-bottom:24px;}.amounts{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.amount-btn{width:100%;padding:28px 12px 24px;background:#0000e0;border:2px solid #3344cc;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:border-color .15s,background .15s;position:relative;}.amount-btn:hover,.amount-btn:active{border-color:#FFD700;background:#0000f0;}.amount-btn.popular{border-color:#FFD700}.popular-tag{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#FFD700;color:#000;font-size:10px;font-weight:900;font-family:'Arial Black',Arial,sans-serif;padding:2px 8px;border-radius:3px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;}.amount-coin-icon{width:62px;height:62px;object-fit:contain;}.amount-coins{font-family:'Arial Black',Arial,sans-serif;font-size:24px;color:#FFD700;text-align:center;}.amount-label{font-size:13px;font-weight:700;color:#aac;text-transform:uppercase;letter-spacing:.05em;text-align:center;}#prog-modal{display:none;position:fixed;inset:0;background:rgba(0,0,10,.75);z-index:8888;align-items:center;justify-content:center;}#prog-modal.open{display:flex}.prog-box{background:#fff;border-radius:18px;width:88%;max-width:320px;padding:44px 28px;display:flex;flex-direction:column;align-items:center;gap:20px;}#prog-text{font-family:'Arial Black',Arial,sans-serif;font-size:15px;color:#222;text-transform:uppercase;letter-spacing:.06em;text-align:center;transition:opacity .25s ease;}.prog-dots{display:flex;gap:8px}.prog-dots span{width:9px;height:9px;border-radius:50%;background:#FFD700;animation:dotPulse 1.2s ease-in-out infinite;}.prog-dots span:nth-child(2){animation-delay:.2s}.prog-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,100%{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}@media (min-width:481px){body{padding:30px 14px}.page{min-height:auto;border-radius:14px;overflow:hidden}}@media (max-width:380px){.line{width:32px}.content{padding:22px 16px 28px}}