.weapon-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;color:#fff;font-family:Arial,sans-serif;animation:notification-appear .5s ease-out forwards;pointer-events:none}.weapon-notification-content{background-color:#000c;border:3px solid #1e90ff;border-radius:8px;padding:20px;text-align:center;min-width:300px;box-shadow:0 0 20px #0096ff80}.weapon-notification-title{font-size:18px;font-weight:700;margin-bottom:10px;color:#f90;text-transform:uppercase}.weapon-notification-name{font-size:26px;font-weight:700;margin-bottom:10px;text-shadow:0 0 10px rgba(255,255,255,.5)}.weapon-notification-desc{font-size:14px;margin-bottom:15px;color:#ccc}.weapon-notification-stats{display:flex;justify-content:space-around;font-size:14px;margin-top:10px}.weapon-notification.fadeout{animation:notification-fadeout 1s forwards}@keyframes notification-appear{0%{opacity:0;transform:translate(-50%,-30%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes notification-fadeout{0%{opacity:1}to{opacity:0}}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;width:100%;height:100%}body{font-family:Arial,sans-serif;background-color:#000;color:#fff}#app{width:100%;height:100%;display:block;position:relative}.ui-container{position:absolute;top:10px;left:10px;z-index:10;padding:15px;background-color:#0009;border-radius:8px;pointer-events:none;width:200px;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 20px #00000080;font-size:14px;backdrop-filter:blur(4px)}.speed-display,.energy-display{font-size:14px;margin-bottom:5px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000;z-index:1000;transition:opacity 1s}.loading-screen h1{font-size:2.5em;margin-bottom:20px;color:#fff;text-shadow:0 0 10px #4caf50}.loading-bar{width:300px;height:20px;background-color:#ffffff1a;border-radius:10px;overflow:hidden;margin-bottom:20px}.loading-progress{height:100%;background-color:#4caf50;width:0%;transition:width .5s}.loading-text{font-size:1.2em;margin-bottom:15px;color:#4caf50;text-align:center}.loading-time{font-size:1em;margin-bottom:15px;color:#aaa;text-align:center;font-family:monospace;transition:color .3s}.loading-details{width:80%;max-width:500px;height:150px;background-color:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:5px;padding:10px;overflow-y:auto;font-family:monospace;font-size:.9em;color:#aaa;margin-bottom:20px}.loading-detail-item{margin-bottom:5px;line-height:1.4;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:5px}.loading-detail-item:last-child{color:#4caf50;font-weight:700}.mini-map{width:150px;height:150px;background-color:#000032b3;border:2px solid #ffffff;border-radius:5px}.carrier-stats-panel{position:absolute;top:350px;left:10px;z-index:10;padding:15px;background-color:#0009;border-radius:8px;width:240px;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 20px #00000080;font-size:13px;backdrop-filter:blur(4px);color:#fff}.stats-header{margin:0 0 10px;font-size:16px;font-family:Arial,sans-serif;text-align:center;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:5px;text-transform:uppercase;letter-spacing:1px}.stats-container{display:flex;flex-direction:column;gap:6px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.1);min-height:22px;overflow:hidden}.stat-label{font-weight:700;color:#acf;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.stat-value{text-align:right;color:#fff;font-family:Courier New,monospace;white-space:nowrap}.supplies-section{margin-top:15px}.supplies-header{margin:0 0 8px;font-size:14px;font-family:Arial,sans-serif;text-align:left;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:4px;text-transform:uppercase;letter-spacing:1px;color:#acf}.supplies-container{display:flex;flex-direction:column;gap:6px}.supply-item{display:flex;align-items:center;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.1);min-height:22px}.supply-icon{margin-right:10px;font-size:16px;color:#4af}.supply-details{flex:1}.supply-label{font-size:13px;color:#fff}.supply-count{font-size:13px;color:#4f4;margin-top:2px}.supply-damage{font-size:12px;color:#f66;margin-top:2px;font-weight:700}.fire-button{margin-top:10px;padding:8px 12px;background-color:#a33;color:#fff;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:all .2s ease;width:100%}.fire-button:hover{background-color:#c44}.fire-button:active{background-color:#822;transform:scale(.98)}.weapon-position.firing{animation:firing-flash .3s ease}.weapon-position.preparing{animation:preparing-pulse 1.5s infinite}@keyframes firing-flash{0%{filter:brightness(1)}50%{filter:brightness(3)}to{filter:brightness(1)}}@keyframes preparing-pulse{0%{filter:brightness(1);border-color:#ffff0080}50%{filter:brightness(1.5);border-color:#ff0c}to{filter:brightness(1);border-color:#ffff0080}}.preparing-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;color:#ff0;padding:15px 30px;border-radius:4px;font-weight:700;font-size:18px;z-index:1000;pointer-events:none;border:1px solid rgba(255,255,0,.5);animation:message-pulse 1.5s infinite;text-shadow:0 0 5px rgba(255,255,0,.5)}@keyframes message-pulse{0%{box-shadow:0 0 #ff06}50%{box-shadow:0 0 10px 5px #ff03}to{box-shadow:0 0 #ff06}}.tactical-panel{position:absolute;bottom:10px;right:10px;z-index:10;padding:15px;background-color:#0009;border-radius:8px;width:300px;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 20px #00000080;font-size:14px;backdrop-filter:blur(4px);color:#fff}.tactical-header{margin:0 0 10px;font-size:16px;font-family:Arial,sans-serif;text-align:center;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:5px;text-transform:uppercase;letter-spacing:1px}.tactical-subheader{margin:10px 0 5px;font-size:14px;font-family:Arial,sans-serif;color:#acf;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:3px}.ship-diagram{width:100%;height:120px;background-color:#001e3c80;border-radius:4px;margin:10px 0;position:relative;border:1px solid rgba(255,255,255,.2);overflow:hidden}.ship-outline{position:absolute;width:80%;height:70%;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#6496c833;border:2px solid rgba(100,150,200,.5);border-radius:40% 40% 10% 10%;z-index:1}.weapon-position{position:absolute;border-radius:50%;transform:translate(-50%,-50%);z-index:2;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.weapon-position:hover{filter:brightness(1.5)}.weapon-position.mega{width:24px;height:24px}.weapon-position.mega.active{background-color:#ff64644d;border:2px solid rgba(255,100,100,.7)}.weapon-position.mega.inactive{background-color:#6464644d;border:2px solid rgba(100,100,100,.5);opacity:.6}.weapon-position.normal{width:18px;height:18px}.weapon-position.normal.active{background-color:#64c8ff4d;border:2px solid rgba(100,200,255,.7)}.weapon-position.normal.inactive{background-color:#6464644d;border:2px solid rgba(100,100,100,.5);opacity:.6}.weapon-label{font-size:10px;color:#fff;font-weight:700;text-shadow:0 0 2px black}.tactical-section{margin-bottom:15px}.slots-container{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.weapon-slot,.aircraft-slot{background-color:#001e3c80;border-radius:4px;padding:5px;text-align:center;border:1px solid rgba(255,255,255,.2);transition:all .2s ease;display:flex;flex-direction:column;align-items:center}.weapon-slot.active,.aircraft-slot.active{background-color:#003c78b3;border-color:#ffffff80}.weapon-slot.inactive,.aircraft-slot.inactive{opacity:.5;filter:grayscale(100%)}.slot-icon{font-size:18px;margin-bottom:3px}.slot-name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-position{font-size:8px;color:#acf;margin-top:2px}.ui-header{margin:0 0 5px;font-size:16px;font-family:Arial,sans-serif;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:5px}.mini-map{width:150px;height:150px;background-color:#001e3c80;border-radius:4px;margin:10px 0;position:relative;border:1px solid rgba(255,255,255,.2)}.mini-map-carrier{width:6px;height:6px;background-color:#ff0;border-radius:50%;position:absolute;transform:translate(-50%,-50%);z-index:2}.targeting-mode{cursor:crosshair;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='none' stroke='%23ff0000' stroke-width='2'/%3E%3Ccircle cx='16' cy='16' r='2' fill='%23ff0000'/%3E%3Cline x1='16' y1='4' x2='16' y2='8' stroke='%23ff0000' stroke-width='2'/%3E%3Cline x1='16' y1='24' x2='16' y2='28' stroke='%23ff0000' stroke-width='2'/%3E%3Cline x1='4' y1='16' x2='8' y2='16' stroke='%23ff0000' stroke-width='2'/%3E%3Cline x1='24' y1='16' x2='28' y2='16' stroke='%23ff0000' stroke-width='2'/%3E%3C/svg%3E") 16 16,crosshair}.recon-targeting-mode{cursor:crosshair;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='none' stroke='%230066ff' stroke-width='2'/%3E%3Cpath d='M16,8 L20,16 L16,14 L12,16 Z' fill='%230066ff' stroke='%230066ff' stroke-width='1'/%3E%3Ccircle cx='16' cy='16' r='2' fill='%230066ff'/%3E%3Cline x1='16' y1='4' x2='16' y2='8' stroke='%230066ff' stroke-width='2'/%3E%3Cline x1='16' y1='24' x2='16' y2='28' stroke='%230066ff' stroke-width='2'/%3E%3Cline x1='4' y1='16' x2='8' y2='16' stroke='%230066ff' stroke-width='2'/%3E%3Cline x1='24' y1='16' x2='28' y2='16' stroke='%230066ff' stroke-width='2'/%3E%3C/svg%3E") 16 16,crosshair}.targeting-instructions{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:10px 20px;border-radius:4px;font-weight:700;z-index:1000;pointer-events:none;border:1px solid rgba(255,255,255,.3);animation:pulse 1.5s infinite}.preparing-message,.takeoff-message,.return-message,.landing-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;padding:15px 30px;border-radius:4px;font-weight:700;font-size:18px;z-index:1000;pointer-events:none}.preparing-message{color:#ff0;border:1px solid rgba(255,255,0,.5)}.takeoff-message{color:#6cf;border:1px solid rgba(102,204,255,.5)}.return-message{color:#fc6;border:1px solid rgba(255,204,102,.5)}.landing-message{color:#6f9;border:1px solid rgba(102,255,153,.5)}.range-indicator{position:fixed;top:80px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:10px 15px;border-radius:4px;z-index:1000;pointer-events:none;border:1px solid rgba(255,0,0,.5);width:200px}.range-title{font-weight:700;text-align:center;margin-bottom:5px;color:#f44;font-size:14px}.range-detail{font-size:12px;text-align:center;color:#acf}@keyframes pulse{0%{box-shadow:0 0 #f006}70%{box-shadow:0 0 0 10px #f000}to{box-shadow:0 0 #f000}}.weapon-slot{position:relative;padding-bottom:40px}.weapon-slot .fire-button{position:absolute;bottom:5px;left:0;right:0;margin:0 auto;width:calc(100% - 10px);height:30px;font-size:12px}
