:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,sans-serif;background:#07111f;color:#e9f6ff}*{box-sizing:border-box}.mgl-homebar{--mgl-ink:#e9f6ff;--mgl-accent:#62e6dc;box-sizing:border-box;position:relative;z-index:1;display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:7px 16px;border-bottom:1px solid rgb(98 230 220 / 26%);background:linear-gradient(180deg,#0c1c2e,#081525);color:var(--mgl-ink);font-family:Hiragino Sans,Noto Sans JP,Yu Gothic UI,system-ui,sans-serif;font-size:.8rem;line-height:1.5}.mgl-homebar a{color:var(--mgl-ink);text-decoration:none}.mgl-homebar-brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.04em;white-space:nowrap}.mgl-homebar-brand:hover,.mgl-homebar-link:hover{text-decoration:underline}.mgl-homebar-mark{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:13px solid var(--mgl-accent);border-radius:2px;flex:none}.mgl-homebar-note{color:#93b0c4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mgl-homebar-link{display:inline-flex;align-items:center;min-height:26px;margin-left:auto;padding:3px 12px;border:1px solid rgb(98 230 220 / 50%);border-radius:999px;color:var(--mgl-accent);font-weight:700;white-space:nowrap}.mgl-homebar a:focus-visible{outline:2px solid var(--mgl-accent);outline-offset:2px}@media(max-width:560px){.mgl-homebar{gap:8px;padding:7px 12px;font-size:.75rem}.mgl-homebar-note{display:none}}@media print{.mgl-homebar{display:none}}body{margin:0;background:radial-gradient(circle at 50% -20%,#173956 0,#07111f 50%)}.page-shell{width:min(100%,1380px);margin:0 auto;padding:28px 20px 48px}.page-header{max-width:900px;margin-bottom:18px}.eyebrow{margin:0 0 8px;color:#62e6dc;font-size:12px;font-weight:700;letter-spacing:.12em}h1{margin:0;font-size:clamp(28px,4vw,44px)}.page-header p:last-child,.note{color:#b9d0df;line-height:1.65}.app-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(290px,.9fr);gap:16px;align-items:start}.scene-panel,.control-panel,.orders-panel,.results-panel{border:1px solid #24435f;border-radius:16px;background:#0e2034;box-shadow:0 18px 55px #02081366}.scene-panel{overflow:hidden}canvas{display:block;width:100%;height:auto;aspect-ratio:1280/900}.canvas-error{padding:60px 20px;color:#ffcf72;text-align:center}.control-panel{padding:18px}.control-panel h2,.orders-panel h2{margin:0 0 14px;font-size:18px}form{display:grid;gap:12px}label{display:grid;gap:6px;color:#cce0ea;font-size:14px}select,button{min-height:44px;border:1px solid #315875;border-radius:8px;background:#102a42;color:#e9f6ff;font:inherit}select{padding:0 10px}button{padding:0 12px;cursor:pointer}button:hover:not(:disabled),button:focus-visible{border-color:#62e6dc;background:#18485a}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ffcf72;outline-offset:2px}button:disabled,select:disabled{opacity:.5;cursor:not-allowed}.primary-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:7px;margin-top:16px}.primary-actions [data-action=start]{background:#17605f;border-color:#62e6dc}.route-toggle{display:flex;align-items:center;gap:8px;margin-top:14px}.route-toggle input{width:20px;height:20px}.run-status{color:#62e6dc;font-weight:700}.live-metrics{padding:12px;border-radius:8px;background:#071827;color:#ffcf72;font-weight:700}.note{font-size:13px}.orders-panel,.results-panel{margin-top:16px;padding:18px}.results-panel h2{margin-top:0}.results-panel [data-result]{color:#ffcf72;font-weight:700}.results-panel [data-comparison]{color:#c9dde7}.orders-panel ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 20px;max-height:240px;overflow:auto;margin:0;padding-left:28px;color:#c9dde7;font-size:13px}.orders-panel li{padding:0}.orders-panel li button{width:100%;min-height:36px;padding:4px 7px;text-align:left;font-size:12px}.orders-panel>p{color:#b9d0df;font-size:14px}@media(max-width:900px){.app-grid{grid-template-columns:1fr}.orders-panel ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.page-shell{padding:20px 10px 32px}.scene-panel,.control-panel,.orders-panel,.results-panel{border-radius:12px}.primary-actions,.orders-panel ol{grid-template-columns:1fr}}
