body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#0d1117;color:#c9d1d9}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:#0b0e14;background-image:radial-gradient(circle at 10% 20%,rgba(18,24,38,.8) 0%,transparent 90%),radial-gradient(circle at 90% 80%,rgba(26,36,54,.5) 0%,transparent 90%)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background-color:#0d1117e6;border-bottom:2px solid #2d3748;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo-section{display:flex;align-items:center;gap:12px}.logo-icon{background-color:#ecb3681a;padding:8px;border-radius:8px;border:1px solid rgba(236,179,104,.3)}.logo-section h1{font-size:1.25rem;font-weight:800;color:#f7fafc;margin:0;letter-spacing:1px}.logo-section .subtitle{font-size:.75rem;color:#718096;margin:0}.header-actions{display:flex;align-items:center;gap:15px}.sound-toggle{background:none;border:1px solid #2d3748;padding:8px;border-radius:6px;cursor:pointer;color:#fff;transition:all .2s}.sound-toggle:hover{background-color:#ffffff0d}.high-score-badge{display:flex;align-items:center;gap:8px;background-color:#ecb3681a;border:1px solid rgba(236,179,104,.3);padding:6px 14px;border-radius:20px;font-size:.85rem;color:#ecc94b;font-weight:600}.lobby-screen{max-width:1200px;margin:40px auto;padding:0 20px;width:100%;box-sizing:border-box}.hero-banner{text-align:center;margin-bottom:50px}.hero-banner .badge{display:inline-block;background-color:#3182ce;color:#ebf8ff;font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:12px;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.hero-banner h2{font-size:2.5rem;color:#fff;margin:0 0 15px;font-weight:800}.hero-banner p{color:#a0aec0;font-size:1.1rem}.weapon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.weapon-card{background-color:#1a202c;border:1px solid #2d3748;border-radius:12px;padding:24px;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.weapon-card:hover{transform:translateY(-5px);border-color:#4a5568;box-shadow:0 10px 20px #0000004d}.weapon-card-header{display:flex;justify-content:space-between;margin-bottom:12px}.weapon-type{background-color:#2d3748;color:#cbd5e0;font-size:.75rem;padding:2px 8px;border-radius:4px}.weapon-cost{color:#ecc94b;font-weight:700;font-size:.9rem}.weapon-card h3{color:#fff;margin:0 0 10px;font-size:1.4rem}.weapon-desc{color:#718096;font-size:.85rem;line-height:1.4;margin-bottom:20px;height:40px;overflow:hidden}.mini-stats{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.mini-stat{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#a0aec0}.mini-stat .bar-bg{width:120px;height:6px;background-color:#2d3748;border-radius:3px;overflow:hidden}.mini-stat .bar-fill{height:100%;background-color:#3182ce}.enter-btn{width:100%;background-color:#2d3748;color:#fff;border:none;padding:12px;border-radius:8px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s}.weapon-card:hover .enter-btn{background-color:#3182ce}.workshop-layout{display:grid;grid-template-columns:1fr 380px;gap:20px;padding:20px;flex:1;box-sizing:border-box}.left-panel{display:flex;flex-direction:column;background-color:#111622;border:1px solid #2d3748;border-radius:12px;padding:20px;position:relative}.panel-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.back-lobby-btn{background-color:#2d3748;color:#cbd5e0;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.85rem}.back-lobby-btn:hover{background-color:#4a5568}.weapon-title-tag{font-size:1.1rem;font-weight:700;color:#fff;background-color:#3182ce1a;border:1px solid rgba(49,130,206,.3);padding:4px 12px;border-radius:4px}.gun-visualizer-box{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;min-height:400px}.gun-svg-container{position:relative;width:100%;max-width:800px;margin:0 auto}.gun-svg{width:100%;height:auto;filter:drop-shadow(0 10px 15px rgba(0,0,0,.5))}.slot-anchors{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.slot-btn{position:absolute;pointer-events:auto;background:#0d1117d9;border:1px solid #e53e3e;border-radius:20px;padding:4px 10px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s;box-shadow:0 4px 10px #0006}.slot-btn.equipped{border-color:#3182ce}.slot-btn.active{border-color:#ecc94b;background-color:#ecc94b;color:#1a202c}.slot-btn .dot{width:6px;height:6px;border-radius:50%;background-color:#e53e3e}.slot-btn.equipped .dot{background-color:#3182ce}.slot-btn.active .dot{background-color:#1a202c}.slot-btn .label{font-size:.7rem;font-weight:700}.pro-builds-section{margin-top:auto;background-color:#1a202c80;border-radius:8px;padding:15px;border:1px solid #2d3748}.pro-builds-section h4{margin:0 0 12px;font-size:.9rem;color:#fff;display:flex;align-items:center;gap:6px}.builds-row{display:flex;gap:15px}.build-card{flex:1;background-color:#1a202c;border:1px solid #2d3748;border-radius:6px;padding:10px;text-align:left;cursor:pointer;transition:all .2s}.build-card:hover{border-color:#ecc94b;background-color:#ecc94b0d}.build-card h5{margin:0 0 4px;font-size:.8rem;color:#ecc94b}.build-card p{margin:0;font-size:.7rem;color:#a0aec0;line-height:1.3}.right-panel{display:flex;flex-direction:column;gap:20px}.stats-card{background-color:#111622;border:1px solid #2d3748;border-radius:12px;padding:20px}.stats-card h3{margin:0 0 15px;font-size:1rem;color:#fff}.stats-list{display:flex;flex-direction:column;gap:12px}.stat-row-group{display:flex;flex-direction:column;gap:4px}.stat-row{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:.8rem;color:#a0aec0;display:flex;align-items:center;gap:4px}.tooltip-trigger{position:relative;cursor:help;color:#718096}.tooltip-text{visibility:hidden;width:180px;background-color:#2d3748;color:#fff;text-align:center;border-radius:6px;padding:8px;position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .2s;font-size:.7rem;line-height:1.3;box-shadow:0 4px 10px #0000004d}.tooltip-trigger:hover .tooltip-text{visibility:visible;opacity:1}.stat-value{font-size:.85rem;font-weight:700;color:#fff}.stat-bar-container{height:6px;background-color:#1a202c;border-radius:3px;overflow:hidden}.stat-bar-fill{height:100%;background-color:#3182ce;border-radius:3px;transition:width .3s ease}.cost-score-box{display:flex;gap:15px;margin-top:15px;padding-top:15px;border-top:1px solid #2d3748}.cost-item,.score-item{flex:1;display:flex;flex-direction:column;gap:4px}.cost-item span,.score-item span{font-size:.7rem;color:#718096}.cost-val{font-size:1rem;font-weight:700;color:#ecc94b}.score-val{font-size:1.1rem;font-weight:700;color:#48bb78}.attachments-selector{background-color:#111622;border:1px solid #2d3748;border-radius:12px;padding:20px;flex:1;display:flex;flex-direction:column;min-height:300px}.selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.selector-header h4{margin:0;font-size:.9rem;color:#fff}.close-selector{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:.8rem}.attachments-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:350px}.attachment-item{background-color:#1a202c;border:1px solid #2d3748;border-radius:8px;padding:12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.attachment-item:hover{border-color:#4a5568;background-color:#ffffff05}.attachment-item.selected{border-color:#ecc94b;background-color:#ecc94b0d}.att-info{flex:1}.att-title-row{display:flex;justify-content:space-between;margin-bottom:4px}.att-title-row h5{margin:0;font-size:.85rem;color:#fff}.att-cost{color:#ecc94b;font-size:.8rem;font-weight:700}.att-desc{margin:0 0 8px;font-size:.7rem;color:#718096;line-height:1.3}.att-mods{display:flex;flex-wrap:wrap;gap:6px}.mod-tag{font-size:.65rem;padding:2px 6px;border-radius:4px;font-weight:700}.mod-tag.positive{background-color:#48bb781a;color:#48bb78}.mod-tag.negative{background-color:#f565651a;color:#f56565}.no-slot-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.no-slot-selected p{margin:0 0 5px;color:#cbd5e0;font-size:.9rem}.no-slot-selected span{color:#718096;font-size:.75rem}.workshop-footer{display:flex;gap:15px;margin-top:20px}.reset-btn{background-color:#2d3748;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px}.start-drill-btn{flex:1;background-color:#ecc94b;color:#1a202c;border:none;padding:12px 20px;border-radius:8px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.start-drill-btn:hover{background-color:#d69e2e}.drill-ready-overlay,.drill-over-overlay{display:flex;align-items:center;justify-content:center;padding:40px 20px;flex:1}.ready-card,.over-card{background-color:#111622;border:1px solid #2d3748;border-radius:12px;padding:40px;max-width:500px;width:100%;text-align:center;box-shadow:0 10px 30px #00000080}.ready-card h2,.over-card h2{color:#fff;margin:0 0 10px}.drill-rules,.drill-controls{text-align:left;background-color:#1a202c;border-radius:8px;padding:15px;margin-bottom:20px}.drill-rules h4,.drill-controls h4{margin:0 0 10px;color:#ecc94b;font-size:.9rem}.drill-rules ul{margin:0;padding-left:20px;font-size:.8rem;color:#cbd5e0;display:flex;flex-direction:column;gap:6px}.drill-controls p{margin:5px 0;font-size:.8rem;color:#cbd5e0}.ready-actions,.over-actions{display:flex;gap:15px}.cancel-drill,.back-to-workshop{flex:1;background-color:#2d3748;color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer;font-weight:700}.start-drill-confirm,.retry-drill{flex:1;background-color:#ecc94b;color:#1a202c;border:none;padding:12px;border-radius:8px;cursor:pointer;font-weight:700}.drill-game-container{display:flex;flex-direction:column;flex:1;background-color:#080a0f;position:relative;overflow:hidden}.game-hud{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background-color:#111622e6;border-bottom:1px solid #2d3748;z-index:5}.hud-left{display:flex;align-items:center;gap:20px}.hud-weapon-name{font-weight:700;color:#fff}.hud-hp{display:flex;gap:5px}.hud-score{font-size:1.5rem;font-weight:800;color:#ecc94b;font-family:monospace}.hud-score.bounce{transform:scale(1.2);color:#48bb78;transition:transform .1s ease}.exit-drill-btn{background-color:#e53e3e;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.8rem}.game-screen-area{flex:1;position:relative;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;overflow:hidden}.game-target{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 0 15px #ecc94b4d;transition:top .05s linear,left .05s linear}.game-target.drone{background-color:#3182ce33;border:2px solid #3182ce}.game-target.dummy{background-color:#e53e3e33;border:2px solid #e53e3e}.game-target.boss{background-color:#9f7aea33;border:3px solid #9f7aea}.drone-core,.dummy-core,.boss-core{font-size:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.boss-hp{font-size:.6rem;background-color:#1a202c;color:#fff;padding:1px 4px;border-radius:3px;margin-top:2px}.game-bullet{position:absolute;width:4px;height:12px;background-color:#ecc94b;border-radius:2px;box-shadow:0 0 8px #ecc94b;transform:translate(-50%)}.game-player{position:absolute;bottom:40px;width:60px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transition:left .08s ease-out}.player-gun-body{font-size:2.5rem;transform:rotate(-90deg)}.player-gun-muzzle-flash{position:absolute;top:-20px;height:30px;display:flex;align-items:center;justify-content:center}.flash-fire{width:20px;height:20px;background-color:#ecc94b;border-radius:50%;filter:blur(2px);animation:flash-anim .05s infinite alternate}@keyframes flash-anim{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.4);opacity:1}}.touch-controls{display:flex;justify-content:space-between;padding:20px;background-color:#111622;border-top:1px solid #2d3748;gap:15px}.touch-btn{flex:1;padding:15px;border-radius:8px;border:none;font-weight:700;cursor:pointer}.move-left,.move-right{background-color:#2d3748;color:#fff}.fire-btn{background-color:#e53e3e;color:#fff;flex:2}.over-card{max-width:450px}.over-stats{background-color:#1a202c;border-radius:8px;padding:20px;margin-bottom:20px;display:flex;flex-direction:column;gap:12px}.over-stat-item{display:flex;justify-content:space-between;align-items:center}.over-stat-item span:first-child{color:#a0aec0}.over-stat-item span:last-child{font-weight:700;color:#fff}.score-big{font-size:2rem;color:#ecc94b!important;font-family:monospace}.new-record-badge{background-color:#48bb781a;border:1px solid #48bb78;color:#48bb78;padding:8px;border-radius:6px;font-weight:700;font-size:.9rem}.over-advice{text-align:left;background-color:#ffffff05;border-left:4px solid #ecc94b;padding:12px;border-radius:0 8px 8px 0;margin-bottom:25px}.over-advice h4{margin:0 0 6px;font-size:.85rem;color:#fff}.over-advice p{margin:0;font-size:.75rem;line-height:1.4}