:root{--bg: #0a111c;--bg2: #0e1622;--panel: #131e2e;--panel2: #18263a;--border: #223349;--text: #e8eef6;--muted: #7d92ab;--green: #12bd5f;--green2: #0e9c4e;--green-glow: rgba(18, 189, 95, .35);--red: #e8433f;--gold: #f0b429;--blue: #4b8dff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,rgba(18,189,95,.1),transparent 60%),radial-gradient(900px 500px at 0% 100%,rgba(75,141,255,.08),transparent 55%),var(--bg);color:var(--text);font-family:Segoe UI,Roboto,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--green)}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.app{min-height:100%;display:flex;flex-direction:column}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}.header{position:sticky;top:0;z-index:40;background:#0a111cd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;gap:18px;height:64px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:.5px}.logo .arrow{color:var(--green);filter:drop-shadow(0 0 6px var(--green-glow))}.logo b{color:#fff}.logo span{color:var(--green)}.nav{display:flex;gap:6px;margin-left:10px}.nav button{background:transparent;border:none;color:var(--muted);padding:8px 14px;border-radius:8px;font-weight:600;font-size:14px}.nav button:hover{color:var(--text);background:var(--panel)}.nav button.active{color:var(--green);background:var(--panel)}.spacer{flex:1}.balance-pill{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--border);padding:8px 14px;border-radius:10px;font-weight:700}.balance-pill .coin{color:var(--gold)}.balance-pill.neg{border-color:#e8433f80;box-shadow:0 0 0 1px #e8433f26 inset}.balance-pill.neg .amount{color:var(--red)}.user-chip{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:600;font-size:14px}.user-chip .av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--blue));display:grid;place-items:center;color:#06131f;font-weight:800}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:9px 16px;border-radius:9px;font-weight:700;font-size:14px;transition:.15s}.btn:hover{border-color:#33506f;background:var(--panel2)}.btn.green{background:linear-gradient(180deg,var(--green),var(--green2));border:none;color:#052012;box-shadow:0 6px 18px var(--green-glow)}.btn.green:hover{filter:brightness(1.08)}.btn.red{background:transparent;border-color:#e8433f80;color:var(--red)}.btn.red:hover{background:#e8433f1f}.btn.ghost{background:transparent}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.sm{padding:6px 11px;font-size:13px}.btn.block{width:100%}.promo{margin:18px 0;padding:12px 18px;background:linear-gradient(90deg,#12bd5f24,#12bd5f05);border:1px solid rgba(18,189,95,.35);border-radius:12px;display:flex;align-items:center;gap:14px;font-weight:600}.promo .b{color:var(--green);font-weight:800}.promo .note{color:var(--muted);margin-left:auto;font-size:13px;font-weight:600}.login-wrap{flex:1;display:grid;place-items:center;padding:40px 20px}.login-card{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:34px;box-shadow:0 30px 80px #00000080}.login-card .logo{justify-content:center;font-size:26px;margin-bottom:6px}.login-card .sub{text-align:center;color:var(--muted);margin-bottom:24px;font-size:14px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;font-weight:600}.field input{width:100%;padding:12px 14px;border-radius:10px;background:var(--bg2);border:1px solid var(--border);color:var(--text);font-size:15px;outline:none}.field input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-glow)}.login-err{color:var(--red);font-size:13px;margin:4px 0 12px;min-height:16px;font-weight:600}.login-hint{margin-top:18px;padding-top:16px;border-top:1px solid var(--border);color:var(--muted);font-size:12.5px;text-align:center}.login-hint code{color:var(--green);background:var(--bg2);padding:1px 6px;border-radius:5px}.stage{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;margin:26px 0}.slot{background:var(--panel);border:1px dashed var(--border);border-radius:16px;padding:20px;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.slot.filled{border-style:solid}.slot .slot-title{color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.slot .skin-img{width:150px;height:110px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}.slot .skin-name{font-weight:700;font-size:14px;line-height:1.3}.slot .skin-price{color:var(--gold);font-weight:800}.slot .placeholder{color:var(--muted);font-size:14px}.wheel-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}.wheel{position:relative;width:190px;height:190px}.wheel svg{transform:rotate(-90deg)}.wheel .ring-bg{stroke:var(--border)}.wheel .ring-fg{stroke:var(--green);filter:drop-shadow(0 0 6px var(--green-glow));transition:stroke-dashoffset .4s}.wheel .center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.wheel .mult{font-size:30px;font-weight:900;color:#fff}.wheel .chance{color:var(--muted);font-size:13px;font-weight:700}.wheel.spinning .ring-fg{stroke:var(--gold);animation:pulse .6s infinite}@keyframes pulse{50%{opacity:.5}}.wheel.win .ring-fg{stroke:var(--green)}.wheel.lose .ring-fg{stroke:var(--red)}.spin-btn{min-width:170px}.result-line{min-height:22px;font-weight:800}.result-line.win{color:var(--green)}.result-line.lose{color:var(--red)}.target-hint{color:var(--muted);font-size:13px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.search{flex:1;min-width:220px;display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:0 12px}.search input{flex:1;background:transparent;border:none;color:var(--text);padding:11px 0;outline:none;font-size:14px}.search svg{color:var(--muted)}.price-input{width:120px;padding:10px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--border);color:var(--text);outline:none;font-size:14px}.price-input:focus,.search:focus-within{border-color:var(--green)}.select{padding:10px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--border);color:var(--text);font-size:14px}.count{color:var(--muted);font-size:13px;font-weight:600;margin-left:auto}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;transition:.15s;position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--rarity, var(--border))}.card:hover{border-color:#33506f;transform:translateY(-3px);box-shadow:0 14px 30px #0006}.card .img-wrap{height:96px;display:grid;place-items:center}.card img{max-width:100%;max-height:96px;object-fit:contain}.card .name{font-size:12.5px;font-weight:600;line-height:1.3;height:33px;overflow:hidden}.card .price{color:var(--gold);font-weight:800;font-size:15px}.card .actions{display:flex;gap:6px;margin-top:auto}.card .actions .btn{flex:1}.pager{display:flex;gap:10px;justify-content:center;align-items:center;margin:22px 0}.pager .info{color:var(--muted);font-size:13px}.inv-empty{text-align:center;color:var(--muted);padding:60px 20px}.selectable{cursor:pointer}.selectable.selected{border-color:var(--green);box-shadow:0 0 0 2px var(--green-glow)}.withdraw-card{max-width:560px;margin:30px auto;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:30px;text-align:center}.withdraw-card h2{margin:0 0 6px}.withdraw-status{font-size:15px;line-height:1.5;margin:14px 0}.withdraw-status.debt{color:var(--gold)}.withdraw-status.slavery{color:var(--red);font-weight:800;font-size:20px}.withdraw-status.closed{color:var(--muted)}.qr-box{margin:18px auto}.qr-box img{width:200px;height:200px;border-radius:12px;border:1px solid var(--border)}.flag-box{margin:20px 0;padding:16px;border-radius:12px;background:#06180d;border:1px solid var(--green);font-family:Consolas,Courier New,monospace;font-size:16px;color:var(--green);word-break:break-all;-webkit-user-select:all;user-select:all}.toasts{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px;z-index:100}.toast{background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:12px 16px;font-size:14px;font-weight:600;box-shadow:0 10px 30px #00000080;animation:toastIn .2s;max-width:340px}.toast.ok{border-left:3px solid var(--green)}.toast.err{border-left:3px solid var(--red)}@keyframes toastIn{0%{transform:translate(20px);opacity:0}}.footer{text-align:center;color:var(--muted);font-size:12px;padding:30px 0;opacity:.7}@media (max-width: 900px){.stage{grid-template-columns:1fr}.wheel-wrap{order:-1}}.auth-tabs{display:flex;gap:6px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:4px;margin:4px 0 18px}.auth-tabs button{flex:1;padding:10px;border:none;background:transparent;color:var(--muted);font-weight:700;font-size:14px;border-radius:9px;cursor:pointer;transition:.15s}.auth-tabs button.active{background:var(--green);color:#04240f;box-shadow:0 4px 12px var(--green-glow)}.wheel .chance{font-size:30px;font-weight:900;color:#fff}.wheel .chance-sub{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.pct-row{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.pct-btn{padding:9px 14px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-weight:800;font-size:14px;cursor:pointer;transition:.15s}.pct-btn:hover{border-color:var(--green)}.pct-btn.active{background:var(--green);color:#04240f;border-color:var(--green);box-shadow:0 4px 12px var(--green-glow)}.pct-custom{width:92px;padding:9px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:14px;font-weight:700;outline:none}.pct-custom:focus{border-color:var(--green)}.pct-custom.active{border-color:var(--gold);color:var(--gold)}.pct-info{color:var(--muted);font-size:13px;font-weight:600;text-align:center}.pct-info b{color:var(--gold)}.result-tag{font-size:12px;font-weight:800;padding:3px 10px;border-radius:20px}.result-tag.win{color:var(--green);background:#12bd5f1f}.result-tag.lose{color:var(--red);background:#e8433f1f}.sec-title{margin:28px 0 12px;font-size:16px;font-weight:800;letter-spacing:.3px}.sec-title:before{content:"▸ ";color:var(--green)}.profile-head{display:flex;align-items:center;gap:18px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:22px;margin:18px 0}.av-big{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,var(--green),var(--green2));color:#04240f;display:grid;place-items:center;font-size:30px;font-weight:900}.profile-meta .pname{font-size:22px;font-weight:900}.profile-meta .pstats{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:14px;margin-top:6px}.profile-meta .pstats b{color:var(--text)}.profile-grid{display:grid;grid-template-columns:340px 1fr;gap:22px;align-items:start}.profile-col.wide{min-width:0}@media (max-width: 820px){.profile-grid{grid-template-columns:1fr}}