:root{--base: #080404;--surface: #160d0d;--overlay: #8c7373;--text: #ffffff;--primary: #ff5e00;--green: #ff8800;--red: #ff2a00;--yellow: #ffb703;--font-ui: "Nunito", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-logo: "Orbitron", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background:radial-gradient(circle at center,#1a0800,#080404);color:var(--text);font-family:var(--font-ui);overflow:hidden;width:100vw;height:100vh}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column}.hidden{opacity:0!important;pointer-events:none!important;transition:opacity .3s ease}.d-none{display:none!important}#hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;font-family:var(--font-mono);font-size:1.1rem;font-weight:500;transition:opacity .3s ease;z-index:10}.hud-bottom-left,.hud-bottom-right{position:absolute;bottom:40px;transform:translateY(50%);display:flex;gap:1rem;align-items:center}.hud-bottom-left{left:3rem}.hud-bottom-right{right:3rem}.hud-pill{display:flex;gap:1.5rem;align-items:center;background-color:#160d0dcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--overlay);font-family:var(--font-mono);font-size:1rem;font-weight:500;padding:.6rem 1.4rem;border-radius:20px;border:1px solid rgba(255,94,0,.3);box-shadow:0 4px 12px #00000080}.hud-pill.logo-text{color:var(--primary);font-family:var(--font-logo);font-weight:900;letter-spacing:1px}.stat{color:var(--overlay)}.stat span{color:var(--text);font-weight:700;margin-left:.5rem}.combo span{color:var(--yellow)}.hp-bar span{color:var(--red)}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:auto;background-color:#080404d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .3s ease}.logo-large{font-family:var(--font-logo);font-size:4.5rem;font-weight:900;color:var(--primary);margin-bottom:.5rem;letter-spacing:2px}.subtitle{font-family:var(--font-mono);font-size:1.1rem;font-weight:500;color:var(--overlay);margin-bottom:2.5rem}.text-danger{color:var(--red)}.btn-primary,.btn-secondary{font-family:var(--font-ui);font-size:1.4rem;font-weight:800;padding:1rem 4rem;border-radius:100px;border:none;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1);margin-bottom:.8rem}.btn-primary{background-color:var(--primary);color:var(--base);box-shadow:0 4px 15px #ff5e004d}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #ff5e0066;background-color:#f80}.btn-secondary{background-color:var(--surface);color:var(--text)}.btn-secondary:hover{background-color:#331a1a;transform:translateY(-2px)}.btn-circle{width:48px;height:48px;border-radius:50%;background-color:transparent;border:2px solid rgba(255,94,0,.4);color:var(--primary);font-size:1.4rem;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;align-items:center;justify-content:center}.btn-circle:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-3px) scale(1.05);background-color:#ff5e0026;box-shadow:0 4px 15px #ff5e004d}.btn-text{background:none;border:none;cursor:pointer;color:var(--primary);margin-top:1rem;width:100%;font-family:var(--font-ui);font-weight:800;font-size:.9rem;letter-spacing:1px;text-transform:uppercase;transition:all .2s ease}.btn-text:hover{color:#f80;transform:translateY(-1px)}.small-text{font-family:var(--font-mono);font-size:.9rem;color:var(--overlay);margin-top:.5rem;margin-bottom:1.5rem}.stats-box{background-color:var(--surface);padding:2.5rem;border-radius:24px;font-family:var(--font-mono);font-size:1.1rem;margin-bottom:3rem;text-align:left;min-width:350px;box-shadow:0 8px 30px #00000026}.stats-box div{margin-bottom:1rem;display:flex;justify-content:space-between;color:var(--overlay)}.stats-box div span{color:var(--text);font-weight:700}.pb-box{font-family:var(--font-mono);font-size:.9rem;color:var(--overlay);text-align:center;background-color:var(--surface);padding:1.5rem 2rem;border-radius:20px}.collapse-box{max-height:0;opacity:0;overflow:hidden;margin-top:0;padding-top:0;padding-bottom:0;transition:all .4s cubic-bezier(.25,.8,.25,1);pointer-events:none}.collapse-box.show{max-height:400px;opacity:1;margin-top:1rem;padding-top:1.5rem;padding-bottom:1.5rem;pointer-events:auto}.pb-box h3{color:var(--primary);margin-bottom:.8rem;font-size:1rem}#history-table{width:100%;border-collapse:collapse;margin-top:1rem;font-family:var(--font-mono);font-size:.9rem}#history-table th{color:var(--primary);border-bottom:1px solid rgba(255,94,0,.4);padding:10px;text-transform:uppercase;font-size:.8rem;letter-spacing:1px;text-align:center}#history-table th:first-child{text-align:left}#history-table td{padding:8px 10px;color:var(--text);border-bottom:1px solid rgba(255,94,0,.1);text-align:center}#history-table td:first-child{text-align:left}#history-table tbody tr:hover{background-color:#ff5e001a}#controls-hint{position:absolute;bottom:2rem;left:3rem;font-family:var(--font-mono);font-size:.9rem;color:var(--overlay)}.btn-icon{position:absolute;bottom:2rem;right:3rem;background:var(--surface);border:none;border-radius:100px;color:var(--text);padding:.8rem 1.5rem;font-family:var(--font-ui);font-weight:700;cursor:pointer;pointer-events:auto;transition:all .2s ease}.btn-icon:hover{background:#331a1a;transform:translateY(-2px)}.ship-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:15px;width:150px;text-align:center;cursor:pointer;transition:all .2s ease}.ship-card:hover{background:#ffffff1a;transform:translateY(-2px)}.ship-card.unlocked{border-color:#ffffff4d}.ship-card.selected{border-color:var(--primary);background:#ff5e001a;box-shadow:0 0 15px #ff5e0033}.ship-name{font-family:var(--font-logo);font-weight:700;font-size:1rem;margin-bottom:5px;color:var(--text)}.ship-price{font-size:.9rem;color:var(--yellow);font-weight:700}.ship-preview{width:100%;height:80px;margin-bottom:10px;display:flex;justify-content:center;align-items:center}.side-panel{position:absolute;top:0;left:-50vw;width:40vw;min-width:450px;height:100%;background:#0a0505b3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-right:1px solid rgba(255,94,0,.2);box-shadow:10px 0 30px #000000e6;padding:40px 50px 40px 40px;transition:left .4s cubic-bezier(.175,.885,.32,1.275);z-index:100;overflow-y:auto;scrollbar-width:none;pointer-events:auto;display:flex;flex-direction:column}.side-panel::-webkit-scrollbar{display:none}.side-panel.open{left:0}#screen-menu{transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .4s ease;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.panel-open #screen-menu{transform:translate(20vw);opacity:.5;pointer-events:none}@media (max-width: 768px){.logo-large{font-size:3rem}.subtitle{font-size:.9rem}.btn-primary,.btn-secondary{font-size:1.1rem!important;padding:.8rem 1.8rem!important}.side-panel{width:100vw;min-width:100vw;left:-100vw;padding:20px 15px}.panel-open #screen-menu{transform:none;opacity:0}.hud-bottom-left{left:10px;top:20px;bottom:auto;transform:none}.hud-bottom-right{right:10px;top:20px;bottom:auto;transform:none}.hud-pill{padding:.4rem .8rem;gap:.8rem;font-size:.8rem}.hud-pill.logo-text{display:none}#screen-pause>div{flex-direction:column!important;gap:1rem!important}#screen-pause button{width:100%}#history-table th,#history-table td{padding:6px 4px;font-size:.75rem}.stats-box{font-size:1rem;gap:.5rem}}