.intro{color:var(--muted);margin-top:-10px;margin-bottom:25px}.tag{color:var(--muted);font-size:12px;margin-left:auto}.groups{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.groups button{padding:22px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:1fr auto;gap:10px}.groups span{font:10px var(--mono);color:var(--muted);grid-column:1/-1}.groups strong{font-size:23px}.groups small{color:var(--muted);grid-column:1}.groups b{font:12px var(--mono);color:var(--accent);grid-column:2;grid-row:2}.groups .selected{border-color:var(--accent);background:#18231c}.setup{padding:20px;margin-bottom:20px}.fields{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;gap:15px;align-items:end}label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted)}input,select,textarea{font:inherit;color:var(--text);background:#0b121b;border:1px solid #344252;border-radius:6px;padding:10px;min-width:0;width:100%}button{background:#1b2734;border:1px solid #344252;border-radius:6px;padding:10px 15px;font:inherit;color:var(--text)}button.primary{background:var(--accent);color:#17251a;font-weight:650}.training-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px;align-items:start}.chart-head{padding:18px;display:flex;justify-content:space-between;gap:12px;align-items:center}.chart-head span{font:11px var(--mono);color:var(--muted)}.chart-head h2{margin-bottom:5px}#legend{font:11px var(--mono);color:#adb9c8;padding:0 18px;height:28px}#practice-chart{height:520px}.play-controls{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding:15px}.order-panel{padding:18px}.order-panel label{margin:15px 0}.order-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.buy{color:var(--up);border-color:#376955;background:#18362b}.sell{color:var(--down);border-color:#77444b;background:#38232a}.order-panel>button{width:100%;margin-bottom:10px}.muted{color:var(--muted);font-size:12px;line-height:1.8}.position{padding:14px 0;border-top:1px solid var(--line);font:12px var(--mono);line-height:1.9;white-space:pre-line}.pnl{display:grid;gap:7px;padding:12px 0;border-top:1px solid var(--line)}.pnl span{color:var(--muted);font-size:11px}.pnl strong{font:19px var(--mono)}#status,#save-status{font-size:12px;color:var(--muted);margin-bottom:0}#save-status{color:#e5b379}.results{margin-top:20px}.section-title{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:18px}.section-title span{color:var(--muted);font-size:12px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font:12px var(--mono)}th,td{padding:13px 17px;border-bottom:1px solid var(--line);text-align:left}th{font-weight:400;color:var(--muted);background:#151e29}#history-summary{padding:0 18px}.rules{padding:18px;margin-top:20px;font-size:12px;color:var(--muted);line-height:1.9}.rules summary{cursor:pointer;color:var(--text)}@media(max-width:1100px){.fields{grid-template-columns:repeat(3,minmax(0,1fr))}.training-layout{grid-template-columns:minmax(0,1fr) 250px}.groups strong{font-size:20px}.groups button{padding:17px}}@media(max-width:800px){.training-layout{grid-template-columns:1fr}.groups{gap:8px}.groups button{padding:12px;display:flex;flex-direction:column;gap:8px}.groups strong{font-size:18px}.groups small{font-size:10px}.groups span{font-size:8px}.fields{grid-template-columns:1fr 1fr}.fields>button{grid-column:1/-1}.chart-head{align-items:start;flex-direction:column}#practice-chart{height:430px}.page-heading>.tag{display:none}.play-controls button{flex:1;font-size:12px;padding:10px}.topbar>.tag{font-size:10px}.order-panel{display:block}.groups b{font-size:10px}}

.groups button:disabled{opacity:.8;cursor:default}.groups button.selected:disabled{opacity:1}

.period-toolbar{display:flex;gap:6px;padding:8px 18px 15px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted)}.period-toolbar button{padding:5px 10px;background:transparent;border-color:transparent}.period-toolbar button.active{background:#293c27;color:var(--accent);border-color:#49633a}#period-status{font-size:10px;margin-left:auto}@media(max-width:800px){#period-status{width:100%;margin-left:0}.period-toolbar{padding:8px 12px 12px;gap:3px}}