@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-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:clamp(10px,1.5vw,12px);display:flex}.resource-icon{object-fit:cover;background:#111;border:1px solid #333;border-radius:4px;width:clamp(20px,3vw,24px);height:clamp(20px,3vw,24px)}.resource-value{font-weight:700}.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)}.val-gems{color:var(--accent-gold,#ffb800);text-shadow:0 0 5px #ffb80080}body{background-color:#05080c;background-image:linear-gradient(#00f3ff08 1px,#0000 1px),linear-gradient(90deg,#00f3ff08 1px,#0000 1px);background-position:50%;background-size:40px 40px}.dashboard-container{grid-template-columns:340px 1fr 340px;grid-template-areas:"header header header""left center right""footer footer footer";gap:25px;max-width:1700px;min-height:calc(100vh - 60px);margin:0 auto;padding:30px;display:grid}.dash-header{border-bottom:2px solid #00f3ff33;grid-area:header;justify-content:space-between;align-items:flex-end;padding-bottom:10px;display:flex;position:relative}.dash-header:after{content:"";background:var(--accent-blue);width:150px;height:2px;box-shadow:0 0 10px var(--accent-blue);position:absolute;bottom:-2px;left:0}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));background:linear-gradient(135deg,#0a0f14f2 0%,#05080cfa 100%);border:1px solid #00f3ff1a;flex-direction:column;grid-area:left;gap:20px;padding:25px;display:flex;position:relative;box-shadow:inset 0 0 30px #000c}.panel-right{clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);grid-area:right}.panel:before{content:"";pointer-events:none;clip-path:polygon(0 0,30px 0,30px 2px,2px 2px,2px 30px,0 30px);border-top:2px solid #00f3ff80;border-left:2px solid #00f3ff80;width:100%;height:100%;position:absolute;top:0;left:0}.panel-title{color:#fff;letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 8px #ffffff4d;border-bottom:1px dashed #ffffff26;justify-content:space-between;align-items:center;margin:0;padding-bottom:10px;font-size:15px;display:flex}.data-item{background:#00f3ff05;border-left:3px solid #0000;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 12px;transition:all .3s;display:flex}.data-item:hover{border-left:3px solid var(--accent-blue);background:#00f3ff14;transform:translate(5px)}.dash-footer{flex-wrap:wrap;grid-area:footer;justify-content:center;gap:15px;padding-top:20px;display:flex}.nav-btn{color:var(--text-muted);cursor:pointer;letter-spacing:2px;clip-path:polygon(15px 0,100% 0,calc(100% - 15px) 100%,0 100%);background:#0a0f14cc;border:1px solid #ffffff1a;padding:12px 30px;font-family:inherit;font-size:13px;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1)}.nav-btn:hover,.nav-btn.active{border-color:var(--accent-blue);color:#fff;text-shadow:0 0 5px var(--accent-blue);background:#00f3ff26;box-shadow:0 0 15px #00f3ff4d}.building-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.building-table th{color:var(--accent-blue);letter-spacing:1px;text-transform:uppercase;border-bottom:2px solid #00f3ff33;padding:12px 8px}.building-table td{vertical-align:middle;border-bottom:1px solid #ffffff08;padding:18px 8px}.building-table tr:hover td{background:#ffffff05}.b-name{color:var(--text-bright);font-size:14px;font-weight:700}.btn-upgrade{border:1px solid var(--accent-blue);color:var(--accent-blue);cursor:pointer;letter-spacing:1px;background:#00f3ff0d;border-radius:2px;padding:8px 15px;font-family:inherit;font-size:11px;font-weight:700;transition:all .3s}.btn-upgrade:hover:not(:disabled){background:var(--accent-blue);color:#000;transform:translateY(-2px);box-shadow:0 0 15px #00f3ff80}: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)}