*{box-sizing:border-box}:root{--accent: #ff7a18;--accent-2: #ffb35a;--green: #38d17a;--panel: #12100d;--panel-2: #0d0b09;--line: #3a2a17;--dim: #8f8274;--text: #f3ede4;--danger: #ff6b6b}html,body,#root{min-height:100%;margin:0}body{background:#080604;color:var(--text);font-family:Barlow,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{min-height:100vh;width:100%;display:flex;justify-content:center;background:radial-gradient(120% 60% at 50% -10%,rgba(255,122,24,.22),transparent 60%),radial-gradient(80% 50% at 50% 108%,rgba(56,209,122,.1),transparent 60%),#080604}.center-screen{align-items:center;flex-direction:column;gap:12px;color:var(--accent-2);font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.shell,.auth-shell{width:100%;max-width:520px;padding:22px 16px 40px;position:relative}.shell{display:flex;flex-direction:column;gap:18px}.auth-shell{display:grid;align-content:center;gap:22px}.header{text-align:center;padding-top:6px}.stars{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--accent);margin-bottom:6px}.stars .dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent)}.stars .rule{width:34px;height:2px;background:linear-gradient(90deg,transparent,var(--accent))}.stars .rule.r{background:linear-gradient(270deg,transparent,var(--accent))}.title{margin:0;color:transparent;background:linear-gradient(180deg,#ffd98a,#ff8a1e 55%,#c85e05);background-clip:text;font-family:Anton,sans-serif;font-size:clamp(34px,10vw,52px);letter-spacing:.02em;line-height:.9;text-shadow:0 2px 18px rgba(255,122,24,.35);-webkit-background-clip:text}.brand{margin:4px 0 0;color:var(--accent-2);font-family:Barlow Condensed,sans-serif;font-size:clamp(20px,6vw,30px);font-style:italic;font-weight:700;letter-spacing:.28em;text-shadow:0 0 16px rgba(255,122,24,.4)}.auth-card,.progress-panel{background:var(--panel);border:1px solid var(--line)}.auth-card{display:grid;gap:14px;padding:16px;border-radius:8px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:2px}.tab{min-height:44px;border:1px solid #2a2118;border-radius:8px;background:transparent;color:var(--dim);cursor:pointer;font-family:Barlow Condensed,sans-serif;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.tab.active{border-color:var(--accent);background:#211406;color:var(--accent-2)}label{display:grid;gap:7px;color:#d7cbbb;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}input{min-height:48px;width:100%;border:1px solid #2d241c;border-radius:8px;outline:0;background:#080604;color:#fff7ed;padding:0 13px}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff7a182e}.primary-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--accent);border-radius:8px;background:linear-gradient(180deg,var(--accent),#e06405);color:#180d02;cursor:pointer;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.primary-btn:disabled{cursor:not-allowed;opacity:.55}.form-message{margin:0;color:var(--danger);font-size:14px;font-weight:600}.logout-btn{width:42px;height:42px;position:absolute;top:18px;right:16px;display:grid;place-items:center;border:1px solid #2a2118;border-radius:8px;background:#080604a6;color:var(--dim);cursor:pointer}.logout-btn:hover{border-color:var(--accent);color:var(--accent-2)}.progress-panel{border-radius:8px;padding:14px 16px}.progress-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.progress-label,.progress-count{font-family:Barlow Condensed,sans-serif;font-weight:700;text-transform:uppercase}.progress-label{color:var(--dim);font-size:12px;letter-spacing:.16em}.progress-count{color:var(--accent-2);font-size:15px;letter-spacing:.05em}.progress-count b{color:#fff}.bar{height:9px;overflow:hidden;border-radius:20px;background:#241a10}.bar span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#ffb35a,var(--accent));box-shadow:0 0 12px #ff7a18b3;transition:width .5s cubic-bezier(.4,0,.2,1)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ticket,.reward{min-height:132px;overflow:hidden;border:1.5px solid var(--line);border-radius:8px;background:linear-gradient(160deg,var(--panel),var(--panel-2));transition:transform .15s,box-shadow .3s,border-color .3s}.ticket{display:flex;flex-direction:column;justify-content:space-between;padding:16px 14px 18px;text-align:left}.ticket:disabled,.reward:disabled{cursor:default}.kick{color:var(--dim);font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.num{color:#2c2620;font-family:Anton,sans-serif;font-size:52px;line-height:.8}.foot{display:flex;align-items:center;justify-content:space-between;gap:6px}.st{color:var(--dim);font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.ic{width:26px;height:26px;flex:none}.t-locked{opacity:.62}.t-locked .ic{color:#5a5148}.t-available,.t-in_progress{cursor:pointer;border-color:var(--accent);background:linear-gradient(160deg,#1c1509,#120d07);box-shadow:0 0 0 1px #ff7a1840,0 0 22px #ff7a1847;animation:pulse 1.9s ease-in-out infinite}.t-in_progress{border-color:#d8a73f;box-shadow:0 0 0 1px #d8a73f38,0 0 18px #d8a73f2e}.t-available .num,.t-in_progress .num{color:#fff;text-shadow:0 0 22px rgba(255,122,24,.5)}.t-available .kick,.t-in_progress .kick{color:var(--accent-2)}.t-available .st,.t-available .ic{color:var(--accent)}.t-in_progress .st,.t-in_progress .ic{color:#d8a73f}.t-available:active,.t-in_progress:active,.reward-on:active{transform:scale(.98)}.t-done{border-color:#38d17a80;background:linear-gradient(160deg,#0f1a12,#0b120d)}.t-done .num{color:#38d17ad9}.t-done .kick{color:#5f8a6a}.t-done .st,.t-done .ic{color:var(--green)}.reward{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:6px;padding:14px 12px;text-align:center}.gift{width:46px;height:46px;flex:none;color:#463a2c;transition:color .3s}.rsub{color:var(--dim);font-size:11.5px;font-weight:600;line-height:1.25}.reward-on{cursor:pointer;border-color:var(--accent);box-shadow:0 0 0 1px #ff7a184d,0 0 30px #ff7a1852;animation:pulse 1.9s ease-in-out infinite}.reward-on .gift,.reward-on .kick,.reward-on .rsub{color:var(--accent-2)}.reward-claimed{border-color:#38d17a8c;box-shadow:0 0 0 1px #38d17a40,0 0 26px #38d17a40}.reward-claimed .gift,.reward-claimed .rsub{color:var(--green)}.reward-claimed .kick{color:#5f8a6a}.cta{display:flex;align-items:center;justify-content:center;gap:12px;border:1.5px solid var(--line);border-radius:8px;padding:14px;background:linear-gradient(90deg,transparent,rgba(255,122,24,.06),transparent);text-align:center}.run{width:26px;height:26px;flex:none;color:var(--accent)}.cta p{margin:0;color:#e9e0d4;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.cta p b{color:var(--accent)}.account-line{margin:0;color:var(--dim);font-size:13px;text-align:center}.toast{position:fixed;z-index:50;left:50%;bottom:26px;max-width:88vw;padding:13px 20px;border:1px solid var(--accent);border-radius:8px;background:#1a130b;box-shadow:0 10px 40px #0009,0 0 20px #ff7a184d;color:#ffe6c9;font-size:14px;font-weight:600;opacity:0;pointer-events:none;text-align:center;transform:translate(-50%) translateY(20px);transition:opacity .3s,transform .3s}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.spin{animation:spin .8s linear infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 1px #ff7a1840,0 0 16px #ff7a1833}50%{box-shadow:0 0 0 1px #ff7a1880,0 0 30px #ff7a1873}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:600px){.grid{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
