@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{--bg-color:#020508;--panel-bg:#0a0f14f2;--text-muted:#5a7b8c;--text-bright:#e0f2fe;--accent-blue:#00f3ff;--accent-green:#39ff14;--border-color:#00f3ff33}body{background-color:var(--bg-color);color:var(--text-muted);text-transform:uppercase;margin:0;font-family:Share Tech Mono,monospace}.btn-action{border:1px solid var(--accent-blue);color:var(--accent-blue);cursor:pointer;background:0 0;padding:8px 16px;font-family:inherit;transition:all .3s}.btn-action:hover{box-shadow:0 0 10px var(--accent-blue);background:#00f3ff1a}.auth-container{z-index:10;box-sizing:border-box;background-image:linear-gradient(#020508b3,#020508d9),url(/assets/bg-BtokJn6H.png);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:clamp(15px,5vw,20px);display:flex;position:relative}.auth-panel{background:var(--panel-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;flex-direction:column;width:100%;max-width:400px;padding:clamp(25px,6vw,40px);display:flex;position:relative;box-shadow:0 0 30px #00f3ff0d}.auth-panel:before,.auth-panel:after{content:"";border:2px solid var(--accent-blue);width:clamp(10px,3vw,15px);height:clamp(10px,3vw,15px);position:absolute}.auth-panel:before{border-bottom:none;border-right:none;top:-1px;left:-1px}.auth-panel:after{border-top:none;border-left:none;bottom:-1px;right:-1px}.auth-logo{filter:drop-shadow(0 0 15px #00f3ff33);width:clamp(120px,40vw,180px);margin:0 auto 15px;display:block}.auth-title{color:var(--text-bright);letter-spacing:clamp(2px,1vw,4px);text-shadow:0 0 10px var(--accent-blue);margin:0 0 5px;font-size:clamp(18px,5vw,22px)}.auth-subtitle{color:var(--accent-blue);letter-spacing:2px;margin:0 0 clamp(20px,5vw,30px);font-size:clamp(9px,2.5vw,10px)}.auth-form{text-align:left;flex-direction:column;gap:clamp(15px,4vw,20px);display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--text-muted);letter-spacing:1px;font-size:clamp(10px,2.5vw,11px)}.input-group input{border:1px solid var(--border-color);color:var(--text-bright);box-sizing:border-box;background:#00000080;outline:none;width:100%;padding:clamp(10px,3vw,12px) clamp(12px,3vw,15px);font-family:inherit;font-size:clamp(13px,3.5vw,14px);transition:all .3s}.input-group input:focus{border-color:var(--accent-blue);background:#00f3ff0d;box-shadow:0 0 15px #00f3ff33}.btn-auth{border:1px solid var(--accent-blue);color:var(--accent-blue);letter-spacing:2px;cursor:pointer;background:#00f3ff1a;width:100%;margin-top:10px;padding:clamp(12px,3.5vw,15px);font-family:inherit;font-size:clamp(12px,3.5vw,14px);font-weight:700;transition:all .3s}.btn-auth:hover:not(:disabled){background:var(--accent-blue);color:#000;box-shadow:0 0 20px var(--accent-blue)}.auth-links{border-top:1px dashed var(--border-color);margin-top:clamp(15px,5vw,25px);padding-top:clamp(15px,4vw,20px)}.btn-link{color:var(--text-muted);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--border-color);text-decoration-color:var(--border-color);text-underline-offset:4px;background:0 0;border:none;font-family:inherit;font-size:clamp(10px,2.5vw,11px);transition:all .3s}.btn-link:hover{color:var(--text-bright);-webkit-text-decoration-color:var(--accent-blue);text-decoration-color:var(--accent-blue)}.password-requirements{margin-top:4px;font-size:clamp(9px,2.5vw,10px);line-height:1.4;transition:color .3s}.top-resource-bar{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--accent-blue);background:#0a0f14b3;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(10px,2vw,20px);padding:10px 5px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00f3ff1a}.resource-value{font-weight:700}.val-gems{color:var(--accent-gold,#ffb800);text-shadow:0 0 5px #ffb80080}.top-resource-bar{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--accent-blue);background:#0a0f14b3;justify-content:center;align-items:center;gap:20px;padding:10px 5px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00f3ff1a}.resource-item{color:var(--text-bright);border:1px solid var(--border-color);white-space:nowrap;background:#00000080;border-radius:4px;align-items:center;gap:8px;padding:4px 10px;font-size:12px;display:flex}.resource-icon{object-fit:cover;background:#111;border:1px solid #333;border-radius:4px;width:24px;height:24px}.val-metal{color:#a1a1aa;text-shadow:0 0 5px #a1a1aa}.val-crystal{color:#d946ef;text-shadow:0 0 5px #d946ef}.val-deuterium{color:var(--accent-green);text-shadow:0 0 5px var(--accent-green)}.val-energy{color:var(--accent-blue);text-shadow:0 0 5px var(--accent-blue)}.dashboard-container{grid-template-columns:320px 1fr 320px;grid-template-areas:"header header header""left center right""footer footer footer";gap:20px;max-width:1600px;min-height:calc(100vh - 50px);margin:0 auto;padding:20px;display:grid}.dash-header{border-bottom:1px solid var(--border-color);grid-area:header;justify-content:space-between;align-items:flex-end;padding-bottom:15px;display:flex}.logo p{letter-spacing:3px;color:var(--accent-blue);margin:4px 0 0;font-size:11px}.top-secret{color:var(--accent-green);text-align:right;font-size:10px;line-height:1.5}.panel{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f14e6;flex-direction:column;gap:20px;padding:20px;display:flex;position:relative}.panel-left{grid-area:left}.panel-right{grid-area:right}.panel:before,.panel:after{content:"";border:2px solid var(--accent-blue);width:10px;height:10px;position:absolute}.panel:before{border-bottom:none;border-right:none;top:-1px;left:-1px}.panel:after{border-top:none;border-left:none;bottom:-1px;right:-1px}.panel-title{color:var(--text-bright);border-bottom:1px solid var(--border-color);letter-spacing:2px;justify-content:space-between;margin:0;padding-bottom:8px;font-size:14px;display:flex}.data-list{flex-direction:column;gap:12px;display:flex}.data-item{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.data-info span:first-child{color:var(--text-bright);font-size:13px;display:block}.data-info span:last-child{opacity:.7;font-size:10px}.status-badge{border:1px solid var(--accent-blue);color:var(--accent-blue);background:#00f3ff1a;border-radius:2px;padding:4px 8px;font-size:10px}.center-view{grid-area:center;justify-content:center;align-items:center;min-height:400px;padding:20px;display:flex;position:relative}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit{border:1px solid #ffca2866;border-radius:50%;animation:linear infinite spin;position:absolute}.orbit-1{width:clamp(250px,60vw,420px);height:clamp(250px,60vw,420px);animation-duration:25s}.orbit-2{width:clamp(280px,90vw,450px);height:clamp(280px,90vw,450px);animation-duration:45s;animation-direction:reverse}.satellite{background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 0 8px #fff}.orbit-1 .satellite{top:50%;left:-3px}.orbit-2 .satellite{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green);top:12%;right:70px}.planet-frame{border:2px solid var(--border-color);z-index:10;background-color:#000;border-radius:50%;width:clamp(180px,45vw,300px);height:clamp(180px,45vw,300px);position:relative;overflow:hidden;box-shadow:inset -40px -40px 60px #000000e6,0 0 40px #00f3ff33}.pixel-planet{width:100%;height:100%;image-rendering:pixelated;background-position:50%;background-repeat:no-repeat;background-size:contain}.coords{border:1px solid var(--accent-green);color:var(--accent-green);letter-spacing:2px;z-index:15;background:#000000b3;padding:8px 16px;font-size:11px;position:absolute;bottom:10px}.dash-footer{flex-wrap:wrap;grid-area:footer;justify-content:center;gap:10px;padding-top:10px;display:flex}.nav-btn:hover,.nav-btn.active{border-color:var(--accent-blue);color:var(--text-bright);background:#00f3ff0d;box-shadow:0 0 10px #00f3ff0d}.building-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.building-table th{color:var(--accent-blue);border-bottom:1px solid var(--border-color);letter-spacing:1px;padding:10px 5px}.building-table td{border-bottom:1px solid #ffffff0d;padding:15px 5px}.b-name{color:var(--text-bright);font-weight:700}.btn-upgrade{border:1px solid var(--accent-blue);color:var(--accent-blue);cursor:pointer;background:0 0;padding:6px 12px;font-family:inherit;font-size:10px;transition:all .3s}.btn-upgrade:hover{background:var(--accent-blue);color:#000}.btn-logout{color:#f44;cursor:pointer;background:0 0;border:none;margin-top:5px;padding:0;font-family:inherit;font-size:10px;font-weight:700;transition:all .2s}.btn-logout:hover{color:red;text-shadow:0 0 5px red}.cost-col{color:var(--text-muted);white-space:nowrap;font-size:10px}@media (width<=1024px){.dashboard-container{grid-template-columns:250px 1fr 250px;gap:10px;padding:10px}}@media (width<=768px){.dashboard-container{flex-direction:column;min-height:auto;padding:10px;display:flex}.center-view{order:-1;min-height:350px}.dash-header{text-align:center;flex-direction:column;order:-2;align-items:center;gap:10px}.top-secret{text-align:center}.panel{box-sizing:border-box;width:100%}.building-table th,.building-table td{padding:10px 2px;font-size:10px}.dash-footer{flex-wrap:wrap}.nav-btn{flex-grow:1}}*{scrollbar-width:thin;scrollbar-color:var(--text-muted) #0a0f14cc}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{border-left:1px solid var(--border-color);background:#02050880}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:10px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue);box-shadow:0 0 10px var(--accent-blue)}::-webkit-scrollbar-corner{background:0 0}.user-gems{color:var(--accent-gold);letter-spacing:1px;border-bottom:1px solid #ffb8004d;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:8px;padding-bottom:5px;font-size:16px;font-weight:700;display:flex}.gem-icon-small{object-fit:contain;width:20px;height:20px}.gem-icon-tiny{object-fit:contain;vertical-align:middle;width:14px;height:14px;margin-right:4px}.terminal-task-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.btn-premium-instant,.btn-premium-fast{border:1px solid var(--accent-gold);color:var(--accent-gold);cursor:pointer;background:0 0;border-radius:4px;padding:3px 8px;font-family:inherit;font-size:11px;font-weight:700;transition:all .3s;box-shadow:0 0 5px #ffb8004d}.btn-premium-instant:hover,.btn-premium-fast:hover{background:var(--accent-gold);color:#000;box-shadow:0 0 10px var(--accent-gold)}.btn-premium-upgrade-info{color:var(--accent-gold);border:1px solid #ffb80080}.cost-col-gem{color:var(--accent-gold);font-size:13px;font-weight:700}.logo h1{color:var(--text-bright);letter-spacing:4px;text-shadow:0 0 15px var(--accent-blue);margin:0;font-size:clamp(18px,3vw,26px)}.terminal-task-header{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:4px;display:flex}.btn-premium-instant,.btn-premium-fast{border:1px solid var(--accent-gold);color:var(--accent-gold);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:100%;padding:6px 8px;font-family:inherit;font-size:11px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 0 5px #ffb8004d}:root{--c-selected:#39ff14;--c-mine:#ffca28;--c-clan:#00f3ff;--c-ally:#fff;--c-enemy:#f33;--c-other:#8b4513;--c-abandoned:#888}.game-layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.fixed-ui{z-index:50}header.fixed-ui{border-bottom:1px solid var(--color-clan);background:#05080ae6;flex-shrink:0;justify-content:space-between;align-items:center;padding:clamp(10px,2vw,15px) clamp(15px,3vw,25px);display:flex}.header-title h1{color:var(--text-bright);letter-spacing:3px;text-shadow:0 0 10px var(--color-clan);margin:0;font-size:clamp(16px,3vw,20px)}.header-title p{color:var(--color-clan);letter-spacing:2px;margin:0;font-size:clamp(8px,1.5vw,10px)}.map-wrapper{flex-grow:1;position:relative;overflow:hidden}.axis-x-wrapper{border-bottom:1px solid var(--border-color);z-index:40;background:#000c;height:20px;position:absolute;top:0;left:30px;right:0;overflow:hidden}.axis-x{width:3000px;display:flex}.axis-x span{text-align:center;width:70px;color:var(--color-clan);border-left:1px solid #00f3ff0d;font-size:10px;line-height:20px}.axis-y-wrapper{border-right:1px solid var(--border-color);z-index:40;background:#000c;width:30px;position:absolute;top:20px;bottom:0;left:0;overflow:hidden}.axis-y{flex-direction:column;height:3000px;display:flex}.axis-y span{height:70px;color:var(--color-clan);border-bottom:1px solid #00f3ff0d;justify-content:center;align-items:center;font-size:10px;display:flex}.map-legend{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:45;background:#05080ad9;border-radius:4px;flex-direction:column;gap:8px;max-width:80%;padding:10px;display:flex;position:absolute;bottom:20px;left:clamp(10px,5vw,50px)}.legend-title{color:var(--text-bright);border-bottom:1px solid var(--border-color);margin-bottom:4px;padding-bottom:4px;font-size:10px}.legend-item{color:var(--text-muted);align-items:center;gap:8px;font-size:10px;display:flex}.legend-ring{border-radius:50%;justify-content:center;align-items:center;padding:3px;display:flex}.legend-planet{width:14px;height:14px;image-rendering:pixelated;background-position:50%;background-size:cover;border-radius:50%}.btn-center-map{border:1px solid var(--color-clan);color:var(--color-clan);cursor:pointer;pointer-events:auto;z-index:45;background:#0a0f14e6;border-radius:4px;padding:12px 20px;font-family:inherit;font-size:12px;font-weight:700;transition:all .3s;position:absolute;bottom:20px;right:clamp(10px,3vw,20px);box-shadow:0 0 15px #00f3ff33}.btn-center-map:hover{background:var(--color-clan);color:#000;box-shadow:0 0 20px var(--color-clan)}.map-viewport{cursor:grab;z-index:10;touch-action:none;background-color:#010204;position:absolute;inset:0;overflow:hidden}.map-viewport.grabbing{cursor:grabbing}.map-galaxy-bg{z-index:15;background-color:#020508;background-image:linear-gradient(#00f3ff0d 1px,#0000 1px),linear-gradient(90deg,#00f3ff0d 1px,#0000 1px),radial-gradient(circle at 15% 25%,#28145066 0%,#0000 40%),radial-gradient(circle at 75% 85%,#143c504d 0%,#0000 50%),radial-gradient(circle at 30% 40%,#fffc 1px,#0000 2px),radial-gradient(circle at 60% 10%,#fff9 1px,#0000 2px),radial-gradient(circle at 10% 80%,#ffffffe6 2px,#0000 3px),radial-gradient(circle at 80% 60%,#c8f0ffb3 1px,#0000 2px);background-size:70px 70px,70px 70px,100% 100%,100% 100%,300px 300px,200px 200px,500px 500px,400px 400px;width:3000px;height:3000px;position:absolute;top:0;left:0}.planet-container{cursor:pointer;z-index:30;background-color:#0009;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:transform .2s;display:flex;position:absolute;transform:translate(-50%,-50%)}.planet-container:hover{z-index:35;transform:translate(-50%,-50%)scale(1.15)}.planet-container.active{z-index:35;transform:translate(-50%,-50%)scale(1.25)}.planet-node{width:clamp(28px,4vw,36px);height:clamp(28px,4vw,36px);image-rendering:pixelated;background-position:50%;background-size:cover;border-radius:50%;box-shadow:inset -4px -4px 8px #000c}.ring-selected{border:2px solid var(--c-selected);box-shadow:0 0 10px var(--c-selected)}.ring-mine{border:2px solid var(--c-mine);box-shadow:0 0 10px var(--c-mine)}.ring-clan{border:2px solid var(--c-clan);box-shadow:0 0 10px var(--c-clan)}.ring-ally{border:2px solid var(--c-ally);box-shadow:0 0 10px var(--c-ally)}.ring-enemy{border:2px solid var(--c-enemy);box-shadow:0 0 10px var(--c-enemy)}.ring-other{border:2px solid var(--c-other);box-shadow:0 0 5px var(--c-other)}.ring-abandoned{border:2px dashed var(--c-abandoned);box-shadow:none}.planet-enemy .planet-node{filter:sepia(.5)hue-rotate(-50deg)}.planet-abandoned{filter:grayscale()brightness(.6)}.planet-container.active{animation:1.5s infinite alternate pulseRing}@keyframes pulseRing{0%{box-shadow:0 0 5px}to{box-shadow:0 0 20px}}.planet-label{color:var(--text-bright);white-space:nowrap;pointer-events:none;text-align:center;background:#000c;border-radius:3px;padding:2px 6px;font-size:10px;position:absolute;bottom:-25px}.target-tooltip{background:var(--panel-bg);border:1px solid var(--border-color);z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;border-radius:8px;width:clamp(280px,80vw,320px);max-height:80vh;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 50px #000000e6}.tt-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px;display:flex}.tt-header h3{color:var(--text-bright);margin:0 0 2px;font-size:16px}.tt-coords{font-size:12px;font-weight:700}.tt-body{padding:12px;font-size:12px}.tt-row{justify-content:space-between;margin-bottom:6px;display:flex}.tt-row span:last-child{color:var(--text-bright);font-weight:700}.fleet-times{background:#00000080;justify-content:space-between;margin-top:10px;padding:10px;display:flex}.fleet-unit{color:var(--color-clan);flex-direction:column;align-items:center;gap:5px;font-size:12px;display:flex}.fleet-unit span{color:var(--text-muted);font-size:10px}.tt-actions{background:#000c;grid-template-columns:1fr 1fr;gap:5px;padding:10px;display:grid}.btn-action{border:1px solid var(--text-muted);color:var(--text-bright);cursor:pointer;background:0 0;border-radius:4px;padding:10px 0;font-family:inherit;font-size:11px;transition:all .2s}.btn-action.attack:hover{border-color:var(--c-enemy);color:var(--c-enemy);background:#f333}.btn-action.support:hover{border-color:var(--c-selected);color:var(--c-selected);background:#39ff1433}.btn-action.spy:hover{border-color:var(--c-clan);color:var(--c-clan);background:#00f3ff33}.btn-action.trade:hover{border-color:var(--c-mine);color:var(--c-mine);background:#ffca2833}.tooltip-selected{border-top:4px solid var(--c-selected)}.tooltip-mine{border-top:4px solid var(--c-mine)}.tooltip-clan{border-top:4px solid var(--c-clan)}.tooltip-ally{border-top:4px solid var(--c-ally)}.tooltip-enemy{border-top:4px solid var(--c-enemy)}.tooltip-other{border-top:4px solid var(--c-other)}.tooltip-abandoned{border-top:4px solid var(--c-abandoned)}.nav-footer{border-top:1px solid var(--color-clan);z-index:100;background:#05080ae6;flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:10px;padding:10px;display:flex;position:relative}.nav-btn{border:1px solid var(--text-muted);color:var(--text-muted);cursor:pointer;background:0 0;padding:8px 16px;font-family:inherit;font-size:clamp(10px,1.5vw,12px);transition:all .3s}.nav-btn.active,.nav-btn:hover{border-color:var(--color-clan);color:var(--text-bright);box-shadow:0 0 10px var(--crt-glow)}