@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg-space: #0a0a1a;--bg-dashboard: #1a1a2e;--bg-panel: #16213e;--accent-cyan: #00ffff;--accent-green: #00ff00;--accent-yellow: #ffff00;--accent-red: #ff0066;--accent-purple: #cc00ff;--text-primary: #ffffff;--text-secondary: #cccccc;--border-glow: #00ffff}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;background:var(--bg-space);background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0%,transparent 50%);color:var(--text-primary);font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.6;height:100vh;overflow:hidden}#root{width:100%;height:100vh;display:flex;flex-direction:column}.cosmic-swag-game{height:100vh;display:flex;flex-direction:column;max-width:1200px;margin:0 auto}.sticky-header{position:sticky;top:0;z-index:100;background:var(--bg-dashboard);border-bottom:2px solid var(--accent-cyan);box-shadow:0 2px 20px #00ffff4d;padding:15px 20px}.main-content{flex:1;overflow-y:auto;padding:20px 20px 100px}.sticky-footer{position:sticky;bottom:0;z-index:100;background:var(--bg-dashboard);border-top:2px solid var(--accent-cyan);box-shadow:0 -2px 20px #00ffff4d;padding:15px 20px}.footer-nav{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.nav-button{background:var(--bg-panel);border:2px solid var(--accent-cyan);color:var(--accent-cyan);padding:12px 20px;font-family:"Press Start 2P",monospace;font-size:9px;cursor:pointer;text-transform:uppercase;transition:all .2s;margin:0;min-width:140px;text-align:center}.nav-button:hover{background:var(--accent-cyan);color:var(--bg-space);box-shadow:0 0 15px var(--accent-cyan);text-shadow:none}.nav-button.active{background:var(--accent-cyan);color:var(--bg-space);box-shadow:0 0 20px var(--accent-cyan)}.header-content{text-align:center}.game-title{font-size:24px;color:var(--accent-cyan);text-shadow:0 0 10px var(--accent-cyan);margin-bottom:10px;letter-spacing:2px}.game-subtitle{font-size:10px;color:var(--accent-yellow);margin-bottom:8px}.difficulty-warning{font-size:8px;color:#f44;text-shadow:0 0 8px #ff4444;margin-bottom:15px;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.cash-display{font-size:14px;color:var(--accent-green);text-shadow:0 0 8px var(--accent-green)}.header-stats{display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap;margin-top:15px}.score-display{font-size:14px;color:var(--accent-purple);text-shadow:0 0 8px var(--accent-purple)}.time-display{font-size:12px;color:var(--accent-yellow);text-shadow:0 0 8px var(--accent-yellow)}.audio-button{font-size:14px!important;padding:4px 8px!important;margin:0!important;min-width:auto!important}.star-rating{display:flex;align-items:center;gap:5px;font-size:16px}.rating-text{font-size:10px;color:var(--text-secondary);margin-left:8px}.urgent-orders-section{margin-bottom:30px;padding:20px;background:var(--bg-dashboard);border:2px solid var(--accent-red);box-shadow:0 0 20px #ff00664d}.section-title{text-align:center;font-size:14px;color:var(--accent-red);text-shadow:0 0 10px var(--accent-red);margin-bottom:20px;animation:glow 1.5s ease-in-out infinite}.customers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.no-customers{grid-column:1 / -1;text-align:center;color:var(--text-secondary);padding:40px;font-size:10px}.customer-card{background:#ffffff0d;border:2px solid var(--accent-purple);padding:15px;transition:all .3s ease;position:relative}.customer-card.urgent{border-color:var(--accent-red);background:#ff00661a;box-shadow:0 0 20px #ff006680;animation:urgent-pulse 1s ease-in-out infinite}@keyframes urgent-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.customer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.customer-name{color:var(--accent-purple);font-size:10px;font-weight:700}.timer{font-size:12px;font-weight:700;padding:4px 8px;border-radius:4px;background:#0ff3;color:var(--accent-cyan);border:1px solid var(--accent-cyan)}.timer.warning{background:#ff03;color:var(--accent-yellow);border-color:var(--accent-yellow)}.timer.critical{background:#f063;color:var(--accent-red);border-color:var(--accent-red);animation:timer-blink .5s ease-in-out infinite}@keyframes timer-blink{0%,to{opacity:1}50%{opacity:.5}}.customer-wants{color:var(--text-secondary);font-size:8px;margin-bottom:8px}.customer-offer{color:var(--accent-green);font-size:9px;font-weight:700;margin-bottom:8px}.customer-trait{font-size:7px;color:var(--text-secondary);font-style:italic;margin-bottom:10px}.current-section{width:100%}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--bg-dashboard);border:2px solid var(--accent-cyan);box-shadow:0 0 30px #00ffff80;max-width:800px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--accent-cyan);background:var(--bg-panel)}.modal-title{font-size:12px;color:var(--accent-cyan);text-shadow:0 0 5px var(--accent-cyan)}.modal-close{background:transparent;border:none;color:var(--accent-red);font-size:16px;cursor:pointer;padding:5px;line-height:1}.modal-close:hover{color:var(--accent-yellow);text-shadow:0 0 10px var(--accent-yellow)}.modal-body{padding:20px}.review-feed{margin-top:20px;border-top:1px solid var(--accent-cyan);padding-top:20px}.no-reviews{text-align:center;color:var(--text-secondary);font-style:italic;padding:20px}.reviews-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.review-item{background:var(--bg-panel);border:1px solid var(--border-glow);border-radius:5px;padding:12px;transition:all .2s ease}.review-item:hover{border-color:var(--accent-cyan);box-shadow:0 0 10px #00ffff4d}.review-item.positive{border-left:4px solid var(--accent-green)}.review-item.negative{border-left:4px solid var(--accent-red)}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;flex-wrap:wrap;gap:5px}.customer-info{font-size:8px;color:var(--text-primary);font-weight:700}.review-stars{font-size:10px;color:var(--accent-yellow);text-shadow:0 0 3px rgba(255,255,0,.5)}.review-time{font-size:7px;color:var(--text-secondary)}.review-order{font-size:7px;color:var(--text-secondary);margin-bottom:6px}.speed-bonus{color:var(--accent-green);font-weight:700}.review-comment{font-size:8px;color:var(--text-primary);line-height:1.3;font-style:italic;background:#0003;padding:8px;border-radius:3px;border-left:2px solid var(--accent-cyan)}.review-item.positive .review-comment{border-left-color:var(--accent-green)}.review-item.negative .review-comment{border-left-color:var(--accent-red)}.reviews-list::-webkit-scrollbar{width:6px}.reviews-list::-webkit-scrollbar-track{background:var(--bg-dashboard)}.reviews-list::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:3px}.reviews-list::-webkit-scrollbar-thumb:hover{background:var(--accent-yellow)}.panel{background:var(--bg-panel);border:2px solid var(--border-glow);padding:20px;position:relative;box-shadow:inset 0 0 20px #00ffff1a,0 0 15px #0ff3}.panel:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--accent-cyan),var(--accent-purple),var(--accent-cyan));z-index:-1;opacity:.5}.panel-title{font-size:12px;color:var(--accent-cyan);margin-bottom:15px;text-align:center;text-shadow:0 0 5px var(--accent-cyan)}.materials-panel{border-color:var(--accent-green)}.materials-panel:before{background:linear-gradient(45deg,var(--accent-green),var(--accent-cyan),var(--accent-green))}.materials-panel .panel-title{color:var(--accent-green);text-shadow:0 0 5px var(--accent-green)}.products-panel{border-color:var(--accent-yellow)}.products-panel:before{background:linear-gradient(45deg,var(--accent-yellow),var(--accent-cyan),var(--accent-yellow))}.products-panel .panel-title{color:var(--accent-yellow);text-shadow:0 0 5px var(--accent-yellow)}.customers-panel{border-color:var(--accent-purple)}.customers-panel:before{background:linear-gradient(45deg,var(--accent-purple),var(--accent-cyan),var(--accent-purple))}.customers-panel .panel-title{color:var(--accent-purple);text-shadow:0 0 5px var(--accent-purple)}.item-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.item{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);font-size:8px}.item-name{color:var(--text-primary)}.item-count{color:var(--accent-cyan);font-weight:700}.item-price{color:var(--accent-green)}.retro-button{background:var(--bg-panel);border:2px solid var(--accent-cyan);color:var(--accent-cyan);padding:8px 12px;font-family:"Press Start 2P",monospace;font-size:8px;cursor:pointer;text-transform:uppercase;transition:all .2s;margin:2px}.retro-button:hover{background:var(--accent-cyan);color:var(--bg-space);box-shadow:0 0 15px var(--accent-cyan);text-shadow:none}.retro-button:active{transform:scale(.95)}.retro-button.disabled{opacity:.5;cursor:not-allowed}.retro-button.disabled:hover{background:var(--bg-panel);color:var(--accent-cyan);box-shadow:none}.action-buttons{display:flex;gap:10px;justify-content:center;margin-top:15px;flex-wrap:wrap}.customer-card{background:#ffffff0d;border:1px solid var(--accent-purple);padding:10px;margin-bottom:10px}.customer-name{color:var(--accent-purple);font-size:10px;margin-bottom:5px}.customer-wants{color:var(--text-secondary);font-size:7px;margin-bottom:5px}.customer-offer{color:var(--accent-green);font-size:8px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dashboard)}::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}@media (max-width: 768px){.header-stats{gap:15px}.customers-grid,.final-stats{grid-template-columns:1fr}.leaderboard-entry{grid-template-columns:40px 1fr 80px;gap:10px}.leaderboard-entry .stats{grid-column:1 / -1;text-align:center;margin-top:5px}.game-title{font-size:16px}.sticky-header,.sticky-footer{padding:10px 15px}.main-content{padding:15px}.footer-nav{gap:10px}.nav-button{padding:10px 15px;font-size:8px;min-width:100px}body{font-size:7px}}@keyframes glow{0%,to{text-shadow:0 0 5px currentColor}50%{text-shadow:0 0 20px currentColor}}.glow-animation{animation:glow 2s ease-in-out infinite}.stats-panel{border-color:var(--accent-cyan)}.stats-panel:before{background:linear-gradient(45deg,var(--accent-cyan),var(--accent-purple),var(--accent-cyan))}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.stat-item{text-align:center;padding:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2)}.stat-label{font-size:7px;color:var(--text-secondary);margin-bottom:4px}.stat-value{font-size:12px;color:var(--accent-cyan);font-weight:700}.stat-value.error{color:var(--accent-red)}.stat-value.urgent{color:var(--accent-yellow)}.quick-actions{margin-bottom:15px}.warning-section{margin-top:15px}.warning-message{background:#ffff001a;border:1px solid var(--accent-yellow);color:var(--accent-yellow);padding:8px;font-size:7px;text-align:center;margin-bottom:5px;animation:glow 2s ease-in-out infinite}.urgent-message{background:#ff00661a;border:1px solid var(--accent-red);color:var(--accent-red);padding:8px;font-size:7px;text-align:center;animation:urgent-pulse 1s ease-in-out infinite}.game-over-screen{text-align:center;padding:40px;background:var(--bg-dashboard);border:3px solid var(--accent-red);box-shadow:0 0 30px #ff006680;margin:50px auto;max-width:600px}.game-over-stats{margin-top:30px}.final-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0;font-size:10px}.final-stats>div{padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2)}.highlight{color:var(--accent-yellow);font-weight:700}.name-input{margin:20px 0;display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}.name-field{background:var(--bg-panel);border:2px solid var(--accent-cyan);color:var(--text-primary);padding:8px 12px;font-family:"Press Start 2P",monospace;font-size:8px;width:200px}.name-field:focus{outline:none;box-shadow:0 0 15px var(--accent-cyan)}.leaderboard-screen{text-align:center;padding:40px;background:var(--bg-dashboard);border:3px solid var(--accent-purple);box-shadow:0 0 30px #cc00ff80;margin:50px auto;max-width:800px}.leaderboard-list{margin:30px 0;display:flex;flex-direction:column;gap:10px}.leaderboard-entry{display:grid;grid-template-columns:50px 1fr 100px 200px;gap:15px;align-items:center;padding:15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);font-size:8px}.leaderboard-entry.champion{border-color:var(--accent-yellow);background:#ffff001a;box-shadow:0 0 15px #ffff004d}.leaderboard-entry .rank{font-size:12px;color:var(--accent-cyan);font-weight:700}.leaderboard-entry .name{color:var(--text-primary);font-size:10px;text-align:left}.leaderboard-entry .score{color:var(--accent-green);font-size:12px;font-weight:700}.leaderboard-entry .stats{color:var(--text-secondary);font-size:7px;text-align:right}.leaderboard-entry.champion .rank,.leaderboard-entry.champion .name{color:var(--accent-yellow)}.message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;background:var(--bg-dashboard);border:2px solid var(--accent-green);color:var(--accent-green);font-size:10px;z-index:1000;box-shadow:0 0 30px #00ff0080}.message.error{border-color:var(--accent-red);color:var(--accent-red);box-shadow:0 0 30px #ff006680}