.right{float:right}body{background-color:#1e1e1e;color:#ddd;font-family:Arial,sans-serif;margin:0;padding:20px}#container{display:flex;flex-direction:column;gap:20px;max-width:100%;height:100%;margin:0 auto;position:relative}#chartArea{height:auto;height:calc(100vh - 320px);width:100%;position:relative;background-color:transparent;padding:0}.controls{display:flex;gap:10px;padding:10px;background:#2d2d2d;border-radius:4px}button{padding:8px 16px;background:#444;color:#ddd;border:none;border-radius:4px;cursor:pointer}button:hover{background:#555}#playActionBtn{width:80px}.trading-controls{display:flex;padding:15px;background:#2d2d2d;border-radius:4px;align-items:center;justify-content:space-between}.position-info{white-space:nowrap;height:20px;visibility:hidden;min-width:100px}.position-info.visible{visibility:visible}.order-params,.position-size{display:flex;gap:10px;align-items:center}button.buy{background:#26a69a}button.sell{background:#ef5350}button:disabled{opacity:.5;cursor:not-allowed}input,select{background:#444;color:#ddd;border:1px solid #666;padding:5px;border-radius:4px}.stats-container{padding:0;margin-top:10px}.stats-box{flex-grow:1;display:flex;justify-content:space-around;background:#333;padding:10px;border-radius:4px}.game-over-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center}.modal-content{background:#2d2d2d;padding:20px;border-radius:8px;min-width:300px;z-index:9999}.modal-content h2{text-align:center}.modal-content div.lbl{margin:10px 0}.modal-content button{margin-top:20px;width:49%}#playBtn{background:#666}#playBtn:hover{background:#777}.time-display{background:rgba(45,45,45,.8);padding:8px 12px;border-radius:4px;font-size:14px;z-index:100;display:flex;align-items:center;gap:8px;font-family:monospace}.time-display.approaching-event{background:rgba(180,40,40,.8)}.event-indicator{display:inline-block;width:18px;height:18px;background:#ff4d4d;color:#fff;text-align:center;line-height:18px;border-radius:50%;font-weight:700}.hidden{display:none}.filler{font-family:monospace;align-self:center;flex-grow:1;background:0 0;text-align:right;font-size:15px;font-weight:600}.speed-control{display:flex;align-items:center;gap:8px;margin-left:10px}.speed-control select{background:#444;color:#ddd;border:1px solid #666;padding:4px 8px;border-radius:4px}.dropdown{position:relative;display:inline-block}.caret{font-size:10px}.button-group{display:flex;align-items:center;background:#444;border-radius:4px;overflow:hidden}.action-button{background:0 0;color:#ddd;border:none;padding:8px 16px;cursor:pointer;border-radius:0 0 0 4px}.action-button:hover{background:#555}.divider{width:1px;height:24px;background:#666}.dropdown-toggle{background:0 0;color:#ddd;border:none;padding:8px 10px;cursor:pointer;display:flex;align-items:center;gap:6px;border-radius:0 4px 0 0}.dropdown-toggle:hover{background:#555}.dropdown-menu.show{display:block}.dropdown-menu{display:none;position:absolute;background-color:#333;min-width:120px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:9999;border-radius:4px;margin-top:4px}.dropdown-menu a{color:#ddd;padding:8px 12px;text-decoration:none;display:block}.dropdown-menu a:hover{background-color:#444}.dropdown-menu a.active{background-color:#9598a1}.settings-btn{background:0 0;border:none;cursor:pointer;font-size:18px;margin-left:10px;padding:4px 8px;border-radius:4px}#settingBtn{cursor:pointer}.settings-btn:hover{background:#444}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.form-group{margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.form-group label{margin-right:10px;width:120px}.form-group input{padding:8px;border-radius:4px;border:1px solid #666;background:#333;color:#ddd;width:150px}.setting-button-group{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.drawing-tools{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px;z-index:100;background:rgba(45,45,45,.8);padding:0;border-radius:0}.tool-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:8px}.tool-btn:hover{background:#555}.tool-btn.active{background:#007bff;color:#fff}.order-type-selector{display:flex;gap:15px}.limit-price-container{display:flex;align-items:center;gap:10px;margin-bottom:10px}.pending-orders{display:flex;flex-direction:column;gap:5px;max-height:150px;overflow-y:auto;position:absolute;top:10px;left:40px;z-index:9999}.order-item{justify-content:space-between;padding:5px 10px;border-radius:4px;background:#444;font-size:13px}.order-item.buy{border-left:3px solid #26a69a}.order-item.sell{border-left:3px solid #ef5350}.cancel-btn{background:0 0;border:none;color:#999;cursor:pointer;padding:4px 8px}.cancel-btn:hover{color:#fff}.limit-price-indicator{background:rgba(0,0,0,.7);color:#fff;padding:5px 10px;border-radius:4px;pointer-events:none;z-index:100;font-size:12px;white-space:nowrap;position:absolute;top:20px;left:20%}.limit-price-indicator.buy{border-left:3px solid #26a69a}.limit-price-indicator.sell{border-left:3px solid #ef5350}.logo{background-image:url(/static/logo.png);position:absolute;bottom:40px;left:10px;z-index:9999;width:60px;height:60px;background-size:cover;opacity:.2}.trade-log{display:none;margin-top:15px;padding:10px;background:#333;border-radius:4px}.trade-log h3{margin-top:0;margin-bottom:10px;cursor:pointer}.log-entry{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:10px;padding:8px;margin-bottom:5px;border-radius:4px;font-size:12px}.log-entry.win{background:rgba(46,204,113,.2);border-left:3px solid #2ecc71}.log-entry.loss{background:rgba(231,76,60,.2);border-left:3px solid #e74c3c}.footer a,.footer a:visited{color:#999;padding:8px 12px;text-decoration:none}.thank-you-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.small-modal{width:300px;text-align:center;padding:20px}.small-modal button{margin-top:15px}#algoState{display:flex;justify-content:space-around}