@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: #0f3460;--text-primary: #eee;--text-secondary: #a0a0a0;--accent-trading: #4ade80;--accent-betting: #60a5fa;--accent-pink: #f472b6;--accent-yellow: #fbbf24;--border-color: #4a5568}body{font-family:"Press Start 2P",cursive;background:linear-gradient(135deg,var(--bg-primary) 0%,#2d1b69 100%);background-attachment:fixed;color:var(--text-primary);line-height:1.8;image-rendering:pixelated}.app{min-height:100vh;max-width:1400px;margin:0 auto;padding:1rem}.header{text-align:center;padding:2rem 0;margin-bottom:1.5rem}.header h1{font-size:1.5rem;font-weight:600;background:linear-gradient(90deg,var(--accent-trading),var(--accent-betting),var(--accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow 3s ease infinite;background-size:200% 200%}@keyframes rainbow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subtitle{font-family:system-ui,sans-serif;font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.dancing-dog-container{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.dancing-dog{position:relative;width:64px;height:80px;animation:bounce .4s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dancing-dog .head{position:absolute;top:8px;left:12px;width:40px;height:32px;background:#fff;border-radius:50% 50% 45% 45%;border:3px solid #222}.dancing-dog .ear{position:absolute;top:0;width:16px;height:24px;background:#222;border-radius:50% 50% 40% 40%}.dancing-dog .left-ear{left:8px;transform:rotate(-20deg)}.dancing-dog .right-ear{right:8px;transform:rotate(20deg)}.dancing-dog .eye{position:absolute;top:16px;width:6px;height:6px;background:#222;border-radius:50%}.dancing-dog .left-eye{left:20px}.dancing-dog .right-eye{right:20px}.dancing-dog .nose{position:absolute;top:24px;left:50%;transform:translate(-50%);width:8px;height:6px;background:#222;border-radius:50%}.dancing-dog .tongue{position:absolute;top:30px;left:50%;transform:translate(-50%);width:8px;height:10px;background:#f472b6;border-radius:0 0 4px 4px;animation:pant .3s ease-in-out infinite alternate}@keyframes pant{0%{height:8px}to{height:12px}}.dancing-dog .body{position:absolute;top:36px;left:8px;width:48px;height:32px;background:#fff;border-radius:40% 40% 50% 50%;border:3px solid #222}.dancing-dog .spot{position:absolute;background:#222;border-radius:50%}.dancing-dog .spot-1{top:42px;left:16px;width:12px;height:10px}.dancing-dog .spot-2{top:48px;left:36px;width:8px;height:8px}.dancing-dog .leg{position:absolute;bottom:0;width:10px;height:16px;background:#fff;border:3px solid #222;border-radius:0 0 4px 4px}.dancing-dog .front-left{left:12px}.dancing-dog .front-right{left:26px}.dancing-dog .back-left{right:26px}.dancing-dog .back-right{right:12px}.dancing-dog.frame-0 .front-left,.dancing-dog.frame-0 .back-right,.dancing-dog.frame-1 .front-right,.dancing-dog.frame-1 .back-left,.dancing-dog.frame-2 .front-left,.dancing-dog.frame-2 .back-right,.dancing-dog.frame-3 .front-right,.dancing-dog.frame-3 .back-left{transform:translateY(-4px)}.dancing-dog .tail{position:absolute;top:36px;right:-4px;width:12px;height:20px;background:#fff;border:3px solid #222;border-radius:50%;transform-origin:bottom center;animation:wag .2s ease-in-out infinite alternate}@keyframes wag{0%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}.shadow{width:48px;height:8px;background:#0000004d;border-radius:50%;animation:shadow-pulse .4s ease-in-out infinite}@keyframes shadow-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(.8);opacity:.5}}.column-selector{display:flex;gap:.5rem;margin-bottom:1rem}.selector-button{flex:1;padding:.75rem 1rem;border:3px solid var(--border-color);border-radius:0;background:var(--bg-secondary);color:var(--text-secondary);font-family:"Press Start 2P",cursive;font-size:.7rem;cursor:pointer;transition:all .1s;text-transform:uppercase;box-shadow:4px 4px #000}.selector-button.active{background:var(--bg-card);color:var(--accent-yellow);border-color:var(--accent-yellow);transform:translate(2px,2px);box-shadow:2px 2px #000}.selector-button:hover{background:var(--bg-card);transform:translate(2px,2px);box-shadow:2px 2px #000}.columns{display:grid;gap:1.5rem}.column-wrapper{display:block}.column{background:var(--bg-secondary);border-radius:0;padding:1.5rem;border:4px solid var(--border-color);box-shadow:8px 8px #0000004d;position:relative}.column:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-trading),var(--accent-betting))}.column-wrapper.betting .column:before{background:linear-gradient(90deg,var(--accent-betting),var(--accent-pink))}.column-title{font-size:.875rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;color:var(--accent-trading);text-transform:uppercase;letter-spacing:2px}.column-wrapper.betting .column-title{color:var(--accent-betting)}.section-title{font-size:.65rem;font-weight:500;color:var(--text-secondary);margin:1.5rem 0 1rem;text-transform:uppercase;letter-spacing:1px}.portfolio-value{text-align:center;padding:1.5rem;background:var(--bg-card);border:3px solid var(--accent-trading);position:relative}.column-wrapper.betting .portfolio-value{border-color:var(--accent-betting)}.portfolio-label{font-size:.5rem;color:var(--text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:2px}.portfolio-amount{font-size:1.5rem;font-weight:700;color:var(--accent-trading);text-shadow:3px 3px 0 rgba(0,0,0,.3);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.column-wrapper.betting .portfolio-amount{color:var(--accent-betting)}.portfolio-amount.loading{font-size:.7rem;color:var(--text-secondary);animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.portfolio-timestamp{font-family:system-ui,sans-serif;font-size:.65rem;color:var(--text-secondary);margin-top:.75rem}.transaction-list{display:flex;flex-direction:column;gap:.75rem;max-height:500px;overflow-y:auto}.transaction-list::-webkit-scrollbar{width:8px}.transaction-list::-webkit-scrollbar-track{background:var(--bg-primary)}.transaction-list::-webkit-scrollbar-thumb{background:var(--accent-trading)}.transaction-card{background:var(--bg-card);border:2px solid var(--border-color);padding:1rem;position:relative;transition:transform .1s,box-shadow .1s}.transaction-card:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #0000004d}.transaction-card:before{content:"▸";position:absolute;left:-.5rem;top:1rem;color:var(--accent-yellow);opacity:0;transition:opacity .1s}.transaction-card:hover:before{opacity:1}.transaction-card.loading,.transaction-card.empty{text-align:center;color:var(--text-secondary);padding:2rem;font-size:.6rem}.transaction-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:1rem}.transaction-action{font-size:.6rem;font-weight:600;color:var(--accent-yellow)}.transaction-time{font-family:system-ui,sans-serif;font-size:.65rem;color:var(--text-secondary);white-space:nowrap}.transaction-reasoning{font-family:system-ui,sans-serif;font-size:.8rem;color:var(--text-secondary);line-height:1.5}.transaction-tool{margin-top:.5rem}.transaction-tool code{font-family:"Press Start 2P",cursive;font-size:.5rem;background:var(--bg-primary);padding:.25rem .5rem;border:1px solid var(--accent-trading);color:var(--accent-trading)}.column-wrapper.betting .transaction-tool code{border-color:var(--accent-betting);color:var(--accent-betting)}.outcome-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.outcome-list::-webkit-scrollbar{width:8px}.outcome-list::-webkit-scrollbar-track{background:var(--bg-primary)}.outcome-list::-webkit-scrollbar-thumb{background:var(--accent-trading)}.outcome-card{background:var(--bg-card);border:2px solid var(--border-color);padding:.75rem 1rem;position:relative;transition:transform .1s,box-shadow .1s}.outcome-card:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #0000004d}.outcome-card.loading,.outcome-card.empty{text-align:center;color:var(--text-secondary);padding:1.5rem;font-size:.6rem}.outcome-card.outcome-win{border-left:4px solid var(--accent-trading)}.outcome-card.outcome-loss{border-left:4px solid #f87171}.outcome-card.outcome-neutral{border-left:4px solid var(--text-secondary)}.outcome-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.outcome-symbol{font-size:.6rem;font-weight:600;color:var(--text-primary)}.outcome-pnl{font-family:monospace;font-size:.75rem;font-weight:700}.outcome-win .outcome-pnl{color:var(--accent-trading)}.outcome-loss .outcome-pnl{color:#f87171}.outcome-neutral .outcome-pnl{color:var(--text-secondary)}.outcome-details{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.outcome-badge{font-size:.45rem;padding:.15rem .4rem;background:var(--bg-primary);border:1px solid currentColor;text-transform:uppercase;letter-spacing:1px}.outcome-badge.win{color:var(--accent-trading);border-color:var(--accent-trading)}.outcome-badge.loss{color:#f87171;border-color:#f87171}.outcome-badge.breakeven{color:var(--text-secondary);border-color:var(--text-secondary)}.outcome-qty{font-family:system-ui,sans-serif;font-size:.65rem;color:var(--text-secondary)}.outcome-time{font-family:system-ui,sans-serif;font-size:.6rem;color:var(--text-secondary);margin-left:auto}.error-message{background:#451a1a;color:#f87171;padding:.75rem 1rem;border:2px solid #f87171;font-size:.6rem;margin-top:.5rem;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.mobile-only{display:block}@media (max-width: 767px){.column-wrapper{display:none}.column-wrapper.active{display:block}}@media (min-width: 768px){.mobile-only{display:none}.columns{grid-template-columns:1fr 1fr}.column-wrapper{display:block!important}.header h1{font-size:2rem}.portfolio-amount{font-size:3rem}}