:root{--bg-dark: #0a0e1a;--bg-cockpit: #1a1f2e;--bg-panel: #252b3d;--accent-blue: #4a9eff;--accent-orange: #ff8c42;--accent-green: #4ade80;--accent-red: #ef4444;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--border-color: #374151;--glow-blue: rgba(74, 158, 255, .3);--glow-orange: rgba(255, 140, 66, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#0a0e1a 0%,#1a1f2e 100%);color:var(--text-primary);min-height:100vh;padding:10px;overflow-x:hidden}#app{max-width:100%;margin:0;height:100vh;display:flex;flex-direction:column}.game-header{text-align:center;margin-bottom:10px;padding:10px;background:linear-gradient(135deg,var(--bg-cockpit),var(--bg-panel));border-radius:12px;border:2px solid var(--border-color);box-shadow:0 8px 30px #00000080}.game-header h1{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:900;background:linear-gradient(135deg,var(--accent-blue),var(--accent-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:3px;text-shadow:0 0 30px var(--glow-blue)}.subtitle{font-size:.9rem;color:var(--text-secondary);letter-spacing:1.5px;text-transform:uppercase}.game-status{grid-area:status;display:flex;justify-content:space-around;align-items:center;background:linear-gradient(180deg,var(--bg-panel) 0%,var(--bg-dark) 100%);padding:15px;border-radius:12px;border:2px solid var(--border-color);box-shadow:0 8px 30px #00000080,inset 0 1px #ffffff1a;margin-bottom:5px;position:relative;overflow:hidden}.game-status:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-blue),transparent)}.status-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:5px 20px;border-right:1px solid rgba(255,255,255,.05);flex:1}.status-item:last-child{border-right:none}.status-item .label{font-family:Orbitron,sans-serif;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;opacity:.8}.status-item .value{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.2)}.status-item #round-number,.status-item #current-player.pilot-active{color:var(--accent-blue);text-shadow:0 0 20px var(--glow-blue)}.status-item #current-player.copilot-active{color:var(--accent-orange);text-shadow:0 0 20px var(--glow-orange)}.status-item #approach-distance{color:var(--accent-green);text-shadow:0 0 20px rgba(74,222,128,.5)}a,button,.dice-slot,.deployment-slot,.radio-slot,.discard-slot,.help-btn,.coffee-token,.die,.die.pilot,.die.copilot,.btn,.control-btn{cursor:inherit!important}.game-container{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:10px;height:100vh;padding:10px;box-sizing:border-box;overflow:hidden;grid-template-areas:"status" "cockpit" "actions"}.cockpit-board{grid-area:cockpit;background:var(--bg-cockpit);padding:15px;border-radius:10px;border:3px solid var(--border-color);box-shadow:0 10px 35px #0009;overflow-y:auto;display:grid;grid-template-columns:repeat(12,1fr);gap:15px;align-items:stretch}.player-section.pilot,.player-section.copilot{float:none;width:auto;margin:0;height:100%}.section-pilot{grid-column:span 3}.section-speed{grid-column:span 6}.section-copilot{grid-column:span 3}.section-orient{grid-column:span 8;margin-bottom:0;display:flex;flex-direction:column;justify-content:center}.section-discard{grid-column:span 4}.section-engines,.section-axis{grid-column:span 2;align-self:start}.section-gear,.section-flaps{grid-column:span 3;align-self:start}.section-coffee{grid-column:span 2;align-self:start}.section-radio{grid-column:span 8}.section-brakes{grid-column:span 4}.control-section{max-width:none;margin:0;width:100%}.speed-table{margin:0}.plane-orientation{margin-bottom:30px;text-align:center;flex-shrink:0}.orientation-label{font-family:Orbitron,sans-serif;font-size:1rem;margin-bottom:10px;color:var(--accent-blue);text-transform:uppercase;letter-spacing:1.5px}.orientation-display{display:flex;justify-content:center;align-items:center;gap:10px;padding:15px;background:var(--bg-panel);border-radius:50px;border:2px solid var(--border-color)}.orientation-marker{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;font-size:.9rem;background:var(--bg-dark);border:2px solid var(--border-color);color:var(--text-secondary);transition:all .3s ease}.orientation-marker.active{background:linear-gradient(135deg,var(--accent-blue),var(--accent-orange));border-color:var(--accent-blue);color:#fff;font-size:1.5rem;box-shadow:0 0 20px var(--glow-blue);transform:scale(1.2)}.orientation-marker.left,.orientation-marker.right{border-color:var(--accent-red)}.control-panel{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:20px;clear:both}.control-section{background:var(--bg-panel);padding:12px;border-radius:10px;border:2px solid var(--border-color);transition:all .3s ease;flex:1 1 300px;max-width:500px}.control-section:hover{border-color:var(--accent-blue);box-shadow:0 5px 20px var(--glow-blue)}.control-section.mandatory{border-width:3px;box-shadow:0 0 15px #0000004d}.control-section h3{font-family:Orbitron,sans-serif;font-size:.95rem;margin-bottom:10px;color:var(--accent-blue);text-transform:uppercase;letter-spacing:.8px}.reroll-container{margin-top:15px}.reroll-slot{min-width:100px;min-height:100px;border-color:#d2691e;background:rgba(210,105,30,.1)}.reroll-slot:hover{border-color:#ff8c42;background:rgba(255,140,66,.2)}.reroll-slot.disabled{opacity:.5;cursor:not-allowed;border-color:var(--border-color)}.reroll-slot.disabled:hover{border-color:var(--border-color);background:var(--bg-dark)}.control-hint{font-size:.85rem;color:var(--text-secondary);margin-top:10px;font-style:italic}.control-slots{display:flex;gap:15px;flex-wrap:wrap}.dice-slot{min-width:65px;min-height:65px;background:var(--bg-dark);border:3px dashed var(--border-color);border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;cursor:pointer}.dice-slot:hover{border-color:var(--accent-blue);background:rgba(74,158,255,.1)}.control-section[data-player=pilot] h3{color:var(--accent-blue)}.control-section[data-player=copilot] h3{color:var(--accent-orange)}.dice-slot.copilot-slot{border-color:var(--accent-orange);background:rgba(255,140,66,.05)}.dice-slot.pilot-slot{border-color:var(--accent-blue);background:rgba(74,158,255,.05)}.dice-slot.filled{border-style:solid;background:linear-gradient(135deg,var(--bg-panel),var(--bg-dark))}.slot-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.dice-slot.filled .slot-label{display:none}.deployment-track{display:flex;gap:10px;margin-top:10px}.deployment-slot{flex:1;min-height:70px;background:var(--bg-dark);border:3px dashed var(--border-color);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--text-secondary);transition:all .3s ease;cursor:pointer}.deployment-slot:hover{border-color:var(--accent-green);background:rgba(74,222,128,.1)}.deployment-slot.filled{border-style:solid}#landing-gear-track .deployment-slot{border-color:var(--accent-blue)}#landing-gear-track .deployment-slot:hover{background:rgba(74,158,255,.1)}#landing-gear-track .deployment-slot.filled{background:linear-gradient(135deg,rgba(74,158,255,.2),var(--bg-dark));box-shadow:0 0 10px var(--glow-blue)}#flaps-track .deployment-slot{border-color:var(--accent-orange)}#flaps-track .deployment-slot:hover{background:rgba(255,140,66,.1)}#flaps-track .deployment-slot.filled{background:linear-gradient(135deg,rgba(255,140,66,.2),var(--bg-dark));box-shadow:0 0 10px var(--glow-orange)}.players-area{display:contents}.player-section{background:var(--bg-panel);padding:12px;border-radius:10px;border:3px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto;max-height:100%;align-self:start}.player-section.pilot{border-color:var(--accent-blue);box-shadow:0 0 25px #4a9eff1a;background:linear-gradient(135deg,var(--bg-panel),rgba(74,158,255,.05))}.player-section.copilot{border-color:var(--accent-orange);box-shadow:0 0 25px #ff8c421a;background:linear-gradient(135deg,var(--bg-panel),rgba(255,140,66,.05))}.player-section h2{font-family:Orbitron,sans-serif;font-size:1.1rem;margin-bottom:10px;text-align:center}.player-section.pilot h2{color:var(--accent-blue)}.player-section.copilot h2{color:var(--accent-orange)}.player-section.pilot.active-turn{border:4px solid var(--accent-blue);box-shadow:0 0 40px #4a9eff99;transform:scale(1.02);transition:all .3s ease}.player-section.copilot.active-turn{border:4px solid var(--accent-orange);box-shadow:0 0 40px #ff8c4299;transform:scale(1.02);transition:all .3s ease}.dice-container{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;min-height:50px;padding:8px}.die{width:60px;height:60px;background:linear-gradient(135deg,#ffffff,#f3f4f6);border-radius:10px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:6px;gap:2px;cursor:grab;box-shadow:0 4px 12px #0006;transition:all .3s ease;-webkit-user-select:none;user-select:none;position:relative}.pip{background-color:#374151;border-radius:50%;width:12px;height:12px;align-self:center;justify-self:center;box-shadow:inset 0 1px 3px #0006}.die[data-value="1"]{justify-items:center;align-items:center}.die[data-value="1"] .pip:nth-child(1){grid-area:2 / 2}.die[data-value="2"] .pip:nth-child(1){grid-area:1 / 1}.die[data-value="2"] .pip:nth-child(2){grid-area:3 / 3}.die[data-value="3"] .pip:nth-child(1){grid-area:1 / 1}.die[data-value="3"] .pip:nth-child(2){grid-area:2 / 2}.die[data-value="3"] .pip:nth-child(3){grid-area:3 / 3}.die[data-value="4"] .pip:nth-child(1){grid-area:1 / 1}.die[data-value="4"] .pip:nth-child(2){grid-area:1 / 3}.die[data-value="4"] .pip:nth-child(3){grid-area:3 / 1}.die[data-value="4"] .pip:nth-child(4){grid-area:3 / 3}.die[data-value="5"] .pip:nth-child(1){grid-area:1 / 1}.die[data-value="5"] .pip:nth-child(2){grid-area:1 / 3}.die[data-value="5"] .pip:nth-child(3){grid-area:2 / 2}.die[data-value="5"] .pip:nth-child(4){grid-area:3 / 1}.die[data-value="5"] .pip:nth-child(5){grid-area:3 / 3}.die[data-value="6"] .pip:nth-child(1){grid-area:1 / 1}.die[data-value="6"] .pip:nth-child(2){grid-area:1 / 3}.die[data-value="6"] .pip:nth-child(3){grid-area:2 / 1}.die[data-value="6"] .pip:nth-child(4){grid-area:2 / 3}.die[data-value="6"] .pip:nth-child(5){grid-area:3 / 1}.die[data-value="6"] .pip:nth-child(6){grid-area:3 / 3}.die:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 25px #0009}.die:active{cursor:grabbing;transform:scale(.95)}.die.pilot{border:3px solid var(--accent-blue);box-shadow:0 5px 15px var(--glow-blue)}.die.pilot .pip{background-color:var(--accent-blue);box-shadow:0 0 5px var(--glow-blue)}.die.copilot{border:3px solid var(--accent-orange);box-shadow:0 5px 15px var(--glow-orange)}.die.selected{border:4px solid #FFD700!important;box-shadow:0 0 25px #ffd700cc,0 0 40px #ffd70080!important;transform:scale(1.1);animation:pulse-selected 1s ease-in-out infinite;cursor:inherit!important;z-index:100}@keyframes pulse-selected{0%,to{box-shadow:0 0 25px #ffd700cc,0 0 40px #ffd70080}50%{box-shadow:0 0 35px gold,0 0 50px #ffd700b3}}body.pilot-turn{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="%234a9eff" stroke="white" stroke-width="2"/></svg>'),auto}body.copilot-turn{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="%23ff8c42" stroke="white" stroke-width="2"/></svg>'),auto}.die:not(.used){cursor:inherit!important}.dice-slot:empty{cursor:inherit}.die.copilot .pip{background-color:var(--accent-orange);box-shadow:0 0 5px var(--glow-orange)}.die.used{opacity:.4;cursor:not-allowed;filter:grayscale(1)}.die.dragging{opacity:.5;transform:scale(1.1)}.action-buttons{grid-area:actions;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:8px}.btn{padding:15px 40px;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;border:none;border-radius:10px;cursor:inherit;transition:all .3s ease;box-shadow:0 5px 15px #0000004d}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000080}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--accent-blue),#3b82f6);color:#fff}.btn-primary:hover{box-shadow:0 8px 25px var(--glow-blue)}.btn-secondary{background:linear-gradient(135deg,var(--bg-panel),var(--bg-dark));color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover{border-color:var(--accent-blue)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.message-area{min-height:60px;padding:20px;background:var(--bg-panel);border-radius:12px;border:2px solid var(--border-color);text-align:center;font-size:1.1rem;display:flex;align-items:center;justify-content:center}.message-area.success{border-color:var(--accent-green);background:linear-gradient(135deg,rgba(74,222,128,.1),var(--bg-panel));color:var(--accent-green);font-weight:600}.message-area.error{border-color:var(--accent-red);background:linear-gradient(135deg,rgba(239,68,68,.1),var(--bg-panel));color:var(--accent-red);font-weight:600}.message-area.warning{border-color:var(--accent-orange);background:linear-gradient(135deg,rgba(255,140,66,.1),var(--bg-panel));color:var(--accent-orange);font-weight:600}.message-area.info{border-color:var(--accent-blue);background:linear-gradient(135deg,rgba(74,158,255,.1),var(--bg-panel));color:var(--accent-blue)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.pulsing{animation:pulse 2s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.shaking{animation:shake .5s ease-in-out}@keyframes blink-red{0%,to{border-color:var(--accent-red);box-shadow:0 0 20px #ef444499}50%{border-color:var(--border-color);box-shadow:0 0 5px #ef444433}}.dice-slot.mandatory-empty{animation:blink-red 1.5s ease-in-out infinite;border-style:dashed}.help-btn{background:linear-gradient(135deg,var(--accent-blue),var(--accent-orange));border:2px solid white;border-radius:50%;width:24px;height:24px;color:#fff;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;cursor:pointer;margin-left:8px;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.help-btn:hover{transform:scale(1.15);box-shadow:0 0 15px #4a9eff99}.help-btn:active{transform:scale(.95)}.discard-section{background:linear-gradient(135deg,rgba(255,50,50,.1),rgba(150,0,0,.1));border:2px solid rgba(255,50,50,.3)}.discard-zone{display:flex;justify-content:center;padding:10px}.discard-slot{width:120px;height:120px;border:3px dashed rgba(255,50,50,.5);border-radius:15px;background:rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease}.discard-slot:hover{border-color:#ff3232cc;background:rgba(255,50,50,.1);transform:scale(1.05)}.discard-icon{font-size:2.5rem}.discard-text{font-size:.85rem;color:#ffffffb3;text-align:center}.speed-table{background:var(--bg-panel);padding:12px;border-radius:10px;border:2px solid var(--border-color);margin-bottom:10px}.speed-table h3{font-family:Orbitron,sans-serif;font-size:1rem;margin-bottom:10px;color:var(--accent-blue);text-align:center}.speed-grid-dynamic{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.speed-values{display:flex;gap:5px}.value-badge{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);border:2px solid var(--border-color);border-radius:6px;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:600;color:var(--text-primary);transition:all .3s ease}.value-badge.active{background:linear-gradient(135deg,var(--accent-blue),var(--accent-orange));border-color:var(--accent-blue);color:#fff;transform:scale(1.15);box-shadow:0 0 15px #4a9eff99;font-weight:900}.speed-indicator{padding:6px 12px;background:linear-gradient(135deg,var(--accent-orange),#ff6b35);border-radius:8px;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #ff8c4266;transition:all .3s ease}#min-indicator{order:4}#max-indicator{order:10}.current-speed-display{margin-top:10px;text-align:center;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;color:var(--accent-blue);padding:8px;background:var(--bg-dark);border-radius:8px;border:2px solid var(--border-color)}.message-popup-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.message-popup{min-width:300px;max-width:400px;padding:15px 20px;background:linear-gradient(135deg,var(--bg-cockpit),var(--bg-panel));border-radius:10px;border:2px solid var(--border-color);box-shadow:0 10px 30px #000c;pointer-events:all;animation:slideInRight .3s ease-out;display:flex;align-items:center;gap:10px}.message-popup.success{border-color:var(--accent-green);background:linear-gradient(135deg,rgba(74,222,128,.15),var(--bg-panel))}.message-popup.error{border-color:var(--accent-red);background:linear-gradient(135deg,rgba(239,68,68,.15),var(--bg-panel))}.message-popup.warning{border-color:var(--accent-orange);background:linear-gradient(135deg,rgba(255,140,66,.15),var(--bg-panel))}.message-popup.info{border-color:var(--accent-blue);background:linear-gradient(135deg,rgba(74,158,255,.15),var(--bg-panel))}.message-popup-text{flex:1;color:var(--text-primary);font-size:.95rem;line-height:1.4}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.message-popup.hiding{animation:slideOutRight .3s ease-in forwards}@media (max-width: 768px){.game-header h1{font-size:2rem}.control-panel,.players-area{grid-template-columns:1fr}.orientation-display{gap:5px}.orientation-marker{width:40px;height:40px;font-size:.75rem}}.tutorial-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;pointer-events:none}.tutorial-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);pointer-events:all}.tutorial-highlight{position:absolute;border:3px solid var(--accent-blue);border-radius:15px;box-shadow:0 0 0 9999px #000000d9,0 0 30px var(--glow-blue);pointer-events:none;z-index:10001;animation:pulse-highlight 2s ease-in-out infinite}@keyframes pulse-highlight{0%,to{box-shadow:0 0 0 9999px #000000d9,0 0 30px var(--glow-blue)}50%{box-shadow:0 0 0 9999px #000000d9,0 0 50px var(--glow-blue)}}.tutorial-tooltip{position:absolute;background:linear-gradient(135deg,var(--bg-cockpit),var(--bg-panel));border:3px solid var(--accent-blue);border-radius:15px;padding:25px;max-width:450px;box-shadow:0 20px 60px #000000e6;pointer-events:all;z-index:10002;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.tutorial-tooltip.center{max-width:550px}.tutorial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid var(--border-color)}.tutorial-header h3{font-family:Orbitron,sans-serif;font-size:1.4rem;color:var(--accent-blue);margin:0}.tutorial-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:5px 10px;transition:all .3s ease}.tutorial-close:hover{color:var(--accent-red);transform:scale(1.2)}.tutorial-content p{color:var(--text-primary);line-height:1.6;margin:0;font-size:1.05rem}.tutorial-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:2px solid var(--border-color)}.tutorial-progress{color:var(--text-secondary);font-size:.9rem;font-family:Orbitron,sans-serif}.tutorial-buttons{display:flex;gap:10px}.btn-tutorial{padding:10px 20px;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:600;text-transform:uppercase;border:2px solid var(--accent-blue);border-radius:8px;background:linear-gradient(135deg,var(--accent-blue),#3b82f6);color:#fff;cursor:pointer;transition:all .3s ease}.btn-tutorial:hover{transform:translateY(-2px);box-shadow:0 5px 20px var(--glow-blue)}.btn-tutorial.btn-prev{background:linear-gradient(135deg,var(--bg-panel),var(--bg-dark));border-color:var(--border-color);color:var(--text-primary)}.btn-tutorial-header{position:absolute;top:20px;right:20px;padding:10px 20px;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:600;border:2px solid var(--accent-blue);border-radius:8px;background:rgba(74,158,255,.2);color:var(--accent-blue);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-tutorial-header:hover{background:var(--accent-blue);color:#fff;box-shadow:0 5px 20px var(--glow-blue)}.coffee-section{background:linear-gradient(135deg,rgba(139,69,19,.1),var(--bg-panel));border-color:#8b4513!important}.coffee-section h3{color:#d2691e!important}.coffee-display{display:flex;flex-direction:column;gap:15px;margin-bottom:15px}.coffee-tokens{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-dark);border-radius:8px}.coffee-label{font-family:Orbitron,sans-serif;font-size:.9rem;color:var(--text-secondary);min-width:80px}.coffee-icons{display:flex;gap:8px}.coffee-display-shared{margin-bottom:15px}.coffee-pool{display:flex;align-items:center;gap:15px;padding:15px;background:var(--bg-dark);border-radius:10px}.coffee-icons-shared{display:flex;flex-direction:row;gap:10px}.coffee-counter{font-family:Orbitron,sans-serif;font-size:1.1rem;color:#d2691e;font-weight:700}.coffee-token{width:35px;height:35px;background:linear-gradient(135deg,#8b4513,#d2691e);border:2px solid #d2691e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 3px 10px #8b451380;transition:all .3s ease;cursor:pointer}.coffee-token:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 5px 15px #8b4513b3}.coffee-token.used{opacity:.3;filter:grayscale(1);cursor:not-allowed}.btn-coffee{background:linear-gradient(135deg,#8b4513,#d2691e);border-color:#d2691e;margin-top:10px}.btn-coffee:hover{box-shadow:0 8px 25px #8b451380}.btn-coffee:disabled{opacity:.5;cursor:not-allowed}.radio-section{background:linear-gradient(135deg,rgba(34,139,34,.1),var(--bg-panel));border-color:#228b22!important}.radio-section h3{color:#32cd32!important}.radio-track{display:flex;gap:15px;margin-top:10px}.radio-slot{flex:1;min-height:90px;background:var(--bg-dark);border:3px dashed #228b22;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;cursor:pointer;position:relative}.radio-slot:hover{border-color:#32cd32;background:rgba(50,205,50,.1);transform:translateY(-3px)}.radio-slot.cleared{border-style:solid;border-color:var(--accent-green);background:linear-gradient(135deg,rgba(74,222,128,.2),var(--bg-dark));opacity:.5}.radio-slot.cleared .plane-icon{opacity:.3;text-decoration:line-through}.plane-icon{font-size:2rem;transition:all .3s ease}.required-value{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;color:#32cd32;background:rgba(50,205,50,.2);padding:5px 12px;border-radius:6px}.orientation-display{background:linear-gradient(to bottom,#4a9eff 0%,#4a9eff 45%,#8b4513 55%,#8b4513 100%);position:relative;overflow:hidden}.orientation-display:before{content:"";position:absolute;top:50%;left:0;right:0;height:3px;background:white;box-shadow:0 0 10px #fffc;z-index:0}.orientation-marker{z-index:1;background:rgba(26,31,46,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.deployment-slot{background:linear-gradient(135deg,#2a2f3d,#1a1f2e);position:relative;overflow:hidden}.deployment-slot:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border:1px solid rgba(255,255,255,.1);border-radius:8px;pointer-events:none}.deployment-slot.filled:after{content:"✓";position:absolute;top:5px;right:5px;color:var(--accent-green);font-size:1.2rem;font-weight:900;text-shadow:0 0 10px var(--accent-green)}.speed-table{background:linear-gradient(135deg,var(--bg-panel),var(--bg-dark));border:2px solid var(--border-color);border-radius:15px;padding:15px;margin:10px 0;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column}.speed-table h3{font-family:Orbitron,sans-serif;font-size:1.1rem;color:var(--accent-blue);margin:0 0 15px;text-align:center;text-transform:uppercase;letter-spacing:2px}.speed-content-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:space-between}.speed-grid-container{flex:3;display:flex;flex-direction:column;gap:10px}.speed-grid-dynamic{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.compact-engines{flex:1;min-width:180px;background:rgba(0,0,0,.2);padding:10px;border-radius:10px;border:1px dashed var(--border-color);display:flex;flex-direction:column;align-items:center}.compact-title{font-family:Orbitron,sans-serif;color:var(--accent-blue);font-size:.85rem;margin-bottom:8px;text-transform:uppercase}.control-slots.horizontal{display:flex;align-items:center;justify-content:center;gap:10px}.plus-sign{font-size:1.5rem;color:var(--text-secondary);font-weight:700}.speed-zone{flex:1;background:rgba(255,255,255,.05);border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;border:1px solid transparent;transition:all .3s ease}.speed-zone.active{background:linear-gradient(180deg,rgba(74,158,255,.2),rgba(74,158,255,.05));border-color:var(--accent-blue);box-shadow:0 0 20px var(--glow-blue);transform:translateY(-5px)}.zone-header{font-size:.8rem;color:#888;margin-bottom:10px;text-align:center}.speed-zone.active .zone-header{color:var(--accent-blue);font-weight:700}.zone-values{display:flex;gap:5px;margin-bottom:10px}.value-badge{background:var(--bg-dark);color:var(--text-secondary);padding:4px 8px;border-radius:4px;font-family:Orbitron,sans-serif;font-size:.9rem}.speed-zone.active .value-badge{background:var(--accent-blue);color:#fff;box-shadow:0 0 10px var(--glow-blue)}.zone-descent{margin-top:auto;font-size:.9rem;color:var(--text-primary)}.zone-descent strong{font-size:1.4rem;color:var(--accent-green)}.zone-separator{width:2px;background:linear-gradient(180deg,transparent,#555,transparent);margin:0 5px}.coffee-actions{display:flex;align-items:center;gap:20px;margin-top:15px;flex-wrap:wrap}.coffee-maker-container{display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.3);padding:15px;border-radius:12px;border:1px solid rgba(139,69,19,.3)}.coffee-slot{width:70px;height:70px;border:2px dashed #8b4513;margin:0}.coffee-slot.drag-over{background:rgba(139,69,19,.2);border-color:#d2691e;box-shadow:0 0 15px #d2691e80}.coffee-arrow{font-size:1.5rem;color:#8b4513}.coffee-cup{font-size:2rem;filter:drop-shadow(0 0 10px rgba(139,69,19,.5));animation:steam 3s infinite ease-in-out}@keyframes steam{0%,to{opacity:.8;transform:translateY(0)}50%{opacity:.4;transform:translateY(-5px)}}.coffee-buttons{display:flex;flex-direction:column;gap:10px}.btn-make-coffee{background:linear-gradient(135deg,#8b4513,#d2691e);border-color:#8b4513}.btn-make-coffee:hover{box-shadow:0 5px 15px #d2691e66}.game-over-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .5s ease-out}.game-over-content{background:linear-gradient(135deg,var(--bg-panel),var(--bg-dark));border:4px solid var(--border-color);border-radius:20px;padding:40px;text-align:center;max-width:500px;box-shadow:0 0 50px #000c;transform:scale(.9);animation:scaleIn .3s ease-out forwards}.game-over-content.win{border-color:var(--accent-green);box-shadow:0 0 50px #4ade8066}.game-over-content.loss{border-color:var(--accent-red);box-shadow:0 0 50px #ef444466}.game-over-content h2{font-family:Orbitron,sans-serif;font-size:2.5rem;margin-bottom:20px}.game-over-content.win h2{color:var(--accent-green);text-shadow:0 0 20px var(--accent-green)}.game-over-content.loss h2{color:var(--accent-red);text-shadow:0 0 20px var(--accent-red)}.game-over-message{font-size:1.2rem;color:var(--text-primary);margin-bottom:30px;line-height:1.6}@keyframes scaleIn{to{transform:scale(1)}}.radio-display-container{display:flex;flex-direction:column;gap:15px;width:100%}.radar-screen{background:var(--bg-dark);border:2px solid #228b22;border-radius:8px;padding:10px;position:relative;height:80px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,#001100 0%,#003300 100%)}.radar-grid-line{position:absolute;width:1px;height:100%;background:rgba(50,205,50,.2)}.radar-plane-blip{position:absolute;width:24px;height:24px;background:radial-gradient(circle,#ff4444 0%,#880000 100%);border:1px solid #ff0000;border-radius:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #f00c;animation:blip 2s infinite;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700;z-index:10}@keyframes blip{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.radar-me-blip{position:absolute;width:16px;height:16px;background:#4a9eff;border:2px solid white;border-radius:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #4a9eff;z-index:20}.radio-controls{display:flex;gap:10px;justify-content:center}.radio-slot-compact{width:60px;height:70px;background:var(--bg-dark);border:2px dashed #228b22;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;color:#32cd32;transition:all .3s ease}.radio-slot-compact:hover{background:rgba(50,205,50,.1);transform:translateY(-2px);box-shadow:0 0 15px #32cd324d}.radio-slot-compact.cleared{border-style:solid;background:rgba(50,205,50,.2);opacity:.5;text-decoration:line-through}