@font-face{font-family:"Kalameh";src:url(../../../../../../../../plugins/Spiner-master/assets/fonts/kalameh-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Kalameh";src:url(../../../../../../../../plugins/Spiner-master/assets/fonts/kalameh-bold.woff2) format("woff2");font-weight:700 900;font-style:normal;font-display:swap}:root{--bg-1:#f6efe3;--bg-2:#f4c98f;--text-main:#ffffff;--text-muted:rgba(255, 255, 255, 0.72);--accent:#d9485f;--accent-dark:#ffd4d4;--input-border:rgba(255, 255, 255, 0.14)}*,*::before,*::after{box-sizing:border-box}.spin-page,.app-shell{min-height:auto}.app-shell{display:grid;place-items:center;justify-items:center;align-content:center;width:100%;max-width:100%;margin:0 auto;padding:clamp(16px, 3vw, 40px);font-family:"Kalameh","Vazirmatn",system-ui,sans-serif;color:var(--text-main);background:transparent;overflow-x:clip}.spin-card{max-width:min(1120px, 100%);margin:0 auto;display:flex;gap:32px;width:min(1073px, 100%);min-height:476px;padding:40px 56px;background:linear-gradient(135deg,#292d32,#1e0606);border:3px solid #ffffff75;border-radius:80px;box-shadow:none;direction:ltr;align-items:center;justify-content:space-between;justify-self:center}.content-panel{direction:rtl;flex:1 1 420px;display:flex;flex-direction:column;justify-content:center;gap:28px;text-align:right}.wheel-header{width:100%}.spin-title{margin:0 0 12px;font-size:28px;font-weight:800;color:#fff;line-height:1.4}.spin-subtitle{width:min(100%, 460px);margin:0 0 24px;font-size:18px;line-height:1.8;color:var(--text-muted)}.spin-form{display:flex;flex-direction:column;gap:10px}.spin-label{font-size:13px;color:var(--text-muted)}.spin-input-group{display:flex;align-items:center;gap:12px;direction:rtl;flex-direction:row}.spin-verification-row{opacity:0;max-height:0;overflow:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity 0.2s ease,transform 0.2s ease,max-height 0.2s ease}.spin-verification-row.is-visible{opacity:1;max-height:70px;pointer-events:auto;transform:translateY(0)}.spin-input-field{position:relative;flex:1;display:flex;align-items:center;background:#2e1f1f;width:308px;height:46px;border-radius:50px;border:1px solid var(--input-border);padding:0 40px 0 16px}.spin-input-group input{width:100%;height:100%;border:none;outline:none;background:transparent;color:var(--text-main);font-size:14px;direction:rtl;text-align:right;line-height:1;font-family:"Kalameh",system-ui,sans-serif;padding:0 8px 0 28px;caret-color:#fff}.spin-input-group input::placeholder{color:var(--text-muted)}.spin-input-group input:-webkit-autofill,.spin-input-group input:-webkit-autofill:hover,.spin-input-group input:-webkit-autofill:focus,.spin-input-group input:-webkit-autofill:active{-webkit-text-fill-color:#fff;transition:background-color 9999s ease-out 0s;box-shadow:0 0 0 1000px transparent inset}.spin-input-icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:#2c222f}.spin-input-icon img{width:24px;height:24px;object-fit:contain}.spin-button{border:none;outline:none;border-radius:999px;height:46px;width:131px;padding:0 28px;background:linear-gradient(135deg,#b58e5e,#d2ab66);color:#fff;font-size:14px;font-family:"Kalameh",system-ui,sans-serif;font-weight:800;cursor:pointer;box-shadow:none;white-space:nowrap;transition:transform 0.12s ease-out,opacity 0.12s ease-out}.spin-button:hover{transform:translateY(-1px)}.spin-button:active{transform:translateY(1px) scale(.98)}.spin-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.spin-note{margin:0;font-size:14px;color:var(--text-muted);min-height:24px}.spin-note::before{content:"✔";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:6px;border-radius:999px;background:radial-gradient(circle at 30% 20%,#ffe7a0,#f0b45c);color:#3b2613;font-size:11px}.spin-note.is-error{color:#ffb0b0}.spin-note.is-error::before{content:"!";background:radial-gradient(circle at 30% 20%,#ffc0c0,#d14b4b);color:#fff}.spin-note.is-success{color:#d5f7c2}.spin-note.is-info::before{content:"i";background:radial-gradient(circle at 30% 20%,#d3c2ff,#7f65b7);color:#fff}.wheel-stage{position:relative;display:grid;place-items:center;flex:0 0 auto;width:min(100%, 450px);max-width:100%;margin-inline:auto}.wheel-wrap{--frame-inset-top:14%;--frame-inset-right:13%;--frame-inset-bottom:13%;--frame-inset-left:13%;position:relative;width:min(100%, 450px);max-width:100%;aspect-ratio:507 / 513;display:grid;place-items:center;margin-inline:auto}.wheel-canvas-slot{position:absolute;top:var(--frame-inset-top);right:var(--frame-inset-right);bottom:var(--frame-inset-bottom);left:var(--frame-inset-left);z-index:2;border-radius:50%;overflow:hidden}#spin-wheel{position:absolute;inset:0;width:100%;height:100%;display:block;filter:none}.wheel-frame{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;pointer-events:none}.wheel-center-logo{position:absolute;top:50%;left:50%;z-index:3;width:clamp(58px, 13vw, 88px);height:auto;transform:translate(-50%,-50%);object-fit:contain;pointer-events:none}.spin-wheel-pointer{position:absolute;top:58px;left:50%;transform:translateX(-50%);width:15px;height:auto;z-index:4;object-fit:contain;filter:none}@media (max-width:900px){.spin-card{flex-direction:column;padding:28px 20px 32px;gap:28px;width:100%;min-height:auto;border-radius:32px;margin:0 auto}.wheel-stage{order:-1;width:100%}.wheel-wrap{width:min(100%, 360px)}}@media (max-width:767px){.app-shell{padding:16px}.spin-title{font-size:22px}.spin-subtitle{font-size:13px}.spin-input-group{flex-direction:column;align-items:stretch}.spin-form .spin-button,.spin-form .spin-input-field{width:100%}.spin-form .spin-input-field{min-height:56px!important;height:56px!important;padding:0 44px 0 16px!important;border-radius:18px!important}.spin-form .spin-input-field input{min-height:56px!important;height:56px!important;line-height:56px!important;font-size:15px!important;padding:0 10px 0 32px!important}.spin-form .spin-button{min-height:56px!important;height:56px!important;padding:0 18px!important;font-size:14px!important}.spin-wheel-pointer{top:46px;left:50%}}