:root{--bg-primary: #0d0d0d;--bg-secondary: #1a1a1a;--bg-tertiary: #252525;--bg-card: #141414;--border-color: #333;--text-primary: #ffffff;--text-secondary: #aaaaaa;--text-muted: #666666;--neon-yellow: #ffed4a;--neon-pink: #ff2d6a;--neon-cyan: #00f7ff;--neon-green: #39ff14;--neon-orange: #ff6b35;--neon-purple: #bf5af2}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999}.container{max-width:1400px;margin:0 auto;padding:1.5rem;padding-top:calc(env(safe-area-inset-top,0px) + 1.5rem)}header{text-align:center;margin-bottom:.5rem;padding:1.5rem 0}.logo{font-family:"Press Start 2P",monospace;font-size:clamp(1.5rem,5vw,2.5rem);color:var(--neon-yellow);text-shadow:0 0 3px var(--neon-yellow),0 0 6px rgba(255,237,74,.4),3px 3px 0 var(--neon-pink);letter-spacing:.05em;animation:flicker 3s infinite}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}95%{opacity:.9}96%{opacity:1}}.tagline{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--neon-cyan);margin-top:1rem;text-transform:uppercase;letter-spacing:.1em;animation:arcadeBlink 1.2s step-end infinite}@keyframes arcadeBlink{0%,to{opacity:1}50%{opacity:0}}.main-grid{display:grid;grid-template-columns:340px 1fr;gap:2rem;align-items:start}@media(max-width:1024px){.main-grid{grid-template-columns:1fr}}.control-panel{background:var(--bg-card);border:3px solid var(--neon-cyan);border-radius:4px;padding:1.25rem;position:sticky;top:1.5rem;overflow:hidden;max-width:100%;box-shadow:0 0 15px #00f7ff4d,inset 0 0 30px #00f7ff0d}.panel-section{margin-bottom:1.25rem}.panel-section:last-child{margin-bottom:0}.section-title{font-family:"Press Start 2P",monospace;font-size:.5rem;text-transform:uppercase;letter-spacing:.05em;color:var(--neon-cyan);margin-bottom:.75rem}.ticker-input-group{display:flex;gap:.5rem;margin-bottom:.75rem}.ticker-input-wrapper{flex:1;position:relative}.ticker-input{width:100%;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:0;padding:.625rem .75rem;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:500;color:var(--neon-green);transition:border-color .15s ease}.ticker-input:focus{outline:none;border-color:var(--neon-green);box-shadow:0 0 10px #39ff144d}.ticker-input::placeholder{color:var(--text-muted)}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:2px solid var(--neon-green);border-top:none;max-height:280px;overflow-y:auto;z-index:100;display:none}.autocomplete-dropdown.active{display:block}.autocomplete-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;cursor:pointer;transition:background .1s ease;border-bottom:1px solid var(--border-color)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover,.autocomplete-item.selected{background:var(--bg-tertiary)}.autocomplete-ticker{font-family:Outfit,sans-serif;font-weight:700;font-size:.85rem;min-width:55px;color:var(--neon-yellow)}.autocomplete-ticker.stock{color:var(--neon-cyan)}.autocomplete-ticker.crypto{color:var(--neon-orange)}.autocomplete-name{flex:1;font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autocomplete-type{font-family:"Press Start 2P",monospace;font-size:.4rem;text-transform:uppercase;padding:.25rem .4rem;border-radius:0}.autocomplete-type.stock{background:var(--neon-cyan);color:var(--bg-primary)}.autocomplete-type.crypto{background:var(--neon-orange);color:var(--bg-primary)}.autocomplete-empty{padding:1rem;text-align:center;color:var(--text-muted);font-size:.8rem}.autocomplete-dropdown::-webkit-scrollbar{width:6px}.autocomplete-dropdown::-webkit-scrollbar-track{background:var(--bg-primary)}.autocomplete-dropdown::-webkit-scrollbar-thumb{background:var(--neon-green)}.btn{background:var(--neon-pink);color:#fff;border:none;border-radius:0;padding:.625rem 1rem;font-family:Outfit,sans-serif;font-weight:700;font-size:.8rem;cursor:pointer;text-transform:uppercase;transition:all .1s ease;box-shadow:4px 4px 0 var(--neon-purple)}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--neon-purple)}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--neon-purple)}.btn-battle{width:100%;padding:1rem;font-family:"Press Start 2P",monospace;font-size:.7rem;background:linear-gradient(180deg,var(--neon-pink) 0%,#cc1155 100%);box-shadow:0 4px #803,0 0 20px #ff2d6a80;letter-spacing:.05em;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 4px #803,0 0 20px #ff2d6a80}50%{box-shadow:0 4px #803,0 0 30px #ff2d6acc}}.btn-battle:hover{transform:translateY(-2px);box-shadow:0 6px #803,0 0 30px #ff2d6acc}.btn-battle:active{transform:translateY(2px);box-shadow:0 2px #803,0 0 15px #ff2d6a80}.btn-battle:disabled{opacity:.4;cursor:not-allowed;animation:none}.ticker-tags{display:flex;flex-wrap:wrap;gap:.5rem;min-height:32px}.ticker-tag{display:flex;align-items:center;gap:.4rem;background:var(--bg-tertiary);border:2px solid;border-radius:0;padding:.35rem .6rem;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase}.ticker-tag.stock{border-color:var(--neon-cyan);color:var(--neon-cyan)}.ticker-tag.crypto{border-color:var(--neon-orange);color:var(--neon-orange)}.ticker-tag .remove{background:none;border:none;color:inherit;cursor:pointer;opacity:.6;transition:opacity .2s;padding:0;font-size:1.1rem;line-height:1}.ticker-tag .remove:hover{opacity:1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.form-group{display:flex;flex-direction:column;gap:.375rem;min-width:0}.form-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.form-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:0;padding:.625rem .75rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:500;color:var(--text-primary);transition:border-color .15s ease;min-width:0;width:100%;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--neon-cyan);box-shadow:0 0 10px #00f7ff4d}input[type=date].form-input{cursor:pointer}input[type=date].form-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1);opacity:.7;transition:opacity .2s}input[type=date].form-input::-webkit-calendar-picker-indicator:hover{opacity:1}select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2300f7ff' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.results-area{display:flex;flex-direction:column;gap:1.5rem}.chart-container{background:var(--bg-card);border:3px solid var(--neon-pink);border-radius:0;padding:1.25rem;position:relative;min-height:400px;box-shadow:0 0 20px #ff2d6a4d,inset 0 0 40px #ff2d6a0d}.chart-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-muted)}.chart-placeholder-icon{font-size:3rem;margin-bottom:.75rem}.chart-placeholder-text{font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--neon-pink);text-transform:uppercase;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}#battleChart{width:100%!important;height:360px!important}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.result-card{background:var(--bg-card);border:3px solid var(--border-color);border-radius:0;padding:1.25rem;position:relative;overflow:hidden;transition:all .2s ease}.result-card:hover{transform:translateY(-4px);border-color:var(--neon-purple);box-shadow:0 8px 20px #bf5af24d}.result-card.winner{border-color:var(--neon-green);box-shadow:0 0 30px #39ff1466,inset 0 0 30px #39ff141a;animation:winnerGlow 1.5s ease-in-out infinite alternate}@keyframes winnerGlow{0%{box-shadow:0 0 20px #39ff144d,inset 0 0 20px #39ff140d}to{box-shadow:0 0 40px #39ff1499,inset 0 0 40px #39ff141a}}.result-card.winner .result-header:after{content:"K.O.!";background:var(--neon-green);color:var(--bg-primary);font-family:"Press Start 2P",monospace;font-size:.65rem;padding:.4rem .75rem;margin-left:auto}.result-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem}.result-color{width:12px;height:12px;border-radius:0;box-shadow:0 0 8px currentColor}.result-ticker{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800;text-transform:uppercase}.result-type{font-family:"Press Start 2P",monospace;font-size:.4rem;text-transform:uppercase;padding:.3rem .5rem;border-radius:0;margin-left:auto}.result-type.stock{background:var(--neon-cyan);color:var(--bg-primary)}.result-type.crypto{background:var(--neon-orange);color:var(--bg-primary)}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stat{display:flex;flex-direction:column;gap:.125rem}.stat-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-family:Outfit,sans-serif;font-size:1rem;font-weight:700}.stat-value.positive{color:var(--neon-green)}.stat-value.negative{color:var(--neon-pink)}.result-gain{grid-column:1 / -1;margin-top:.5rem;padding-top:.75rem;border-top:2px solid var(--border-color)}.gain-bar{height:16px;background:var(--bg-tertiary);border:2px solid var(--border-color);margin-top:.5rem;overflow:hidden;position:relative}.gain-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent)}.gain-fill{height:100%;transition:width .6s ease;position:relative}.gain-fill.positive{background:linear-gradient(to bottom,var(--neon-green),#20aa10);box-shadow:0 0 10px var(--neon-green)}.gain-fill.negative{background:linear-gradient(to bottom,var(--neon-pink),#cc1155);box-shadow:0 0 10px var(--neon-pink)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0d0d0df2;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s ease}.loading-overlay.active{opacity:1;visibility:visible}.loading-content{text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--neon-yellow);border-radius:50%;animation:spin .6s linear infinite;margin:0 auto 1.5rem;box-shadow:0 0 20px var(--neon-yellow)}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:"Press Start 2P",monospace;color:var(--neon-yellow);font-size:.6rem;text-transform:uppercase;animation:blink .5s infinite}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background:var(--bg-secondary);border:3px solid var(--neon-pink);border-radius:0;padding:1rem 1.5rem;font-size:.85rem;color:var(--text-primary);z-index:1001;opacity:0;transition:all .2s ease;max-width:90%;box-shadow:0 0 20px #ff2d6a80}.toast.active{opacity:1;transform:translate(-50%) translateY(0)}.summary-bar{display:none;background:var(--bg-card);border:3px solid var(--neon-yellow);border-radius:0;padding:1rem 1.5rem;margin-bottom:1rem;box-shadow:0 0 20px #ffed4a4d}.summary-bar.active{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center}.summary-stat{text-align:center}.summary-label{font-family:"Press Start 2P",monospace;font-size:.45rem;color:var(--neon-yellow);margin-bottom:.375rem;text-transform:uppercase}.summary-value{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;color:var(--text-primary)}.summary-value.positive{color:var(--neon-green)}.summary-value.negative{color:var(--neon-pink)}.results-back-btn{display:none;width:100%;padding:.875rem;font-family:"Press Start 2P",monospace;font-size:.65rem;background:var(--bg-tertiary);color:var(--neon-cyan);border:2px solid var(--neon-cyan);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.results-back-btn.visible{display:block}.results-back-btn:active{background:var(--neon-cyan);color:var(--bg-primary)}@media(max-width:768px){.container{padding:1rem;padding-top:calc(env(safe-area-inset-top,0px) + .15rem);padding-bottom:.25rem}header{padding:.75rem 0;margin-bottom:.25rem}.control-panel{position:static}.panel-section{margin-bottom:.75rem}.form-row,.result-stats,.results-grid{grid-template-columns:1fr}.logo{font-size:1.75rem}.summary-bar.active{gap:1.25rem;padding:.75rem 1rem}.summary-label{font-size:.45rem}.summary-value{font-size:1.15rem}.stat-value{font-size:1.1rem}.stat-label{font-size:.75rem}.result-ticker{font-size:1.2rem}.chart-container{min-height:300px;display:none}body.results-active .chart-container{display:block}#battleChart{height:280px!important}body.results-active header,body.results-active .control-panel{display:none}body.results-active .container{padding-top:calc(env(safe-area-inset-top,0px) + 1rem)}body.results-active:before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,20px);background:var(--bg-primary);z-index:1000}body.results-active .result-stats{grid-template-columns:1fr 1fr}.disclaimer{text-align:center!important;margin-top:-1.35rem!important}}@media(max-width:480px){.logo{font-size:1.4rem}.tagline{font-size:.4rem}.summary-bar.active{gap:.75rem 1.5rem}.summary-label{font-size:.4rem}.summary-value{font-size:1.05rem}.ticker-input-group{flex-direction:column}.btn{width:100%}}@media(max-height:500px){body.results-active header,body.results-active .control-panel{display:none}.chart-container{display:none}body.results-active .chart-container{display:block}body.results-active .container{padding-top:calc(env(safe-area-inset-top,20px) + 1rem)}body:before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,20px);background:var(--bg-primary);z-index:1000}}