.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;color:#e0e0e0;font-family:Roboto,Arial,sans-serif;background-color:#131722}.home-content{max-width:500px;width:90%;padding:2rem;background-color:#1e222d;border-radius:10px;box-shadow:0 10px 30px #0000004d}.home-title{text-align:center;margin-bottom:1.5rem;color:#4ecdc4;font-size:2.2rem}.home-subtitle{text-align:center;margin-bottom:2rem;color:#a0a0a0;font-size:1rem}.config-section{margin-bottom:1.5rem}.section-title{font-weight:600;margin-bottom:.5rem;color:#e0e0e0;font-size:1rem}.option-buttons{display:flex;gap:10px;margin-bottom:1rem}.option-button{flex:1;padding:12px;background-color:#2a2e39;color:#e0e0e0;border:1px solid #363c4e;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.option-button:hover{background-color:#363c4e}.option-button.selected{background-color:#4ecdc4;color:#131722;border-color:#4ecdc4}.play-button{width:100%;padding:14px;margin-top:1.5rem;background-color:#4ecdc4;color:#131722;border:none;border-radius:6px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .2s ease}.play-button:hover{background-color:#3dbdb3;transform:translateY(-2px)}.play-button:disabled{background-color:#2a2e39;color:#666;cursor:not-allowed;transform:none}.info-note{font-size:.8rem;color:#a0a0a0;text-align:center;margin-top:.5rem;font-style:italic}.error-message{color:#ff6b6b;text-align:center;margin-top:1rem;font-size:.9rem}.waiting-message{color:#4ecdc4;text-align:center;margin-top:1rem;font-size:.9rem}.waiting-container{text-align:center;margin-top:2rem}.waiting-title{font-size:1.5rem;color:#4ecdc4;margin-bottom:1rem}.spinner{display:inline-block;width:50px;height:50px;border:4px solid rgba(78,205,196,.3);border-radius:50%;border-top-color:#4ecdc4;animation:spin 1s ease-in-out infinite;margin-bottom:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.player-list{margin:1.5rem 0;list-style:none;padding:0}.player-item{display:flex;align-items:center;background-color:#2a2e39;padding:.8rem 1rem;border-radius:6px;margin-bottom:.5rem}.player-color{width:20px;height:20px;border-radius:50%;margin-right:10px}.player-name{font-weight:500}.room-details{background-color:#262b38;padding:1rem;border-radius:6px;margin-top:1rem;font-size:.9rem}.room-detail-item{display:flex;justify-content:space-between;margin-bottom:.5rem}.room-detail-label{color:#a0a0a0}.room-detail-value{color:#e0e0e0;font-weight:500}.logo{text-align:center;margin-bottom:2rem}.logo img{height:80px}@media (max-width: 600px){.home-content{width:95%;padding:1.5rem}.home-title{font-size:1.8rem}}.trading-chart{display:block;width:100%;height:100%}.chart-container{overflow:hidden;width:100%;height:500px;background-color:#131722;position:relative}.buttons-container{display:flex;flex-direction:row;gap:8px;margin-top:8px}.buttons-container button{font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;font-size:14px;font-weight:500;line-height:24px;padding:8px 16px;color:#d1d4dc;background-color:#2962ff;border-radius:4px;cursor:pointer;border:none;transition:background-color .2s}.buttons-container button:hover{background-color:#1e4bd8}.buttons-container button:active{background-color:#1741b3}@media (max-height: 800px){.chart-container{height:400px}}@media (max-height: 700px){.chart-container{height:350px}}.control-panel{display:flex;flex-direction:column;gap:16px;padding:20px;background-color:#1e222d;border-radius:4px}.trade-amount{display:flex;flex-direction:column;gap:12px}.trade-amount-header{display:flex;justify-content:space-between;align-items:center}.trade-amount-title,.trade-amount-value{font-size:16px;font-weight:500;color:#d1d4dc}.percentage-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.percentage-button{padding:6px 0;background-color:#2a2e39;border:1px solid #363c4e;border-radius:4px;color:#d1d4dc;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.percentage-button:hover{background-color:#363c4e}.percentage-button.active{background-color:#2962ff;border-color:#2962ff}.slider-container{display:flex;flex-direction:column;gap:8px}.slider-track{position:relative;height:8px;background-color:#363c4e;border-radius:4px}.slider-fill{position:absolute;height:100%;background-color:#2962ff;border-radius:4px}input[type=range]{width:100%;height:8px;border-radius:4px;background:transparent;outline:none;-webkit-appearance:none;position:relative;z-index:2;margin:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#2962ff;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000004d}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#2962ff;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000004d}.available-balance{font-size:14px;color:#9598a1;margin-top:4px}.buttons{display:flex;gap:16px}.buttons button{flex:1;padding:12px;font-size:16px;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.buy-button{background-color:#26a69a;color:#fff}.buy-button:hover{background-color:#219287}.short-button{background-color:#ef5350;color:#fff}.short-button:hover{background-color:#e63935}.buttons button:disabled{opacity:.5;cursor:not-allowed}.buy-button:disabled:hover{background-color:#26a69a}.short-button:disabled:hover{background-color:#ef5350}.leaderboard{display:block;color:#d1d4dc;font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;width:100%;height:100%;background-color:#1e222d;border-radius:4px;padding:12px;box-shadow:0 2px 4px #0003;overflow:hidden}.leaderboard-header{font-size:16px;font-weight:500;margin-bottom:12px;text-align:center;border-bottom:1px solid #363c4e;padding-bottom:8px}.player-list{display:flex;flex-direction:column;gap:6px}.player-item{display:grid;grid-template-columns:24px 12px minmax(0,1fr) 50px;align-items:center;padding:6px 8px;border-radius:4px;background-color:#262b3e;transition:transform .3s ease,background-color .3s ease;gap:4px}.player-item.current-player{background-color:#2962ff33;border-left:3px solid #2962ff}.player-item.moving-up{animation:moveUp .5s ease}.player-item.moving-down{animation:moveDown .5s ease}@keyframes moveUp{0%{transform:translateY(5px);background-color:#26a69a33}to{transform:translateY(0);background-color:#262b3e}}@keyframes moveDown{0%{transform:translateY(-5px);background-color:#ef535033}to{transform:translateY(0);background-color:#262b3e}}.rank{font-weight:500;text-align:center}.player-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.player-info{display:flex;flex-direction:column;min-width:0}.player-name{font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.player-balance{font-size:11px;opacity:.8}.player-pnl{font-weight:500;font-size:12px;padding:2px 4px;border-radius:3px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.positive{background-color:#26a69a33;color:#26a69a}.negative{background-color:#ef535033;color:#ef5350}.neutral{background-color:#64646433;color:#d1d4dc}.empty-state{text-align:center;padding:20px;font-style:italic;opacity:.7}@media (max-width: 768px){.player-item{grid-template-columns:20px 10px minmax(0,1fr) 58px;gap:4px;padding:4px 6px}.player-pnl{font-size:11px;padding:2px 3px}}.game-over-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#131722f2;display:flex;align-items:center;justify-content:center;z-index:1000}.game-over-card{background-color:#1e222d;border-radius:8px;padding:32px;width:100%;max-width:480px;text-align:center;box-shadow:0 4px 24px #0000004d;animation:slideIn .5s ease-out;color:#d1d4dc}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.game-over-card h1{color:#d1d4dc;font-size:32px;margin:0 0 24px}.game-over-card h2{color:#d1d4dc;font-size:24px;margin:24px 0 16px}.result{font-size:48px;font-weight:700;margin:24px 0}.result.positive{color:#26a69a}.result.negative{color:#ef5350}.stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.stat-item{background-color:#262b3e;padding:16px;border-radius:4px}.stat-label{color:#9598a1;font-size:14px;margin-bottom:8px}.stat-value{color:#d1d4dc;font-size:20px;font-weight:500}.stat-value.positive{color:#26a69a}.stat-value.negative{color:#ef5350}.message{color:#9598a1;font-size:18px;margin:20px 0}.play-again{background-color:#2962ff;color:#fff;border:none;border-radius:4px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:24px}.play-again:hover{background-color:#1e4bd8}.placements{margin:24px 0;background-color:#262b3e;border-radius:4px;padding:16px;overflow:hidden}.placement-item{display:grid;grid-template-columns:24px 16px 1fr auto;gap:12px;padding:12px;align-items:center;border-bottom:1px solid #363c4e;text-align:left}.placement-item:last-child{border-bottom:none}.placement-rank{font-weight:700;font-size:18px}.placement-rank.winner{color:gold}.placement-color{width:12px;height:12px;border-radius:50%}.placement-name{font-weight:500}.placement-pnl{font-weight:500;padding:4px 8px;border-radius:4px}.current-player{background-color:#2962ff33}.placement-pnl.positive{color:#26a69a}.placement-pnl.negative{color:#ef5350}.game-container{display:flex;flex-direction:row;height:100vh;width:100%;color:#d1d4dc;font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;background-color:#131722;justify-content:center;overflow:hidden;max-width:1400px;margin:0 auto}.leaderboard-container{width:250px;flex-shrink:0;padding:20px 10px;overflow-y:auto}.main-content{flex:1;padding:20px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;min-width:0}.sidebar{width:250px;flex-shrink:0;background-color:#1e222d;padding:20px;border-left:1px solid #363c4e;overflow-y:auto}.sidebar h2{margin:0 0 16px;font-size:18px;font-weight:500}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#1e222d;border-radius:4px;font-size:18px;font-weight:500}.balance{color:#d1d4dc}.pnl{padding:4px 8px;border-radius:4px}.pnl.positive{background-color:#26a69a33;color:#26a69a}.pnl.negative{background-color:#ef535033;color:#ef5350}.timer{font-weight:500}.timer.ending{color:#ef5350}.positions-list{display:flex;flex-direction:column;gap:12px}.position-item{padding:12px;background-color:#262b3e;border-radius:4px;border-left:4px solid;font-size:14px}.position-item>div{margin-bottom:4px}.position-item>div:last-child{margin-bottom:0}.position-item.buy{border-left-color:#26a69a}.position-item.short{border-left-color:#ef5350}.position-pnl{display:flex;justify-content:space-between;align-items:center}.position-pnl .value{padding:2px 6px;border-radius:4px;font-weight:500}.position-pnl .value.positive{background-color:#26a69a33;color:#26a69a}.position-pnl .value.negative{background-color:#ef535033;color:#ef5350}.close-button{margin-top:8px;padding:6px 12px;background-color:#363c4e;border:none;border-radius:4px;color:#d1d4dc;cursor:pointer;transition:background-color .2s}.close-button:hover{background-color:#404859}.waiting-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;background-color:#131722;color:#d1d4dc;text-align:center;padding:20px}.waiting-screen h2{font-size:24px;margin-bottom:16px}.waiting-screen h3{font-size:18px;margin:24px 0 16px}.waiting-screen p{font-size:16px;margin-bottom:24px;max-width:400px}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-radius:50%;border-top:4px solid #2962ff;animation:spin 1s linear infinite}.countdown{display:flex;flex-direction:column;align-items:center;justify-content:center}.countdown-number{font-size:120px;font-weight:700;color:#4ecdc4;margin:20px 0;animation:pulse 1s infinite}.player-list{margin:20px 0 40px;display:flex;flex-direction:column;gap:10px;padding:0;list-style:none}.player-item{display:flex;align-items:center;background-color:#1e222d;padding:10px 20px;border-radius:6px}.player-color{width:24px;height:24px;border-radius:50%;margin-right:12px}.player-name{font-weight:500;font-size:16px}.back-button{margin-top:20px;padding:12px 24px;background-color:#363c4e;color:#d1d4dc;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.back-button:hover{background-color:#404859}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.game-container{flex-direction:column;height:auto}.leaderboard-container{width:100%;max-height:200px;padding:10px}.main-content{width:100%}}@media (max-width: 768px){.game-container{flex-direction:column;height:auto;overflow-y:auto}.leaderboard-container,.main-content,.sidebar{width:100%;height:auto;max-height:none}.sidebar{border-left:none;border-top:1px solid #363c4e}.main-content{padding:10px}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;background-color:#131722;color:#d1d4dc;overflow:hidden}#root,.app-container{height:100vh;width:100%}button{font-family:inherit}