@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a2a;font-family:Press Start\ 2P,monospace;margin:0;overflow:hidden;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.equity-curve-canvas{background:#0a0a2a;border:4px solid #ff8c00;border-radius:8px;border-radius:4px;box-shadow:0 0 20px #ff8c0080;box-sizing:border-box;display:block;image-rendering:pixelated}@media (max-width:768px){.equity-curve-canvas{border:2px solid #336;box-shadow:none;height:auto;width:100%}}@media (max-width:480px){.equity-curve-canvas{border:2px solid #336;box-shadow:none;height:auto;width:100%}}.game-ui{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.stats-panel{background:#000c;border:3px solid #ff8c00;border-radius:8px;box-shadow:0 0 15px #ff8c0080;gap:10px;padding:15px;pointer-events:auto;position:absolute;right:20px;top:20px}.stat-item,.stats-panel{display:flex;flex-direction:column}.stat-item{align-items:center;gap:5px}.stat-label{color:#ff0;font-size:12px;text-shadow:0 0 5px #ffff0080}.stat-label,.stat-value{font-family:Press Start\ 2P,monospace}.stat-value{color:#fff;font-size:18px;font-weight:700}.throw-button-container{bottom:100px;left:50%;pointer-events:auto;position:absolute;transform:translateX(-50%)}.throw-button{background:linear-gradient(45deg,#ff8c00,#f60);border:4px solid #f60;border-radius:12px;box-shadow:0 0 20px #ff8c0099;color:#fff;cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:24px;font-weight:700;min-height:80px;min-width:200px;padding:20px 40px;text-transform:uppercase;transition:all .2s ease}.throw-button:hover:not(.disabled){background:linear-gradient(45deg,orange,#ff8c00);box-shadow:0 0 30px #ff8c00cc;transform:translateY(-3px)}.throw-button:active:not(.disabled){box-shadow:0 0 15px #ff8c0066;transform:translateY(-1px)}.throw-button.disabled{cursor:not-allowed;opacity:.5;transform:none}.throw-button.input-lag{animation:inputLagPulse .3s ease-in-out;border-color:red;box-shadow:0 0 25px #f00c}@keyframes inputLagPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.bottom-stats{background:#000c;border:3px solid #ff8c00;border-radius:8px;bottom:20px;box-shadow:0 0 15px #ff8c0080;left:20px;padding:15px;pointer-events:auto;position:absolute}.stat-row{display:flex;gap:20px;margin-bottom:15px}.stat-row:last-child{margin-bottom:0}.stat-row .stat-item{min-width:80px}.stat-value.positive{color:#0f8;text-shadow:0 0 5px #00ff8880}.stat-value.negative{color:#f44;text-shadow:0 0 5px #ff444480}.equity-curve-container{background:#0000;border:none;border-radius:0;bottom:20px;box-shadow:none;padding:0;pointer-events:auto;position:absolute;right:20px}.equity-curve{align-items:center;display:flex;justify-content:center}.control-buttons{display:flex;gap:15px;left:20px;pointer-events:auto;position:absolute;top:20px}.control-btn{border:2px solid;border-radius:6px;cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:12px;font-weight:700;min-width:80px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.pause-btn{background:#336;border-color:#44a;color:#fff}.pause-btn:hover{background:#44a;transform:translateY(-2px)}.restart-btn{background:#633;border-color:#a44;color:#fff}.restart-btn:hover{background:#a44;transform:translateY(-2px)}.difficulty-indicator{align-items:center;background:#000c;border:2px solid #ff8c00;border-radius:6px;box-shadow:0 0 10px #ff8c0066;display:flex;gap:10px;left:50%;padding:10px 20px;pointer-events:auto;position:absolute;top:20px;transform:translateX(-50%)}.difficulty-label{color:#ff0;font-size:10px}.difficulty-label,.difficulty-value{font-family:Press Start\ 2P,monospace}.difficulty-value{border-radius:4px;font-size:12px;font-weight:700;padding:4px 8px;text-transform:uppercase}.difficulty-value.easy{background:#0f8;color:#000}.difficulty-value.hard{background:#f44;color:#fff}.mobile-stats{background:#000c!important;border:3px solid #ff8c00!important;border-radius:8px!important;bottom:env(safe-area-inset-bottom,20px)!important;box-shadow:0 0 15px #ff8c0080!important;display:block!important;left:env(safe-area-inset-left,10px)!important;max-height:120px!important;max-width:calc(100vw - 20px)!important;overflow:hidden!important;padding:10px!important;pointer-events:auto!important;position:fixed!important;right:env(safe-area-inset-right,10px)!important;z-index:999!important}.mobile-stats-row{flex-wrap:wrap!important;gap:5px!important;height:100%!important;justify-content:space-between!important;width:100%!important}.mobile-stat-item,.mobile-stats-row{align-items:center!important;display:flex!important}.mobile-stat-item{flex:1 1!important;flex-direction:column!important;gap:2px!important;justify-content:center!important;max-width:60px!important;min-width:45px!important}.mobile-stat-label{color:#ff0!important;font-size:6px!important;text-shadow:0 0 5px #ffff0080!important}.mobile-stat-label,.mobile-stat-value{word-wrap:break-word!important;font-family:Press Start\ 2P,monospace!important;line-height:1.1!important;max-width:100%!important;text-align:center!important}.mobile-stat-value{color:#fff!important;font-size:8px!important;font-weight:700!important}.mobile-equity-curve{background:#0000!important;border:none!important;border-radius:0!important;height:calc(100vh - 300px)!important;left:50%!important;opacity:.4!important;padding:0!important;pointer-events:none!important;position:fixed!important;top:90%!important;transform:translate(-50%,-50%)!important;width:calc(100vw - 80px)!important;z-index:-100!important}.mobile-equity-curve .equity-curve{opacity:.8!important}.mobile-equity-curve{top:80%!important;transform:translate(-50%,-40%)!important}@media (max-width:768px){.stats-panel{padding:8px;right:10px;top:10px;z-index:15}.stat-label{font-size:10px}.stat-value{font-size:14px}.throw-button{font-size:20px;min-height:70px;min-width:180px;padding:20px 40px}.throw-button-container{bottom:140px!important}.control-buttons{gap:10px;left:10px;top:10px;z-index:15}.control-btn{font-size:11px;min-width:70px;padding:12px 20px}.difficulty-indicator{left:auto;padding:8px 15px;right:10px;top:10px;transform:none;z-index:15}.difficulty-label{font-size:9px}.difficulty-value{font-size:10px}.equity-curve-container:not(.mobile-equity-curve){display:none}.bottom-stats:not(.mobile-stats){display:none!important}.mobile-stats{bottom:env(safe-area-inset-bottom,15px)!important;left:env(safe-area-inset-left,8px)!important;max-height:100px!important;max-width:calc(100vw - 16px)!important;padding:8px!important;right:env(safe-area-inset-right,8px)!important}.mobile-equity-curve,.mobile-stats{display:block!important}}@media (max-width:480px){.stats-panel{padding:6px}.stat-label{font-size:8px}.stat-value{font-size:12px}.throw-button{font-size:18px;min-height:65px;min-width:160px;padding:18px 35px}.control-btn{font-size:10px;min-width:65px;padding:10px 16px}.difficulty-indicator{left:auto;padding:6px 12px;right:5px}.difficulty-label{font-size:8px}.difficulty-value{font-size:9px}.mobile-stats{bottom:env(safe-area-inset-bottom,10px)!important;left:env(safe-area-inset-left,5px)!important;max-height:80px!important;max-width:calc(100vw - 10px)!important;padding:6px;right:env(safe-area-inset-right,5px)!important}.mobile-stat-label{font-size:5px}.mobile-stat-value{font-size:7px}.mobile-stat-item{gap:1px!important;max-width:50px!important;min-width:40px!important}}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{animation:popupSlideIn .3s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #00d4ff;border-radius:20px;box-shadow:0 20px 40px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;position:relative;width:90%}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-close{align-items:center;background:none;border:none;border-radius:50%;color:#00d4ff;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;position:absolute;right:20px;top:15px;transition:all .2s ease;width:40px}.popup-close:hover{background-color:#00d4ff1a;transform:scale(1.1)}.popup-header{margin-bottom:25px;text-align:center}.popup-header h2{color:#00d4ff;font-size:24px;font-weight:700;margin:0 0 15px}.popup-header p{color:#fff;font-size:16px;line-height:1.5;margin:0;opacity:.9}.popup-form{margin-bottom:25px}.form-group{margin-bottom:20px}.form-group label{color:#00d4ff;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{background-color:#1a1a2e;border:2px solid #2a2a3e;border-radius:10px;box-sizing:border-box;color:#fff;font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a;outline:none}.form-group input::placeholder{color:#666}.error-message{background-color:#ff3b301a;border:1px solid #ff3b304d;border-radius:8px;color:#ff3b30}.error-message,.success-message{font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.success-message{background-color:#34c7591a;border:1px solid #34c7594d;border-radius:8px;color:#34c759;font-weight:600}.popup-benefits{background:#00d4ff0d;border:1px solid #00d4ff33;border-radius:12px;margin-bottom:25px;padding:20px}.popup-benefits h4{color:#00d4ff;font-size:18px;margin:0 0 15px}.popup-benefits ul{color:#fff;margin:0;padding-left:20px}.popup-benefits li{line-height:1.4;margin-bottom:8px}.submit-btn{background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;padding:15px;text-transform:uppercase;transition:all .2s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 8px 20px #00d4ff4d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.popup-footer{color:#888;font-size:14px;font-style:italic;text-align:center}@media (max-width:768px){.popup-content{margin:20px;padding:20px;width:calc(100% - 40px)}.popup-header h2{font-size:20px}.popup-header p{font-size:14px}.form-group input{font-size:16px;padding:10px 14px}.submit-btn{font-size:14px;padding:12px}}.game-container{align-items:center;background:linear-gradient(135deg,#0a0a2a,#1a1a3a);color:#fff;display:flex;flex-direction:column;font-family:Press Start\ 2P,monospace;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.game-canvas{background:linear-gradient(135deg,#0a0a2a,#1a1a4a);border:4px solid #ff8c00;border-radius:8px;box-shadow:0 0 20px #ff8c0080;box-sizing:border-box;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;margin-bottom:20px;overflow:hidden}.game-canvas.hidden{display:none}.start-screen{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000000e6,#1a1a3acc);border:4px solid #ff8c00;border-radius:12px;box-shadow:0 0 30px #ff8c0099;margin:10px;max-width:600px;padding:20px;position:relative;text-align:center;z-index:10}.title-container{margin-bottom:20px;position:relative}.game-title{color:#ff0;font-size:48px;letter-spacing:2px;margin-bottom:0;text-shadow:0 0 20px #ff0c}.branding{font-family:Press Start\ 2P,monospace;font-size:14px;opacity:.8;position:absolute;right:0;top:-32px;transition:all .3s ease}.brand-text{color:#0ff;margin-right:5px}.brand-link{color:#ff8c00;text-decoration:none;text-shadow:0 0 10px #ff8c0099;transition:all .3s ease}.brand-link:hover{color:#ff0;text-shadow:0 0 15px #ff0c;transform:scale(1.05)}.game-subtitle{color:#0ff;font-size:18px;line-height:1.5;margin-bottom:40px}.difficulty-buttons{display:flex;gap:20px;justify-content:center;margin-bottom:40px}.difficulty-btn{border:none;border-radius:8px;cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:16px;font-weight:700;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.easy-btn{background:linear-gradient(45deg,#0f8,#0c6);box-shadow:0 4px 15px #0f86;color:#000}.easy-btn:hover{box-shadow:0 6px 20px #0f89;filter:brightness(1.1);transform:translateY(-2px)}.easy-btn:active{box-shadow:0 2px 10px #0f86;transform:translateY(0)}.hard-btn{background:linear-gradient(45deg,#f44,#c00);box-shadow:0 4px 15px #f446;color:#fff}.hard-btn:hover{box-shadow:0 6px 20px #f449;filter:brightness(1.1);transform:translateY(-2px)}.hard-btn:active{box-shadow:0 2px 10px #f446;transform:translateY(0)}.instructions{background:#ffffff1a;border:2px solid #336;border-radius:8px;padding:20px;text-align:left}.instructions h3{color:#ff0;font-size:16px;margin-bottom:15px}.instructions ul{list-style:none;padding:0}.instructions li{color:#0ff;font-size:14px;line-height:1.4;margin-bottom:10px}.instructions li:before{color:#ff8c00;content:"▶ ";margin-right:10px}@media (max-width:768px){.game-title{font-size:32px}.branding{font-size:10px;top:-27px}.game-subtitle{font-size:14px}.difficulty-buttons{align-items:center;flex-direction:column}.difficulty-btn{width:200px}.game-canvas{display:block;height:auto;margin:0 auto;max-height:80vh;max-width:calc(100vw - 40px);width:auto}.start-screen{margin:10px;max-width:90vw;padding:20px}.game-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden}.game-canvas{box-sizing:border-box;max-width:calc(100vw - 40px)!important;overflow:hidden;width:auto!important}}@media (max-width:480px){.start-screen{margin:20px;padding:20px}.game-title{font-size:24px}.branding{font-size:8px;top:-27px}.game-subtitle,.instructions{font-size:12px}}.App{height:100vh;margin:0;overflow:hidden;padding:0;width:100%}