html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#000;font-family:system-ui,sans-serif}.hud{position:fixed;top:14px;left:14px;z-index:10;pointer-events:none;display:flex;gap:12px;align-items:center}.hud-box{color:#fff;background:#0000008c;border:1px solid rgba(255,215,0,.7);border-radius:8px;padding:8px 12px;font-size:clamp(.78rem,1vw,1rem);font-family:Consolas,Courier New,monospace;box-shadow:0 0 12px #ffd70075}.logout-button{pointer-events:auto;color:#fff;background:#0000008c;border:1px solid rgba(255,100,100,.7);border-radius:8px;padding:8px 14px;font-size:clamp(.78rem,1vw,1rem);font-family:Consolas,Courier New,monospace;cursor:pointer;transition:all .3s ease;box-shadow:0 0 12px #ff64644d;display:flex;align-items:center;justify-content:center;gap:6px}.logout-button:hover{background:#ff64641a;border-color:#ff6464;box-shadow:0 0 20px #ff646499;transform:scale(1.05)}.logout-button:active{transform:scale(.98)}.transfer-button{pointer-events:auto;color:#fff;background:#0000008c;border:1px solid rgba(100,200,150,.7);border-radius:8px;padding:8px 14px;font-size:clamp(.78rem,1vw,1rem);font-family:Consolas,Courier New,monospace;cursor:pointer;transition:all .3s ease;box-shadow:0 0 12px #64c8964d;display:flex;align-items:center;justify-content:center;gap:6px}.transfer-button:hover{background:#64c8961a;border-color:#64c896;box-shadow:0 0 20px #64c89699;transform:scale(1.05)}.transfer-button:active{transform:scale(.98)}.follow-planet-tab{position:fixed;top:14px;right:14px;z-index:10;font-family:Consolas,Courier New,monospace}.tab-toggle{background:#0000008c;border:1px solid rgba(255,215,0,.7);color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:clamp(.78rem,1vw,1rem);font-family:inherit;box-shadow:0 0 12px #ffd70075;transition:all .2s ease}.tab-toggle:hover{background:#000000bf;box-shadow:0 0 18px #ffd70099;border-color:gold}.tab-toggle:active{transform:scale(.98)}.follow-menu{position:absolute;top:100%;right:0;margin-top:6px;background:#000000d9;border:1px solid rgba(255,215,0,.7);border-radius:8px;padding:10px;min-width:160px;box-shadow:0 0 20px #ffd70066;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-header{color:#ffd700cc;font-size:.85rem;margin-bottom:8px;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid rgba(255,215,0,.3);padding-bottom:6px}.following-indicator{color:#90ee90;font-size:.75rem;font-weight:700}.planet-list{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;max-height:200px;overflow-y:auto}.planet-button{background:#1e1e1ecc;border:1px solid rgba(255,215,0,.4);color:#fff;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:.85rem;font-family:inherit;text-align:left;transition:all .15s ease}.planet-button:hover{background:#323200e6;border-color:#ffd700b3;box-shadow:inset 0 0 8px #ffd70033}.planet-button.active{background:#ffd70033;border-color:gold;color:#ff0;box-shadow:0 0 8px #ffd70080;font-weight:700}.clear-follow-btn{width:100%;background:#b41e1eb3;border:1px solid rgba(255,100,100,.6);color:#ffb3b3;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:.8rem;font-family:inherit;transition:all .15s ease}.clear-follow-btn:hover{background:#c82828cc;border-color:#ff6464;box-shadow:0 0 8px #ff646466}.wallet-container{position:fixed;bottom:20px;right:20px;z-index:100}.wallet-card{background:linear-gradient(135deg,#0f172afa,#192841fa);border-radius:16px;padding:20px;width:300px;box-shadow:0 10px 40px #0000004d,0 0 30px #6496ff33;border:1px solid rgba(100,150,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.connection-status{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:12px;padding:8px 12px;border-radius:8px;background:#6496ff14;border:1px solid rgba(100,150,255,.2)}.status-icon{animation:pulse-icon 2s ease-in-out infinite}.connection-status.connected .status-icon{color:#4ade80}.connection-status.disconnected .status-icon{color:#ef4444;animation:pulse-error 1s ease-in-out infinite}@keyframes pulse-icon{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-error{0%,to{opacity:1}50%{opacity:.6}}.status-text{color:#c8dcffcc}.wallet-header{margin-bottom:16px;text-align:center}.wallet-title{font-size:18px;font-weight:700;margin:0 0 4px;color:#fff;display:flex;align-items:center;justify-content:center}.wallet-username{font-size:13px;color:#c8dcffb3;margin:0;text-transform:capitalize}.balance-section{text-align:center;margin:16px 0;padding:12px;border-radius:12px;background:#6496ff14;border:1px solid rgba(100,150,255,.15)}.balance-label{font-size:12px;color:#c8dcffb3;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.balance-amount{display:flex;align-items:baseline;justify-content:center;gap:8px;font-size:28px;font-weight:700;color:#4ade80;transition:all .3s ease;position:relative}.currency-symbol{font-size:24px;opacity:.8}.balance-value{font-family:Courier New,monospace}.currency-code{font-size:12px;opacity:.7;color:#fff9}.balance-amount.animate-increase{animation:balanceIncrease .6s ease-out}.balance-amount.animate-decrease{animation:balanceDecrease .6s ease-out}@keyframes balanceIncrease{0%{transform:scale(1) translateY(0);color:#4ade80}50%{transform:scale(1.15) translateY(-5px);color:#86efac;text-shadow:0 0 20px rgba(74,222,128,.6)}to{transform:scale(1) translateY(0);color:#4ade80}}@keyframes balanceDecrease{0%{transform:scale(1) translateY(0);color:#4ade80}50%{transform:scale(1.15) translateY(-5px);color:#fca5a5;text-shadow:0 0 20px rgba(252,165,165,.6)}to{transform:scale(1) translateY(0);color:#4ade80}}.change-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:600;margin:12px 0;animation:slideUp .4s ease-out}.change-indicator.increase{background:#4ade8026;color:#86efac;border:1px solid rgba(74,222,128,.3)}.change-indicator.decrease{background:#fca5a526;color:#fca5a5;border:1px solid rgba(252,165,165,.3)}.change-arrow{font-size:16px}.change-icon{width:16px;height:16px}.change-text{font-family:Courier New,monospace}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.balance-status{margin-top:12px;padding:8px 0;border-top:1px solid rgba(255,255,255,.1)}.status-text{font-size:12px;margin:0;padding:4px 0;display:flex;align-items:center;gap:6px;justify-content:center}.status-excellent{color:#4ade80}.status-good{color:#60a5fa}.status-moderate{color:#fbbf24}.status-low{color:#fb923c}.status-empty{color:#ef4444}.wallet-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.history-toggle-btn{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:5px 10px;border-radius:8px;border:1px solid rgba(100,150,255,.3);background:#6496ff14;color:#c8dcffb3;cursor:pointer;transition:all .2s ease;white-space:nowrap}.history-toggle-btn:hover{background:#6496ff2e;color:#fff;border-color:#6496ff80}.history-toggle-btn.active{background:#6496ff40;color:#c7d8ff;border-color:#6496ff99}.tx-history{margin-top:14px;border-top:1px solid rgba(255,255,255,.1);padding-top:12px}.tx-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tx-history-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#c8dcff99}.tx-refresh-btn{background:none;border:none;cursor:pointer;color:#c8dcff80;padding:2px;display:flex;align-items:center;transition:color .2s}.tx-refresh-btn:hover{color:#c8dcffe6}.tx-loading,.tx-empty,.tx-error{font-size:12px;text-align:center;padding:12px 0;color:#c8dcff73}.tx-error{color:#f87171}.tx-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(100,150,255,.3) transparent}.tx-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);transition:background .15s}.tx-item:hover{background:#6496ff14}.tx-direction{flex-shrink:0;display:flex;align-items:center}.tx-details{flex:1;min-width:0}.tx-party{display:flex;align-items:center;gap:4px;font-size:12px}.tx-type-label{color:#c8dcff73;font-size:11px}.tx-username{color:#e2e8f0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.tx-meta{display:flex;gap:6px;margin-top:2px}.tx-planet,.tx-time{font-size:10px;color:#c8dcff66;text-transform:capitalize}.tx-right{flex-shrink:0;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.tx-amount{font-size:12px;font-weight:700;font-family:Courier New,monospace}.tx-status{display:flex;align-items:center;gap:3px;font-size:10px;text-transform:capitalize}@media(max-width:768px){.wallet-container{bottom:10px;right:10px}.wallet-card{width:280px;padding:16px}.balance-amount{font-size:24px}.wallet-title{font-size:16px}}@media(max-width:480px){.wallet-container{bottom:10px;right:10px;left:10px}.wallet-card{width:auto;width:calc(100vw - 20px)}.balance-amount{font-size:20px}.wallet-title{font-size:14px}}.transfer-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.transfer-modal{background:linear-gradient(135deg,#0f172afa,#192841fa);border:1px solid rgba(100,150,255,.4);border-radius:12px;padding:28px;width:90%;max-width:420px;box-shadow:0 0 40px #6496ff4d,inset 0 0 20px #6496ff1a;animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.transfer-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-bottom:1px solid rgba(100,150,255,.2);padding-bottom:16px}.transfer-modal-header h2{margin:0;color:#fff;font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.transfer-modal-header .icon{width:24px;height:24px}.transfer-modal-close{background:none;border:none;color:#fff9;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.transfer-modal-close:hover:not(:disabled){background:#ff64641a;color:#fff}.transfer-modal-close:disabled{cursor:not-allowed;opacity:.5}.transfer-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px;position:relative}.form-group label{color:#c8dcffe6;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.search-container{position:relative}.form-group input{background:#ffffff0d;border:1px solid rgba(100,150,255,.3);border-radius:6px;padding:10px 12px;color:#fff;font-size:14px;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#6496ffcc;background:#6496ff0d;box-shadow:0 0 12px #6496ff33}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-group input::placeholder{color:#ffffff4d}.search-spinner{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6496ff99;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.search-results{position:absolute;top:100%;left:0;right:0;background:#0a0e27fa;border:1px solid rgba(100,150,255,.3);border-top:none;border-radius:0 0 6px 6px;max-height:200px;overflow-y:auto;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.search-result-item{padding:10px 12px;border-bottom:1px solid rgba(100,150,255,.1);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.selected{background:#6496ff26}.result-username{color:#fff;font-weight:500}.result-planet{color:#ffffff80;font-size:12px}.recipient-info{background:#6496ff1a;border:1px solid rgba(100,150,255,.3);border-radius:6px;padding:12px;margin:8px 0}.recipient-info p{margin:4px 0;color:#fffc;font-size:13px}.recipient-info strong{color:#fff}.error-message{background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:6px;padding:10px 12px;color:#f99;font-size:13px;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.send-button{background:linear-gradient(135deg,#6496ffcc,#5078ffcc);border:1px solid rgba(100,150,255,.6);border-radius:6px;padding:12px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;margin-top:8px}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#78aaff,#648cff);box-shadow:0 0 20px #6496ff80;transform:translateY(-2px)}.send-button:active:not(:disabled){transform:translateY(0)}.send-button:disabled{opacity:.5;cursor:not-allowed}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#6496ff0d}.search-results::-webkit-scrollbar-thumb{background:#6496ff4d;border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background:#6496ff80}@media(max-width:480px){.transfer-modal{width:95%;padding:20px}.transfer-modal-header h2{font-size:18px}}.notification{position:fixed;bottom:24px;right:24px;padding:14px 18px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;z-index:2000;animation:slideInRight .4s ease,slideOutRight .4s ease 3.6s forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 20px #0000004d}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.notification-success{background:#32c83226;border:1px solid rgba(100,255,100,.4);color:#90ff90}.notification-error{background:#ff646426;border:1px solid rgba(255,120,120,.4);color:#f99}.notification-info{background:#6496ff26;border:1px solid rgba(100,150,255,.4);color:#9cf}.notification-warning{background:#ffb43226;border:1px solid rgba(255,200,100,.4);color:#fd9}.notification-icon{font-size:16px;display:flex;align-items:center}.notification-message{line-height:1.4}@media(max-width:480px){.notification{bottom:16px;right:16px;left:16px;max-width:calc(100% - 32px)}}:root{--login-bg: #1f2029;--login-color: #c4c3ca;--login-inner-bg: #2a2b38;--login-input-bg: #1f2029;--login-input-placeholder: #49475d;--login-input-placeholder-active: #53e3a6;--login-input-bg-hover: #191821;--login-input-bg-focus: #23222e;--login-input-shadow: 0 4px 8px 0 rgba(21,21,21,.2);--login-btn: #fff;--login-btn-bg: #a7e245;--login-btn-hover: #53e3a6;--login-btn-active: #1aa97d;--login-footer: #ffffff99;--login-icon-color: #ffeba7;--login-icon-toggle-color: #102770;--gap: 15px}.auth-container{line-height:1.2;color:var(--login-color);background-color:var(--login-bg);height:100vh;min-height:100vh;display:flex;font-size:16px;justify-content:center;align-items:center;flex-direction:column;position:relative;box-sizing:border-box;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-repeat:no-repeat;background-size:cover;background-position:center;background-image:url(/assets/bg.png)}.auth-card{position:relative;width:440px;max-width:95vw;height:520px;perspective:1000px;z-index:2}.auth-card.show-register{transform:none}.auth-form{width:100%;height:100%;background-color:var(--login-inner-bg);background-image:url(/assets/inner-bg.jpg);background-position:bottom center;background-repeat:no-repeat;background-size:300%;border-radius:6px;transform-style:preserve-3d;backface-visibility:hidden;transition:all .6s ease-out;display:flex;align-items:center;position:absolute;left:0;top:0;padding:30px 35px;box-sizing:border-box}.auth-form.login-form{transform:rotateY(0);z-index:10}.auth-form.register-form{transform:rotateY(180deg);z-index:1}.auth-card.show-register .auth-form.login-form{transform:rotateY(-180deg);z-index:1}.auth-card.show-register .auth-form.register-form{transform:rotateY(0);z-index:10}.auth-form>section{flex:1;display:flex;flex-direction:column;gap:var(--gap);border-radius:10px;width:100%}.auth-title{font-size:1.5rem;font-weight:900;margin:0 0 .53rem;text-align:center;padding-bottom:1rem;border-bottom:1px solid rgba(83,227,166,.2)}.auth-subtitle{font-size:.9rem;opacity:.7;text-align:center;margin:0 0 1rem;display:none}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--login-color);font-size:.85rem;font-weight:600;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{background-color:var(--login-input-bg);color:var(--login-color);border:1px solid rgba(100,150,255,.3);border-radius:4px;padding:12px 14px;font-size:.95rem;font-family:"Poppins",inherit;transition:all .3s ease;box-shadow:var(--login-input-shadow)}.form-group input::placeholder{color:var(--login-input-placeholder)}.form-group input:hover{background-color:var(--login-input-bg-hover)}.form-group input:focus,.form-group select:focus{outline:none;background-color:var(--login-input-bg-focus);border-color:var(--login-input-placeholder-active);color:var(--login-input-placeholder-active);box-shadow:0 0 8px #53e3a64d}.form-group input:focus::placeholder{color:var(--login-input-placeholder-active)}.form-group input:disabled,.form-group select:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#f99;background-color:#ff64641a;border-left:3px solid #ff6666;padding:10px 12px;border-radius:4px;font-size:.85rem;margin-top:5px;display:flex;align-items:center;gap:8px;animation:slideDown .3s ease}.success-message{color:#9f9;background-color:#64ff641a;border-left:3px solid #66ff66;padding:10px 12px;border-radius:4px;font-size:.85rem;margin-bottom:15px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-button{background:linear-gradient(135deg,var(--login-btn-bg) 0%,var(--login-btn-hover) 100%);color:var(--login-btn);border:none;border-radius:4px;padding:12px 20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:"Poppins",inherit}.auth-button:hover:not(:disabled){background:linear-gradient(135deg,var(--login-btn-hover) 0%,var(--login-btn-active) 100%);box-shadow:0 4px 12px #a7e2454d;transform:translateY(-2px)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.demo-section{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.demo-label{font-size:.85rem;text-align:center;opacity:.8;margin:0 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.demo-buttons{display:flex;gap:10px;flex-direction:column}.demo-button{background-color:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:10px 14px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;font-family:"Poppins",inherit}.demo-button:hover:not(:disabled){background-color:#ffffff1a;border-color:#fff6;transform:translateY(-1px)}.demo-button:disabled{opacity:.5;cursor:not-allowed}.auth-footer{text-align:center;margin-top:15px;font-size:.85rem}.auth-footer p{margin:0;color:var(--login-footer)}.auth-footer a{color:var(--login-icon-color);text-decoration:none;font-weight:600;transition:color .3s ease;cursor:pointer}.auth-footer a:hover{color:var(--login-btn-hover)}.auth-toggle{position:absolute;top:-78px;left:50%;transform:translate(-50%);z-index:15;display:flex;flex-direction:column;align-items:center;gap:8px}.auth-toggle h6{margin:0;display:flex;gap:32px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.auth-toggle h6 span{opacity:.55;transition:opacity .25s ease}.auth-toggle h6 span.active{opacity:1}.auth-toggle-label{position:relative;display:block;text-align:center;width:60px;height:16px;border-radius:999px;background-color:var(--login-icon-color);cursor:pointer;border:none;transition:all .3s ease}.auth-toggle-label svg{position:absolute;top:-3px;left:-1px;width:22px;height:22px;padding:2px;border-radius:50%;background:#102770;color:#ffeba7;transition:all .35s ease}.auth-card.show-register .auth-toggle-label svg{left:39px;transform:rotate(180deg)}.auth-toggle-label:hover{transform:scale(1.1)}@media(max-width:480px){.auth-card{width:95vw;height:auto;min-height:85vh}.auth-form{position:relative;transform:none!important}.auth-form.register-form,.auth-card.show-register .auth-form.login-form{display:none}.auth-card.show-register .auth-form.register-form{display:flex;transform:none!important}.auth-toggle{display:none}}.auth-form section{overflow-y:auto;max-height:450px;padding-right:5px}.auth-form section::-webkit-scrollbar{width:6px}.auth-form section::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.auth-form section::-webkit-scrollbar-thumb{background:#53e3a64d;border-radius:3px}.auth-form section::-webkit-scrollbar-thumb:hover{background:#53e3a699}