body{background-color:#222;color:#fff;font-family:Orbitron,sans-serif}.app{display:flex;flex-direction:column;height:100vh}.navbar{position:sticky;top:0;background-image:url(/background.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;color:#fff;padding:10px;display:flex;justify-content:space-between;align-items:center;z-index:1000}main{flex:1;overflow-y:auto;background:#000000b3;border-radius:12px;box-shadow:0 8px 16px #0009;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center}.navbar h1{font-size:3rem;background:linear-gradient(135deg,#1d2b64,#0a0f27);color:#fff;box-shadow:0 8px 16px #0006;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.navbar-buttons button{margin-right:10px}.resource-display{background:linear-gradient(135deg,#1d2b64,#0a0f27);color:#fff;box-shadow:0 8px 16px #0006;text-shadow:1px 1px 2px rgba(0,0,0,.7);display:flex;flex-direction:column;gap:5px;margin-right:20px}.resource-item{display:flex;gap:5px}.ai-dialog{background:linear-gradient(135deg,#1d2b64,#0a0f27);color:#fff;box-shadow:0 8px 16px #0006;text-shadow:1px 1px 2px rgba(0,0,0,.7);padding:10px;border:1px solid #444;height:300px;width:600px;overflow-y:auto;font-family:monospace}.ai-dialog .log-container{display:flex;flex-direction:column;padding-right:10px}.ai-dialog .log-container p{margin:0;padding:2px 0}button{padding:12px 24px;font-size:1.2rem;border:none;border-radius:10px;cursor:pointer;outline:none;transition:transform .3s ease,box-shadow .3s ease;background:linear-gradient(135deg,#1d2b64,#0a0f27);color:#fff;box-shadow:0 8px 16px #0006;text-shadow:1px 1px 2px rgba(0,0,0,.7)}button:hover{background:linear-gradient(135deg,#4e5d94,#2e3b5f);transform:translateY(-3px);box-shadow:0 12px 20px #00000080}button:active{transform:translateY(1px);box-shadow:0 4px 10px #0009}.home{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.upgrades{margin:10px 0;background:#0009;padding:20px;border-radius:10px;width:100%}.navigation-room{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;width:100%}.planet-selection{margin-top:20px;display:flex;flex-direction:column;gap:10px}.room{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;width:100%}.room div{background:#0009;padding:15px;border-radius:10px;margin-bottom:20px}
