body{margin:0;font-family:Inter,system-ui,sans-serif;background-color:#0a0e1a;color:#e0e0e0;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:100vh}.app-container{width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;padding:20px;box-sizing:border-box}.game-wrapper{position:relative;width:800px;height:600px;border:2px solid #00F5FF;box-shadow:0 0 15px #00f5ff,0 0 30px #00f5ff;background-color:#0a0e1a;overflow:hidden;border-radius:8px;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0a0e1ae6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;font-size:1.2em;text-shadow:0 0 8px #39FF14}.spinner{border:8px solid rgba(255,255,255,.3);border-top:8px solid #39FF14;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-canvas{display:block;background-color:transparent}.hud{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#0a0e1ab3;border-radius:5px;z-index:10;border:1px solid rgba(0,245,255,.3);box-shadow:inset 0 0 10px #00f5ff33}.hud-section{display:flex;align-items:center;gap:8px}.hud-label{font-size:.9em;color:#6b7280;letter-spacing:.05em;text-transform:uppercase}.hud-value{font-size:1.1em;font-weight:700;color:#e0e0e0;text-shadow:0 0 5px #00F5FF}.lives-container{display:flex;gap:4px}.start-screen,.gameover-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#0a0e1ad9;z-index:20;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px}.start-screen h1,.gameover-screen h1{font-size:4em;margin-bottom:20px;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 10px #FF006E,0 0 20px #FF006E,0 0 30px #BD00FF}.cyber-text{font-family:JetBrains Mono,monospace;font-weight:700;color:#00f5ff;text-shadow:0 0 8px #00F5FF,0 0 16px #00F5FF;letter-spacing:.1em}.start-screen .sub-title{font-size:1.2em;color:#6b7280;margin-bottom:40px}.start-screen-content{display:flex;align-items:center;gap:40px;margin-bottom:40px}.start-image-placeholder{width:150px;height:150px;border:2px dashed #BD00FF;border-radius:10px;display:flex;justify-content:center;align-items:center;background-color:#bd00ff1a}.start-player-img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 0 10px #BD00FF)}.fallback-emoji{font-size:5em;opacity:.7}.start-info{text-align:left;line-height:1.8}.start-info p{margin-bottom:10px;font-size:1.1em;color:#e0e0e0}.start-info ul{list-style:none;padding-left:0;margin-bottom:15px}.start-info li{display:flex;align-items:center;gap:8px;margin-bottom:5px;color:#e0e0e0;font-size:.95em}.start-info li svg{color:#00f5ff}.high-score{font-size:1.2em;font-weight:700;color:gold;text-shadow:0 0 8px #FFD700;margin-top:20px}.gameover-screen h1{color:red;text-shadow:0 0 10px #FF0000,0 0 20px #FF4500}.gameover-screen p{font-size:1.5em;margin-bottom:15px}.score-value{font-weight:700;color:#0f0;text-shadow:0 0 8px #00FF00}.start-button,.restart-button,.skill-panel-toggle-button,.close-panel-button,.card-actions button{padding:12px 25px;font-size:1.1em;font-weight:700;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease;letter-spacing:.05em;text-transform:uppercase;margin-top:20px;background-color:#00f5ff;color:#0a0e1a;box-shadow:0 0 10px #00f5ff,0 0 20px #00f5ff80}.start-button:hover,.restart-button:hover,.skill-panel-toggle-button:hover,.close-panel-button:hover,.card-actions button:hover{transform:translateY(-3px);box-shadow:0 0 15px #00f5ff,0 0 25px #00f5ffb3}.start-button:active,.restart-button:active,.skill-panel-toggle-button:active,.close-panel-button:active,.card-actions button:active{transform:translateY(1px)}.restart-button{background-color:#39ff14;box-shadow:0 0 10px #39ff14,0 0 20px #39ff1480}.restart-button:hover{box-shadow:0 0 15px #39ff14,0 0 25px #39ff14b3}.skill-panel-toggle-button{background-color:#bd00ff;box-shadow:0 0 10px #bd00ff,0 0 20px #bd00ff80;margin-left:15px}.skill-panel-toggle-button:hover{box-shadow:0 0 15px #bd00ff,0 0 25px #bd00ffb3}.skill-panel{position:absolute;bottom:80px;left:50%;transform:translate(-50%);width:90%;max-width:700px;background-color:#1a1f3ae6;border:1px solid #BD00FF;box-shadow:0 0 15px #bd00ff,0 0 30px #bd00ff80;border-radius:10px;padding:25px;z-index:50;display:flex;flex-direction:column;align-items:center}.skill-panel h2{font-size:2em;margin-bottom:20px;color:#00f5ff;text-shadow:0 0 8px #00F5FF;display:flex;align-items:center;gap:10px}.close-panel-button{position:absolute;top:15px;right:15px;background:none;border:none;color:#6b7280;cursor:pointer;padding:5px}.close-panel-button:hover{color:#ff006e;box-shadow:none;transform:none}.skill-cards-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;width:100%;max-height:300px;overflow-y:auto;padding-right:10px}.skill-card{background-color:#0a0e1acc;border-radius:8px;padding:15px;border:1px solid #6B7280;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between}.skill-card:hover{transform:translateY(-5px);box-shadow:0 0 12px #00f5ff66}.skill-card.rarity-common{border-color:#00f5ff;box-shadow:0 0 8px #00f5ff4d}.skill-card.rarity-uncommon{border-color:#39ff14;box-shadow:0 0 8px #39ff144d}.skill-card.rarity-rare{border-color:#ff006e;box-shadow:0 0 8px #ff006e4d}.skill-card.rarity-legendary{border-color:#bd00ff;box-shadow:0 0 12px #bd00ff80}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.card-icon{font-size:1.5em;display:inline-block}.skill-card.rarity-common .card-icon{color:#00f5ff}.skill-card.rarity-uncommon .card-icon{color:#39ff14}.skill-card.rarity-rare .card-icon{color:#ff006e}.skill-card.rarity-legendary .card-icon{color:#bd00ff}.card-name{font-size:1.2em;font-weight:700;color:#e0e0e0;flex-grow:1}.card-level{font-size:.8em;background-color:#ffffff1a;padding:3px 8px;border-radius:4px;color:#aaa}.card-effect{font-size:.9em;color:#aaa;margin-bottom:15px;line-height:1.5}.card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.card-actions button{padding:8px 15px;font-size:.85em;background-color:#39ff14;box-shadow:0 0 8px #39ff14;margin-top:0}.card-actions button:hover{box-shadow:0 0 12px #39ff14}.card-actions button:disabled{background-color:#6b7280;box-shadow:none;cursor:not-allowed}.card-actions .remove-card{background-color:#ff006e;box-shadow:0 0 8px #ff006e}.card-actions .remove-card:hover{box-shadow:0 0 12px #ff006e}.boss-warning{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#f00c;color:#fff;padding:20px 40px;border-radius:10px;text-align:center;z-index:30;box-shadow:0 0 15px red,0 0 30px #ff0000b3;animation:pulseWarning 1.5s infinite alternate}.boss-warning h2{font-size:2em;margin-bottom:10px;display:flex;align-items:center;gap:15px;justify-content:center;text-shadow:0 0 8px #FFFFFF}.boss-warning p{font-size:1.2em}@keyframes pulseWarning{0%{transform:translate(-50%,-50%) scale(1);opacity:.9}to{transform:translate(-50%,-50%) scale(1.05);opacity:1}}.app-footer{font-size:.8em;color:#6b7280;letter-spacing:.05em;text-align:center;padding:10px}@media (max-width: 800px){.game-wrapper{width:100%;height:auto;aspect-ratio:800 / 600}.app-container{padding:10px}.hud{flex-wrap:wrap;justify-content:center;top:5px;left:5px;right:5px;padding:8px}.hud-section{margin:2px 5px}.start-screen h1,.gameover-screen h1{font-size:3em}.start-screen-content{flex-direction:column;gap:20px}.start-image-placeholder{width:100px;height:100px}.start-info{width:90%}.skill-panel{width:95%;bottom:70px}}