:root{--color-bg:#0a1628;--color-bg2:#0d1f3c;--color-panel:#0a1628eb;--color-border:#64a0ff40;--color-accent:#3b82f6;--color-accent2:#22c55e;--color-gold:#f59e0b;--color-danger:#ef4444;--color-text:#e2e8f0;--color-text-dim:#94a3b8;--font-main:"Segoe UI", system-ui, sans-serif;--shadow-panel:0 4px 24px #0009;--radius:12px;--radius-sm:8px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-main);background:var(--color-bg);color:var(--color-text);overflow:hidden}#root{text-align:left;border:none;flex-direction:column;width:100vw;max-width:none;height:100vh;margin:0;display:flex;overflow:hidden}.scroll-content{scrollbar-width:thin;scrollbar-color:var(--color-accent) transparent;overflow-y:auto}.scroll-content::-webkit-scrollbar{width:5px}.scroll-content::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:3px}.panel{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn{border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.3px;border:none;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 2px 8px #2563eb80}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#1d4ed8)}.btn-success{color:#fff;background:linear-gradient(135deg,#15803d,#16a34a);box-shadow:0 2px 8px #16a34a66}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#14532d,#15803d)}.btn-danger{color:#fff;background:linear-gradient(135deg,#b91c1c,#dc2626)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#991b1b,#b91c1c)}.btn-gold{color:#fff;background:linear-gradient(135deg,#b45309,#d97706);box-shadow:0 2px 8px #b4530980}.btn-gold:hover:not(:disabled){background:linear-gradient(135deg,#92400e,#b45309)}.btn-outline{color:var(--color-text);border:1.5px solid var(--color-border);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.btn-lg{border-radius:10px;padding:14px 28px;font-size:16px}.btn-sm{padding:6px 12px;font-size:12px}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--color-text-dim);font-size:13px;font-weight:500}.form-input{border:1.5px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);background:#ffffff0f;outline:none;padding:10px 14px;font-size:15px;transition:border-color .2s}.form-input:focus{border-color:var(--color-accent)}.form-input::placeholder{color:var(--color-text-dim)}.form-error{color:var(--color-danger);margin-top:4px;font-size:13px}.notification{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);z-index:1000;text-align:center;white-space:normal;max-width:90vw;padding:12px 24px;font-size:15px;animation:.3s slideIn;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}@keyframes slideIn{0%{opacity:0;top:-50px}to{opacity:1;top:20px}}.badge{border-radius:20px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-green{color:#4ade80;background:#22c55e33;border:1px solid #22c55e4d}.badge-red{color:#f87171;background:#ef444433;border:1px solid #ef44444d}.badge-gold{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b4d}.badge-blue{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d}.tabs{border-radius:var(--radius-sm);background:#0003;gap:2px;padding:4px;display:flex}.tab{text-align:center;cursor:pointer;color:var(--color-text-dim);background:0 0;border:none;border-radius:6px;flex:1;padding:8px 12px;font-size:13px;font-weight:600;transition:all .15s}.tab.active{background:var(--color-accent);color:#fff}.xp-bar-track{background:#ffffff1a;border-radius:4px;width:100%;height:8px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:4px;height:100%;transition:width .5s}.depth-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:3px;outline:none;width:100%;height:6px}.depth-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0006}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg2);border:1px solid var(--color-border);border-radius:var(--radius);width:90%;max-width:480px;padding:28px;animation:.2s modalIn;box-shadow:0 8px 40px #000000b3}@keyframes modalIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.text-gold{color:var(--color-gold)}.text-green{color:#4ade80}.text-red{color:#f87171}.text-dim{color:var(--color-text-dim)}.text-accent{color:var(--color-accent)}.text-center{text-align:center}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-lg{font-size:18px}.text-xl{font-size:22px}.font-bold{font-weight:700}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.w-full{width:100%}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.p-12{padding:12px}.p-16{padding:16px}.p-20{padding:20px}h1,h2,h3{color:var(--color-text)}.btn-back{color:#ffffff9e;cursor:pointer;white-space:nowrap;letter-spacing:.2px;background:#ffffff0f;border:1px solid #ffffff1c;border-radius:9px;flex-shrink:0;align-items:center;gap:4px;padding:8px 14px 8px 9px;font-size:13px;font-weight:600;line-height:1;transition:background .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.btn-back:hover{color:#fff;background:#ffffff1c;border-color:#fff3;transform:translate(-1px)}.btn-back:active{transform:translate(-3px)}.btn-back svg{opacity:.6;transition:transform .15s,opacity .15s}.btn-back:hover svg{opacity:1;transform:translate(-2px)}.gear-sidebar .btn-back{width:100%;margin-bottom:16px}._wrap_cj06e_1{flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex}._fullscreen_cj06e_10{z-index:9999;background:#050d18;position:fixed;inset:0}._sm_cj06e_18 ._hook_cj06e_18{font-size:20px}._sm_cj06e_18 ._ripple_cj06e_19,._sm_cj06e_18 ._ripple2_cj06e_19{width:36px;height:36px}._sm_cj06e_18 ._text_cj06e_20{font-size:11px}._md_cj06e_22 ._hook_cj06e_18{font-size:30px}._md_cj06e_22 ._ripple_cj06e_19,._md_cj06e_22 ._ripple2_cj06e_19{width:54px;height:54px}._lg_cj06e_25 ._hook_cj06e_18{font-size:44px}._lg_cj06e_25 ._ripple_cj06e_19,._lg_cj06e_25 ._ripple2_cj06e_19{width:76px;height:76px}._spinner_cj06e_29{justify-content:center;align-items:center;display:flex;position:relative}._hook_cj06e_18{z-index:2;animation:1.4s ease-in-out infinite _bob_cj06e_1;position:relative}@keyframes _bob_cj06e_1{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}._ripple_cj06e_19,._ripple2_cj06e_19{border:1.5px solid #e8c87a44;border-radius:50%;animation:1.4s ease-out infinite _ripple_cj06e_19;position:absolute}._ripple2_cj06e_19{border-color:#e8c87a22;animation-delay:.7s}@keyframes _ripple_cj06e_19{0%{opacity:.8;transform:scale(.4)}to{opacity:0;transform:scale(1.4)}}._text_cj06e_20{color:#6a7a5a;letter-spacing:2px;text-transform:uppercase;font-size:12px;animation:1.4s ease-in-out infinite _pulse_cj06e_1}@keyframes _pulse_cj06e_1{0%,to{opacity:.4}50%{opacity:1}}.sp-fab{z-index:1000;color:#a0a8b8;cursor:pointer;background:#1a1a1a;border:2px solid #3a3a3a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .15s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 16px #00000080}.sp-fab:hover{color:#d0d8f0;background:#252e42}.sp-fab-badge{color:#fff;background:#e54;border:2px solid #111;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.sp-overlay{z-index:1001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;position:fixed;inset:0}.sp-drawer{z-index:1002;background:#1a1a1a;border-left:2px solid #2e2e2e;flex-direction:column;width:340px;max-width:100vw;height:100%;animation:.18s ease-out sp-slide-in;display:flex;position:fixed;top:0;right:0;box-shadow:-8px 0 32px #000000b3}@keyframes sp-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.sp-header{background:#242424;border-bottom:3px solid #161616;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.sp-title{color:#c0c8d8;letter-spacing:.5px;font-size:15px;font-weight:700}.sp-close{color:#6a7a8a;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.sp-close:hover{color:#fff}.sp-tabs{background:#242424;border-bottom:3px solid #161616;flex-shrink:0;display:flex}.sp-tab{color:#6a7a8a;cursor:pointer;background:0 0;border:none;border-left:1px solid #2a2a2a;flex:1;justify-content:center;align-items:center;gap:5px;padding:9px 0;font-size:12px;transition:color .15s;display:flex;position:relative}.sp-tab:first-child{border-left:none}.sp-tab:hover{color:#c0c8d8;background:#1c1c1c}.sp-tab.active{color:#8ab020;border-bottom:2px solid #8ab020}.sp-tab-badge{color:#fff;background:#e54;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;display:inline-flex}.sp-content{flex:1;padding:12px;overflow-y:auto}.sp-content::-webkit-scrollbar{width:4px}.sp-content::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}.sp-empty{color:#4a5a6a;text-align:center;padding:32px 16px;font-size:13px}.sp-online-dot{background:#4caf50;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.sp-online-dot.offline{background:#3a3a3a}.sp-player-row{border-bottom:1px solid #202020;border-radius:4px;align-items:center;gap:8px;padding:7px 8px;transition:background .12s;display:flex}.sp-player-row:hover{background:#252e42}.sp-player-name{color:#b0b8c8;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.sp-player-name.mine{color:#8ab020;font-weight:600}.sp-row-actions{flex-shrink:0;gap:5px;display:flex}.sp-btn{color:#a0a8b8;cursor:pointer;white-space:nowrap;background:#242424;border:1px solid #3a3a3a;border-radius:4px;padding:3px 8px;font-size:11px;transition:background .12s}.sp-btn:hover{background:#2e2e2e}.sp-btn.green{color:#8ab020;border-color:#4a7a20}.sp-btn.green:hover{background:#4a7a2026}.sp-btn.red{color:#e54;border-color:#7a2020}.sp-btn.red:hover{background:#ee55441a}.sp-btn.blue{color:#7a9ab8;border-color:#3a5a7a}.sp-btn.blue:hover{background:#4a78a41f}.sp-section-label{color:#5a6a7a;text-transform:uppercase;letter-spacing:.7px;margin:14px 0 6px;font-size:11px;font-weight:700}.sp-section-label:first-child{margin-top:2px}.sp-req-card{background:#242424;border:1px solid #2e2e2e;border-radius:6px;margin-bottom:8px;padding:10px 12px}.sp-req-name{color:#b0b8c8;margin-bottom:8px;font-size:13px;font-weight:600}.sp-req-actions{gap:6px;display:flex}.sp-conv-row{cursor:pointer;border-bottom:1px solid #202020;border-radius:4px;align-items:center;gap:10px;padding:9px 8px;transition:background .12s;display:flex}.sp-conv-row:hover{background:#252e42}.sp-conv-avatar{color:#8ab020;background:#2a2a2a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.sp-conv-body{flex:1;min-width:0}.sp-conv-name{color:#b0b8c8;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.sp-conv-preview{color:#5a6a7a;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.sp-conv-unread{color:#fff;background:#e54;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:inline-flex}.sp-dm-header{background:#242424;border-bottom:3px solid #161616;flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;display:flex}.sp-dm-back{color:#8ab020;cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;line-height:1}.sp-dm-partner{color:#c0c8d8;flex:1;font-size:14px;font-weight:700}.sp-dm-messages{flex-direction:column;flex:1;gap:6px;padding:12px;display:flex;overflow-y:auto}.sp-dm-messages::-webkit-scrollbar{width:4px}.sp-dm-messages::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}.sp-bubble-wrap{flex-direction:column;display:flex}.sp-bubble-wrap.own{align-items:flex-end}.sp-bubble-wrap.theirs{align-items:flex-start}.sp-bubble{word-break:break-word;border-radius:12px;max-width:82%;padding:7px 11px;font-size:13px;line-height:1.4}.sp-bubble-wrap.own .sp-bubble{color:#d0dce8;background:#1c2e48;border-bottom-right-radius:3px}.sp-bubble-wrap.theirs .sp-bubble{color:#b0b8c8;background:#2a2a2a;border-bottom-left-radius:3px}.sp-bubble-time{color:#4a5a6a;margin-top:2px;padding:0 2px;font-size:10px}.sp-dm-input-row{border-top:3px solid #161616;flex-shrink:0;gap:8px;padding:10px 12px;display:flex}.sp-dm-input{color:#c0c8d8;resize:none;background:#141414;border:1px solid #2e2e2e;border-radius:6px;outline:none;flex:1;height:38px;padding:8px 10px;font-family:inherit;font-size:13px}.sp-dm-input:focus{border-color:#4a7a20}.sp-dm-send{color:#fff;cursor:pointer;background:#4a7a20;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.sp-dm-send:hover{background:#5a9a28}.sp-dm-send:disabled{cursor:default;color:#4a5a4a;background:#2a2a2a}.sp-add-friend{gap:6px;margin-bottom:12px;display:flex}.sp-add-friend input{color:#c0c8d8;background:#141414;border:1px solid #2e2e2e;border-radius:6px;outline:none;flex:1;padding:6px 8px;font-family:inherit;font-size:13px}.sp-add-friend input:focus{border-color:#4a7a20}.sp-add-friend-err{color:#e76;margin-bottom:8px;padding:0 2px;font-size:12px}