:root{color-scheme:dark;--bg:#101b1b;--panel:#182a25;--line:#355044;--mint:#c2f4c8;--text:#eef5ed;--muted:#b3c7bb;--amber:#edbc94;font-family:"Segoe UI","Noto Sans Armenian",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:15px}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.7}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--mint);text-decoration:none}button,select{min-height:40px;border:1px solid #587962;border-radius:7px;background:#213a2e;color:var(--text);padding:8px 12px;font-size:12px}button:hover{border-color:var(--mint)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.primary{background:var(--mint);color:#173c28;font-weight:650;border-color:var(--mint)}.research-header{padding:22px 4%;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:35px}.research-header>a:first-child{font-size:20px;font-weight:700;white-space:nowrap}.research-header>a:first-child span{font-size:11px;display:block;font-weight:400}.research-header>div{flex:1}.research-header h1{font-size:23px;margin:0}.research-header p{font-size:12px;color:var(--muted);margin:3px 0 0}.research-header>a:last-child{font-size:12px}main{max-width:1600px;margin:auto;padding:22px 4% 50px}#mode-tabs{display:flex;gap:8px;flex-wrap:wrap}#mode-tabs button{flex:1;min-width:140px;background:transparent;text-align:left}#mode-tabs button.active{background:var(--mint);color:#173c28;border-color:var(--mint)}#mode-tabs small{display:block;font-size:9px;opacity:.75}.research-intro{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:25px 0}.research-intro h2{font-size:24px;line-height:1.5;margin:3px 0 8px}.research-intro p{margin:0;color:var(--muted);font-size:13px}.research-intro #mode-number{font-size:10px;letter-spacing:1.5px;color:var(--mint)}.preset-label{flex-shrink:0;display:flex;flex-direction:column;font-size:11px;color:var(--muted);gap:6px}.preset-label select{max-width:240px}.research-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.research-stage{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#14251f;min-width:0}.canvas-wrap{position:relative;background:#11251e}#world{width:100%;height:390px;display:block;touch-action:pan-y}#scene-status{position:absolute;top:12px;left:14px;right:14px;pointer-events:none;color:var(--amber);font-size:11px;background:#11251ed9;padding:6px 10px;border-radius:6px;width:fit-content;max-width:calc(100% - 28px)}#scene-status:empty{display:none}.transport{padding:13px 16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#1a3026}.transport label{margin-left:auto;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.transport select{min-height:36px}.transport #clock{font-size:12px;min-width:90px;text-align:right;font-variant-numeric:tabular-nums}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.metric{padding:13px 16px;background:#172a22;min-width:0}.metric span{display:block;color:var(--muted);font-size:11px}.metric strong{font-size:20px;font-weight:600;color:var(--mint);font-variant-numeric:tabular-nums}.metric small{font-size:10px;color:var(--muted);margin-left:6px}.chart-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px 0}.chart-head label{display:flex;align-items:center;gap:10px;font-size:11px}.chart-head select{max-width:230px;font-size:11px}.chart-head button{background:transparent;white-space:nowrap;font-size:11px}#chart{width:100%;height:210px;display:block}.chart-explanation{font-size:11px;color:var(--muted);margin:0;padding:0 18px 16px;line-height:1.7}.research-controls{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--panel);min-width:0}.research-controls h2{font-size:16px;margin:0}.research-controls>p{font-size:11px;color:var(--muted);margin:5px 0 22px}.parameter{margin-bottom:22px}.parameter>label{display:block;font-size:12px;color:var(--muted);line-height:1.7}.parameter>div{display:flex;gap:10px;align-items:center;margin-top:7px}.parameter input[type=range]{width:100%;min-width:0;accent-color:var(--mint);min-height:26px}.parameter input[type=number]{width:75px;flex-shrink:0;padding:5px;border:1px solid #53765d;border-radius:5px;background:#0f2419;color:var(--mint);font-size:12px;min-height:33px}.formula{font-size:13px;color:var(--amber);font-family:Consolas,monospace;line-height:1.8;padding:15px;background:#102219;border-radius:8px;overflow-wrap:anywhere}.research-controls details{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.research-controls summary{font-size:12px;cursor:pointer;color:var(--mint)}.research-controls details p{font-size:12px;color:var(--muted);line-height:1.85}.research-controls details a{font-size:11px}.investigation{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:40px;border:1px solid var(--line);border-radius:14px;padding:28px;background:#182c22}.investigation span{font-size:10px;letter-spacing:1.5px;color:var(--mint)}.investigation h2{font-size:22px;margin:8px 0 18px}.investigation ol{padding-left:22px;font-size:13px;color:var(--muted)}.investigation li{margin:12px 0}.investigation #benchmark{font-size:12px;border:1px solid #4e6b52;border-radius:8px;padding:12px;color:var(--amber)}#notebook label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}textarea{display:block;width:100%;padding:12px;color:var(--text);background:#10241a;border:1px solid #5a7c60;border-radius:8px;resize:vertical;font-size:14px;margin-bottom:15px;min-height:70px}.notebook-actions{display:flex;gap:10px;flex-wrap:wrap}#note-status{font-size:11px;color:var(--muted)}@media(max-width:1050px){.research-grid{grid-template-columns:minmax(0,1fr) 270px;gap:15px}.research-controls{padding:17px}.research-header{gap:20px}.research-header h1{font-size:20px}.metric{padding:12px}.metric strong{font-size:17px}.transport label{margin-left:0}}@media(max-width:800px){.research-header{flex-wrap:wrap;padding:16px 5%;gap:15px}.research-header>div{order:3;flex-basis:100%}.research-header>a:last-child{margin-left:auto}.research-header h1{font-size:22px}.research-grid{display:flex;flex-direction:column}.research-stage,.research-controls{width:100%}.research-intro{display:block;margin:20px 0}.preset-label{margin-top:15px;flex-direction:row;align-items:center}.research-controls{padding:22px}#parameters{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.investigation{grid-template-columns:1fr;gap:20px;padding:22px}#world{height:330px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.transport{padding:12px;gap:7px}.transport button{font-size:11px;padding:8px 10px}.transport label{margin-left:auto}.transport #clock{width:100%;text-align:left}.chart-head{padding:14px 12px 0;align-items:flex-start}.chart-head label{flex-direction:column;align-items:flex-start;gap:5px}.chart-head select{max-width:190px}#mode-tabs{gap:6px}#mode-tabs button{font-size:11px;min-width:130px;padding:8px 10px}.research-intro h2{font-size:22px}}@media(max-width:420px){main{padding-left:12px;padding-right:12px}#parameters{grid-template-columns:1fr}.metric strong{font-size:18px}.transport label{margin-left:0}.chart-head select{max-width:175px}.chart-head button{font-size:10px;padding:7px}.research-header>a:first-child{font-size:17px}.research-header>a:last-child{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:800px){#mode-tabs{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:7px;scrollbar-width:thin;scrollbar-color:#6a8b6e #173024}#mode-tabs button{flex:0 0 175px;scroll-snap-align:start}.research-stage{display:contents}.canvas-wrap{order:1;width:100%;border:1px solid var(--line);border-radius:12px 12px 0 0;overflow:hidden}.transport{order:2;width:100%}.metrics{order:3;width:100%;border:1px solid var(--line);border-radius:0 0 12px 12px;overflow:hidden}.research-controls{order:4}.chart-head{order:5;width:100%;padding:12px}#chart{order:6}.chart-explanation{order:7}.preset-label select{max-width:220px}}

.metrics{background:#172a22}.metrics:has(.metric:nth-child(4)):not(:has(.metric:nth-child(5))){grid-template-columns:repeat(2,minmax(0,1fr))}