*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:linear-gradient(180deg,#0a1628,#1a3a52);display:flex;justify-content:center;align-items:center;min-height:100vh;color:#fff}#gameContainer{position:relative;box-shadow:0 0 40px rgba(0,200,255,.3)}#gameCanvas{border:3px solid #00d4ff;background:#0a2540;display:block;position:relative;z-index:1}#ui{position:absolute;left:10px;right:10px;display:none;justify-content:space-between;pointer-events:none;z-index:10;bottom:20px}#ui.active{display:flex}.ui-panel{background:rgba(0,20,40,.8);border:2px solid #00d4ff;padding:10px 15px;border-radius:5px;font-size:14px}.ui-stat{margin:3px 0}.health-bar{width:150px;height:20px;background:#333;border:2px solid #00d4ff;border-radius:3px;overflow:hidden;margin-top:5px}.health-fill{height:100%;background:linear-gradient(90deg,red,#0f0);transition:width .3s}.screen{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;pointer-events:auto}.screen.hidden{display:none}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px;margin:20px 0;max-width:600px}.level-card{background:rgba(0,60,100,.5);border:2px solid #00d4ff;padding:15px;border-radius:5px;cursor:pointer;transition:all .3s;text-align:center;pointer-events:auto}.level-card:hover:not(.locked){background:rgba(0,100,150,.7);transform:scale(1.05);box-shadow:0 0 15px #00d4ff}.level-card.locked{opacity:.4;cursor:not-allowed;border-color:#666}.level-card.completed{border-color:#0f0}.level-number{font-size:32px;color:#00d4ff;margin-bottom:10px}.level-name{font-size:14px;color:#fa0;margin-bottom:5px}.level-objective{font-size:12px;color:#aaa}.ship-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;margin:30px 0;max-width:700px;position:relative;z-index:101}.ship-card{background:rgba(0,40,80,.7);border:3px solid #00d4ff;padding:20px;border-radius:8px;cursor:pointer;transition:all .3s;text-align:center;pointer-events:auto}.ship-card:hover{background:rgba(0,80,140,.8);transform:scale(1.05);box-shadow:0 0 25px #00d4ff;border-color:#0ff}.ship-card.selected{border-color:#0f0;border-width:4px;box-shadow:0 0 30px #0f0}.ship-preview{border:2px solid #00d4ff;background:#0a2540;margin:10px auto;display:block;border-radius:5px;width:160px;height:100px}.ship-card-name{font-size:20px;color:#00d4ff;margin:10px 0;font-weight:700}.ship-stats{margin:10px 0;font-size:12px;color:#fa0}.ship-stat{margin:3px 0}.ship-description{font-size:11px;color:#aaa;margin-top:8px;font-style:italic}.briefing-box{background:rgba(0,20,40,.9);border:2px solid #00d4ff;padding:20px;border-radius:5px;max-width:600px;margin:20px;text-align:left}.briefing-box h3{color:#fa0;margin-bottom:10px}.briefing-box p{color:#ccc;line-height:1.6;margin-bottom:10px}.stats-box{display:flex;justify-content:space-around;margin-top:15px}.stat-item{text-align:center}.stat-value{font-size:24px;color:#0f0}.stat-label{font-size:12px;color:#aaa}h1{color:#00d4ff;font-size:48px;margin-bottom:20px;text-shadow:0 0 10px #00d4ff}.subtitle{color:#fa0;font-size:18px;margin-bottom:30px}button{background:linear-gradient(180deg,#00d4ff,#08c);border:2px solid #0ff;color:#fff;padding:15px 40px;font-size:20px;font-family:Courier New,monospace;cursor:pointer;border-radius:5px;transition:all .3s;pointer-events:auto;position:relative;z-index:101}button:hover{background:linear-gradient(180deg,#0ff,#0af);box-shadow:0 0 20px #00d4ff;transform:scale(1.05)}.controls{margin-top:20px;text-align:center;color:#aaa;font-size:14px}.controls div{margin:5px 0}#finalScore{font-size:32px;color:#fa0;margin:20px 0}