*{box-sizing:border-box}:root{--color-primary: #10b981;--color-secondary: #84cc16;--color-accent: #f59e0b;--color-background: #ffffff;--color-surface: #10b981;--color-text: #000000;--color-text-secondary: #374151;--color-border: #000000;--shadow: none}body{margin:0;min-height:100vh;min-width:1200px;overflow-x:auto;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.05em;background:var(--color-background);color:var(--color-text)}#app{display:flex;flex-direction:column;gap:1.5rem;padding:2rem 2rem 3rem}.app-header,.status-line,.viewer-panel,.panel,.viewer-controls button,.viewer-controls label,.panel dl,.panel h2,button{text-transform:uppercase}.app-header{display:flex;justify-content:flex-start;align-items:flex-start;gap:.75rem;flex-wrap:nowrap}.app-header__intro{flex:0 0 auto;min-width:0}.app-header h1{margin:0;font-size:3rem}.subtitle{margin:0;margin-top:.1rem;margin-bottom:.25rem;color:var(--color-text-secondary);font-size:.85rem}.app-header__credit{margin:0;font-size:.85rem;font-weight:1000;letter-spacing:.03em}.app-header__credit-label{font-size:.7rem;color:var(--color-text-secondary);letter-spacing:.08em;margin-right:.4rem;text-transform:uppercase}.app-header__citation-link{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.05rem}.app-header__citation-link:hover{opacity:.85}.app-header__citation-link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.app-header__citation{border:4px solid var(--color-border);background:var(--color-background);padding:.65rem .9rem;flex:0 1 850px;width:100%;max-width:900px;min-width:0;display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;line-height:1.3;letter-spacing:.03em;text-align:left;text-transform:none;align-self:flex-start;margin-left:auto}.app-header__citation-grid{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.75rem;row-gap:.25rem;align-items:baseline}.app-header__citation-title{display:block;font-size:1.05rem;letter-spacing:.01em;font-weight:600;line-height:1.3}.app-header__citation-author{display:block;font-size:1.05rem;letter-spacing:.01em;font-weight:700;line-height:1.3}.app-header__citation p{margin:0}.app-header__citation-label{font-size:.75rem;font-weight:700;color:var(--color-text-secondary);letter-spacing:.08em;text-align:right}.status-line{display:flex;gap:.5rem;align-items:center;padding:.75rem 1rem;border:4px solid var(--color-border);background:var(--color-accent);box-shadow:var(--shadow);font-size:.9rem;margin-left:auto;flex-shrink:0}.app-tabs-row{display:flex;align-items:stretch;gap:0rem;margin-bottom:0rem;flex-wrap:wrap}.app-tabs{display:flex;gap:.5rem;flex:1 1 auto;min-width:0;border-bottom:4px solid var(--color-border)}.app-tab{border:4px solid var(--color-border);border-bottom:none;background:var(--color-background);color:var(--color-text);padding:.4rem 1rem;font-weight:600;text-transform:uppercase;cursor:cursor}.app-tab--active{cursor:default;background:var(--color-primary)}.app-tabs-row+.view-container{margin-top:0rem}.view-container{width:100%}.view{display:none}.view.view--active{display:block}.layout{display:grid;grid-template-columns:2.4fr 1.2fr;gap:1.5rem;align-items:flex-start}.training-shell{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:1.5rem;align-items:flex-start}.training-shell__left{display:flex;flex-direction:column;gap:1.5rem}.training-shell__right{position:sticky;top:2rem;align-self:flex-start;display:flex;flex-direction:column}.training-episode-nav{display:flex;align-items:center;justify-content:flex-start;column-gap:0;row-gap:.25rem;flex-wrap:wrap}.training-episode-nav__group{display:flex;align-items:center;gap:1rem}.training-episode-nav__btn{border:4px solid var(--color-border);background:var(--color-primary);color:var(--color-text);padding:.25rem .75rem;font-weight:700;cursor:pointer}.training-episode-nav__label{font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:.4rem}.training-episode-nav__input{width:5rem;font:inherit;font-weight:700;text-transform:uppercase;text-align:center;border:3px solid var(--color-border);color:var(--color-text);padding:.1rem .2rem}.training-episode-nav__input:disabled{opacity:.5}.training-action-toggle{display:flex;gap:.75rem;margin:-.5rem 0 0;flex-wrap:wrap}.training-action-toggle__btn{border:3px solid var(--color-border);padding:.35rem .9rem;font-weight:700;text-transform:uppercase;background:var(--color-background);color:var(--color-text);cursor:pointer}.training-action-toggle__btn.is-active{background:var(--color-primary)}.training-action-toggle__btn:disabled{opacity:.4;cursor:not-allowed}.training-speedrun{display:flex;align-items:center;gap:.75rem;padding:.35rem .75rem;background:var(--color-background)}.training-speedrun__btn{border:3px solid var(--color-border);background:var(--color-secondary);color:var(--color-text);padding:.35rem .75rem;font-weight:700;cursor:pointer}.training-speedrun__btn.is-active{background:var(--color-accent)}.training-speedrun__slider{display:flex;flex-direction:column;gap:.1rem;font-size:.7rem}.training-speedrun__slider input[type=range]{width:140px;accent-color:var(--color-primary)}.training-speedrun__slider span:last-child{font-size:.65rem;color:var(--color-text-secondary)}.panel--training-intro,.panel--training-grid,.panel--training-params,.panel--training-weights{background:var(--color-background);border:4px solid var(--color-border);color:var(--color-text)}.panel--training-params{border-top:none}.panel--training-weights{margin-top:1rem}.training-grid{display:flex;flex-direction:column;gap:1rem}.training-grid__row{display:flex;flex-wrap:wrap;background:var(--color-background)}.training-grid__label{flex:0 0 90px;font-weight:700;color:var(--color-text);text-transform:uppercase}.training-grid__cells{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;min-width:0}.training-weights{display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem}.training-weights__row{display:grid;grid-template-columns:5.5rem 1fr;align-items:center;gap:.5rem;padding:.25rem .25rem .1rem}.training-weights__label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-secondary)}.training-weights__cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.training-weights__cell{background:#000000a6;color:var(--color-background);padding:.4rem .3rem;font-family:Courier New,monospace;font-size:.8rem;letter-spacing:.03em;text-align:center;border-radius:.25rem;cursor:default}.training-weights__cell--empty{opacity:.55;font-style:italic}.training-weights__empty{font-size:.75rem;margin-top:.75rem;color:var(--color-text-secondary)}.training-weights__actions{margin-top:.85rem;display:flex;flex-direction:column;gap:.5rem}.training-weights__actions>button{width:100%}.training-tabs{display:flex;gap:.5rem;border-bottom:4px solid var(--color-border)}.training-tabs__button{border:4px solid var(--color-border);border-bottom:none;background:var(--color-background);color:var(--color-text);padding:.4rem 1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.training-tabs__button--active{background:var(--color-primary);cursor:default}.training-tabs+.training-panes{margin-top:-.5rem}.training-pane{display:none}.training-pane--active{display:block}.training-history{display:flex;flex-direction:column;gap:.85rem}.training-history__select{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;font-weight:600}.training-history__select select{padding:.35rem .4rem;background:var(--color-background);color:var(--color-text);border:2px solid var(--color-border)}.training-history__empty{margin:0;font-size:.85rem;color:var(--color-text-secondary)}.training-history__params{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.5rem 1rem}.training-history__params dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.training-history__params dd{margin:0;font-size:.95rem;font-weight:600;color:var(--color-text)}.training-save{border:3px solid var(--color-border);background:var(--color-secondary);color:var(--color-text);padding:.55rem .95rem;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.training-save--secondary{background:var(--color-primary)}.training-save:disabled{opacity:.45;cursor:not-allowed}.training-run{background:var(--color-accent)}.training-run--secondary{background:#fbbf24}.training-chart{background:var(--color-background);padding:0;display:flex;flex-direction:column;gap:.4rem}.training-chart__title{font-size:.75rem;color:var(--color-text-secondary);letter-spacing:normal}.training-chart canvas{width:100%;height:auto;background:#000}.training-chart--reward{margin-top:1rem;padding-top:.5rem}.training-chart--reward canvas{min-height:160px}.training-chart-separator{width:100%;border-bottom:1px solid var(--color-border);margin:1rem 0 1.5rem}.training-form{display:flex;flex-direction:column;gap:1rem}.training-form__field{display:flex;flex-direction:column;gap:.35rem}.training-form__field--checkbox{flex-direction:row;align-items:center;justify-content:space-between}.training-form__label{font-weight:600;font-size:.85rem;color:var(--color-text);text-transform:uppercase}.training-form__label-row{display:flex;align-items:center;gap:.35rem}.training-form__info-wrapper{position:relative;display:inline-flex;align-items:center}.training-form__info-button{border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);width:1.3rem;height:1.3rem;border-radius:50%;font-weight:700;font-size:.65rem;line-height:1;text-transform:uppercase;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.training-form__info-wrapper:hover .training-form__info-button,.training-form__info-wrapper:focus-within .training-form__info-button{color:var(--color-accent);border-color:var(--color-accent)}.training-form__info-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.training-form__info-tooltip{position:absolute;top:calc(100% + .35rem);right:0;min-width:200px;max-width:280px;padding:.5rem .65rem;border:1px solid var(--color-border);border-radius:.35rem;background:var(--color-background);color:var(--color-text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.02em;line-height:1.4;text-transform:none;box-shadow:0 10px 25px #00000026;opacity:0;pointer-events:none;transform:translateY(-.25rem);transition:opacity .15s ease,transform .15s ease;z-index:5}.training-form__info-wrapper:hover .training-form__info-tooltip,.training-form__info-wrapper:focus-within .training-form__info-tooltip{opacity:1;transform:translateY(0)}.training-form__control{display:flex;flex-direction:column;gap:.35rem}.training-form__control input,.training-form__control select{width:100%;padding:.4rem .5rem;border:4px solid var(--color-border);background:var(--color-background);color:var(--color-text);font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.85rem}.training-form__field input[type=checkbox]{width:1.1rem;height:1.1rem;margin-right:.5rem;accent-color:var(--color-accent)}.training-form__pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.training-form__subfield{display:flex;flex-direction:column;gap:.2rem}.training-form__sublabel{font-size:.7rem;text-transform:uppercase;color:var(--color-text-secondary)}.training-actions{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.training-start{border:4px solid var(--color-border);background:var(--color-primary);color:var(--color-text);padding:.75rem 1rem;font-size:1rem;font-weight:700;cursor:pointer}.training-start:disabled{opacity:.6;cursor:not-allowed}.training-status{font-size:.85rem;text-transform:uppercase;color:var(--color-text-secondary)}.viewer-panel{padding:0;display:flex;flex-direction:column;gap:1.5rem}.panel{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.panel.panel--telemetry{padding:1rem;height:100%;display:flex;flex-direction:column;border:4px solid}.viewer-panel{position:sticky;top:2rem;align-self:flex-start}.viewer-lower{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.8fr);gap:1rem;align-items:stretch}@media(max-width:1400px){.viewer-lower{grid-template-columns:1fr}}canvas{width:100%;border:4px solid var(--color-border);box-shadow:var(--shadow)}.viewer-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;align-content:flex-start}.viewer-controls button,button{border:4px solid var(--color-border);background:var(--color-primary);color:var(--color-text);padding:.6rem 1.2rem;font-size:.85rem;cursor:pointer;box-shadow:var(--shadow)}.viewer-controls button[data-running=true]{background:var(--color-accent)}.viewer-controls label.inline{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--color-text-secondary)}.viewer-controls #step-limit-input{width:5rem;border:2.25px solid var(--color-border)}.viewer-controls .clamp-range input[type=number]{width:4rem;font:inherit;padding:.1rem .25rem;border:2px solid var(--color-border);color:var(--color-text)}.viewer-history-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;width:100%}.viewer-params{width:100%;padding-top:.5rem;display:flex;flex-direction:column;gap:.4rem}.viewer-params__title{font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text)}.viewer-params__list{width:100%;column-count:2;column-gap:1.25rem;column-rule:2px solid var(--color-border);font-size:.75rem}.viewer-params__row{break-inside:avoid;display:flex;justify-content:space-between;gap:.35rem;padding:.35rem 0;border-bottom:1px solid var(--color-border)}.viewer-params__row:last-child{border-bottom:none}.viewer-params__label{font-weight:600;color:var(--color-text-secondary)}.viewer-params__value{font-weight:700;color:var(--color-text);text-align:right;flex:0 0 auto}.viewer-params__empty{margin:0;font-size:.72rem;color:var(--color-text-secondary)}.viewer-history-label{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary)}.viewer-history-row select{flex:1;min-width:12rem;padding:.4rem .5rem;border:2px solid var(--color-border);background:var(--color-background);color:var(--color-text);text-transform:none}.viewer-step-row{display:flex;width:100%;flex-wrap:wrap;gap:.5rem}.viewer-step-toggle{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.viewer-step-toggle input,.clamp-toggle input{margin:0}.viewer-step-input{flex:1;font-size:.85rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.viewer-step-input input{width:6rem}.viewer-step-hint{font-size:.75rem;color:var(--color-text-secondary)}.viewer-clamp-row{display:flex;width:100%;flex-wrap:wrap;align-items:center;gap:.5rem}.viewer-clamp-range{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem}.viewer-clamp-range input{width:6rem;border:2px solid var(--color-border)}.sidebar{display:flex;flex-direction:column;gap:1.25rem}.controller-panel{border:4px solid var(--color-border);padding:0;display:flex;flex-direction:column;gap:1rem}.panel h2{margin:0;font-size:1.2rem}.panel dl>div{display:flex;justify-content:space-between;border-bottom:2px solid var(--color-border);padding:.4rem 0;font-size:.85rem}.panel dl>div:last-child{border-bottom:none}.panel--signals{background:transparent;border:none;box-shadow:none;padding-bottom:0}.signal-stack{display:flex;flex-direction:column;gap:1rem}.signal-chart{border:none;box-shadow:none;background:transparent;display:flex;flex-direction:column;gap:.5rem}.signal-chart__header{display:flex;justify-content:space-between;font-size:.65rem;padding:0}.signal-chart canvas{width:100%;height:auto;border:none;background:#000;box-shadow:none}.signal-legend{display:flex;flex-wrap:wrap;gap:.35rem .75rem;font-size:.65rem;color:var(--color-text)}.signal-legend .legend-item{display:flex;align-items:center;gap:.3rem}.signal-legend .legend-swatch{width:18px;height:12px;border:2px solid var(--color-border)}.panel--weights{display:flex;flex-direction:column;gap:1rem}.weights-header p{margin:.25rem 0 0;font-size:.8rem;color:var(--color-text-secondary)}.weight-matrix{display:flex;flex-direction:column;gap:.4rem}.weight-matrix__row{display:grid;grid-template-columns:5.5rem 1fr;align-items:center;gap:.5rem;padding:.35rem .25rem;background:transparent;transition:background .2s ease}.weight-matrix__row--active{background:#0ea5e926;border-radius:.35rem}.weight-matrix__row-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-secondary);width:5.5rem;display:inline-block}.weight-matrix__cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.weight-matrix__cell{background:#000000a6;color:var(--color-background);padding:.4rem .3rem;font-family:Courier New,monospace;font-size:.8rem;text-align:center;cursor:pointer;transition:background .2s ease,color .2s ease;border:none;box-shadow:none}.weight-matrix__cell:hover{background:#f59e0b59;color:#000}.weight-inspector{display:flex;flex-direction:column;gap:.75rem;border-top:1px solid var(--color-border);padding-top:.75rem;width:100%}.weight-inspector[hidden]{display:none}.weight-inspector__header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.weight-inspector__close{border:none;background:transparent;color:var(--color-text);font-size:1.25rem;line-height:1;cursor:pointer;padding:.1rem}.weight-inspector__close:hover,.weight-inspector__close:focus-visible{color:var(--color-accent)}.weight-inspector__plots{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;align-items:stretch;width:100%}.weight-plot{background:#050505;border:1px solid var(--color-border);padding:.5rem;display:flex;flex-direction:column;gap:.4rem;align-items:center;width:100%}.weight-plot__header{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-secondary)}.weight-plot .signal-legend{justify-content:center;color:#fff}.weight-plot canvas{width:100%;height:auto;border:none;margin:0 auto}.weight-sliders{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.weight-slider{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem}.weight-slider__label{display:flex;justify-content:space-between;font-weight:600;color:var(--color-text)}.weight-slider__value{font-size:.75rem;color:var(--color-text-secondary)}.weight-slider input[type=range]{accent-color:var(--color-accent)}button:disabled{opacity:.5;cursor:not-allowed}.weight-matrix__header{display:grid;grid-template-columns:5.5rem 1fr;align-items:center;gap:.5rem;padding:0 .25rem;text-transform:uppercase;font-size:.65rem;color:var(--color-text-secondary)}.weight-matrix__cell-labels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;font-size:.65rem;color:var(--color-text-secondary);text-transform:uppercase}.weight-matrix__cell-labels span{text-align:center}.weight-inspector-host{width:100%}.weight-inspector--inline{margin-bottom:.75rem}.training-reward-axis{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.training-reward-axis__ticks{position:relative;height:1.25rem;border-top:1px solid rgba(255,255,255,.3)}.training-reward-axis__tick{position:absolute;top:0;transform:translate(-50%);font-size:.75rem;color:var(--color-text-secondary)}.training-reward-axis__label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);text-align:center}.training-reward-axis__empty{font-size:.75rem;color:var(--color-text-secondary)}.training-form__seed-refresh{border:1px solid transparent;background:transparent;color:var(--color-text-secondary);width:1.35rem;height:1.35rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;line-height:1;cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.training-form__seed-refresh:hover,.training-form__seed-refresh:focus-visible{color:var(--color-accent);border-color:var(--color-accent);background-color:#0000000a}.training-form__seed-refresh:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}