body{margin:0;overflow:hidden;background-color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-user-select:none;user-select:none;width:100vw;height:100vh}canvas{display:block;position:absolute;top:0;left:0;z-index:1}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;justify-content:center;align-items:center}#main-menu{background:#000000b3;border:1px solid rgba(255,255,255,.2);padding:3rem;border-radius:12px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;box-shadow:0 0 20px #00ffff1a}h1{color:#fff;font-size:3rem;margin-bottom:2rem;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 10px rgba(0,150,255,.8)}.menu-button:active{transform:scale(.98)}.hud-target-indicator{position:absolute;width:40px;height:40px;border:2px solid red;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 10px red;opacity:.8;display:flex;justify-content:center;align-items:center;color:#fff;font-family:monospace;font-size:10px;text-shadow:1px 1px 0 #000}.hud-target-indicator.friendly{border-color:#0f0;box-shadow:0 0 10px #0f0}.menu-button{display:block;width:250px;padding:15px;margin:10px auto;background:transparent;border:2px solid white;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s;text-transform:uppercase;font-weight:700}.menu-button:hover{background:#fff;color:#000;box-shadow:0 0 15px #ffffff80}#ship-selection{background:#000000d9;border:1px solid rgba(0,255,255,.3);padding:2rem;border-radius:12px;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);pointer-events:auto;width:90%;height:90%;max-width:1400px;display:flex;flex-direction:column;overflow-y:auto}.ship-grid{display:flex;justify-content:center;gap:20px;margin:30px 0;flex-wrap:wrap}.ship-card{border:1px solid #444;background:#ffffff0d;padding:20px;border-radius:8px;width:200px;cursor:pointer;transition:all .3s}.ship-card:hover{border-color:#0ff;background:#00ffff1a;transform:translateY(-5px);box-shadow:0 5px 15px #0ff3}.ship-name{color:#fff;font-size:1.2rem;font-weight:700;margin-top:10px}.ship-class{color:#888;font-size:.9rem;text-transform:uppercase}.hidden{display:none!important}#galaxy-splash.fade-out{opacity:0;pointer-events:none}@keyframes splashFadeIn{0%{opacity:0}to{opacity:1}}#splash-intro-text{animation:splashFadeIn 2.5s ease-out}#portrait-rotate-overlay{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:opacity .5s ease}#portrait-rotate-overlay .animate-pulse{animation:rotatePulse 2s cubic-bezier(.4,0,.6,1) infinite;text-shadow:0 0 20px rgba(234,179,8,.5)}@keyframes rotatePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}#mobile-controls-container{transition:opacity .3s ease}#mobile-buttons-zone button{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 10px #00000080;user-select:none;-webkit-user-select:none}#mobile-buttons-zone button:active{transform:scale(.92)}#btn-mobile-fire{text-shadow:0 2px 4px rgba(0,0,0,.5);box-shadow:0 8px 24px #dc262666,inset 0 2px 8px #ffffff4d}#btn-mobile-fire:active{box-shadow:0 4px 12px #dc262699,inset 0 4px 12px #0006}#mobile-joystick-base{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);touch-action:none}#mobile-joystick-knob{touch-action:none}.builder-tab{position:relative;border-bottom:2px solid transparent;cursor:pointer;font-size:.9rem;text-shadow:0 0 5px rgba(255,255,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px 8px 0 0}.builder-tab:hover{background:#ffffff08}.builder-tab.active-tab{font-weight:800}#tab-database.active-tab{color:#0ff!important;border-bottom-color:#0ff!important;text-shadow:0 0 10px rgba(0,255,255,.5);background:#00ffff0d}#tab-team1.active-tab{color:#3b82f6!important;border-bottom-color:#3b82f6!important;text-shadow:0 0 10px rgba(59,130,246,.5);background:#3b82f60d}#tab-team2.active-tab{color:#ef4444!important;border-bottom-color:#ef4444!important;text-shadow:0 0 10px rgba(239,68,68,.5);background:#ef44440d}@keyframes tabFlashBlue{0%{background:#3b82f666;box-shadow:0 0 20px #3b82f6cc inset;transform:scale(1.02)}to{background:transparent;box-shadow:none;transform:scale(1)}}@keyframes tabFlashRed{0%{background:#ef444466;box-shadow:0 0 20px #ef4444cc inset;transform:scale(1.02)}to{background:transparent;box-shadow:none;transform:scale(1)}}.tab-flash-blue{animation:tabFlashBlue .6s cubic-bezier(.25,.8,.25,1)}.tab-flash-red{animation:tabFlashRed .6s cubic-bezier(.25,.8,.25,1)}#panel-database select-none::-webkit-scrollbar,#panel-database div::-webkit-scrollbar{height:4px;width:4px}#panel-database div::-webkit-scrollbar-track{background:#0000004d}#panel-database div::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:2px}@media (max-width: 1024px){#ship-selection{width:98%!important;height:98%!important;padding:1.5rem 1rem!important;font-size:.85rem!important;max-width:100%!important;border-radius:8px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}#ship-selection h1{font-size:2.2rem!important;margin-bottom:.5rem!important}#ship-selection>.overflow-hidden{overflow:visible!important;flex:none!important}#panel-database,#panel-team1,#panel-team2{display:none!important}#ship-selection.active-tab-db #panel-database,#ship-selection.active-tab-t1 #panel-team1,#ship-selection.active-tab-t2 #panel-team2{display:flex!important}#panel-database{flex-direction:column!important;gap:.75rem!important;flex:none!important;overflow:visible!important}#panel-database .overflow-y-auto{overflow:visible!important;flex:none!important}#panel-database .w-full{height:auto!important;min-height:auto!important;padding:.75rem!important;background:#0006!important;border:1px solid rgba(255,255,255,.1)!important}#panel-database h3{font-size:1rem!important;margin-bottom:.5rem!important;padding-bottom:.25rem!important}#panel-database .flex-1.flex-col{width:100%!important;height:auto!important;overflow:visible!important;flex:none!important}#panel-database .bg-gray-800{padding:.75rem!important}#panel-database .bg-gray-700{padding:.5rem!important}#panel-database .h-48{height:8rem!important}#ship-selection .flex-1.bg-gray-900{min-height:auto!important;max-height:none!important;flex:none!important;overflow:visible!important}#panel-team1,#panel-team2{overflow:visible!important;flex:none!important}#team1-list,#team2-list{overflow:visible!important;flex:none!important;max-height:none!important}#ship-selection .h-20.flex{margin-top:.75rem!important;height:auto!important;gap:.5rem!important;flex:none!important}#ship-selection .h-20.flex button{padding:.5rem 1.5rem!important;font-size:1.1rem!important}#start-battle-btn{font-size:1.5rem!important;padding:.75rem 1.5rem!important}}