:root{font-family:Courier New,monospace;color:#e9f3dc;background:#101812;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#203429 0,#101812 58%)}button,select{font:inherit}button{color:#e9f3dc;cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid #b3f27c;outline-offset:3px}.console{width:min(100% - 36px,1120px);margin:0 auto;padding:42px 0 30px}.topline,footer{display:flex;justify-content:space-between;align-items:center;gap:18px}.eyebrow,.tag{color:#8da995;font-size:10px;letter-spacing:.18em}.pixel-mark{padding:7px 9px;border:1px solid #49614d;color:#b3f27c;font-size:11px}h1{margin:20px 0 12px;color:#f2f7e9;font:26px/1.5 Courier New,monospace;font-weight:900;letter-spacing:.04em;text-shadow:3px 3px #315e45}h1 span{color:#b3f27c}.intro{max-width:760px;margin:0 0 22px;color:#bdcbbb;font-size:14px;line-height:1.8}.strategy-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0 14px}.strategy-button,.controls button{min-height:42px;padding:10px 12px;border:1px solid #49614d;background:#17241b;font-size:11px;font-weight:700;letter-spacing:.05em}.strategy-button:hover,.controls button:not(:disabled):hover{background:#263b2c}.strategy-button.selected{border-color:#b3f27c;color:#b3f27c;box-shadow:inset 3px 0 #b3f27c}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:14px;align-items:stretch}.panel,.simulation-panel,.run-panel{border:1px solid #3b5743;background:#17241b;box-shadow:4px 4px #0a100c}.simulation-panel{min-width:0;padding:17px}.panel-heading,.progress-label{display:flex;justify-content:space-between;gap:10px;color:#8da995;font-size:10px;letter-spacing:.08em}.box-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin-top:14px}.box{display:flex;aspect-ratio:1 / 1;min-width:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;border:1px solid #334839;background:#111b14;color:#647765;font-size:clamp(8px,1vw,10px);transition:background .12s,border-color .12s}.box b{color:#546957;font-size:clamp(10px,1.25vw,14px)}.box.opened{border-color:#58734f;background:#263a2b;color:#93ae8b}.box.opened b{color:#d7ebc9}.box.active{border-color:#d5ff9e;background:#466b3b;box-shadow:0 0 12px #b3f27c55;color:#fff}.box.active b{color:#fff}.run-panel{display:flex;flex-direction:column;padding:20px}.result-line{min-height:52px;margin-top:20px;color:#f0f5e9;font-size:13px;font-weight:700;line-height:1.6}.reveal-line{min-height:35px;margin:0 0 23px;color:#b3f27c;font-size:12px;line-height:1.5}.progress-track{height:8px;margin:8px 0 18px;background:#0d160f}.progress-track i{display:block;height:100%;background:#a5df7a;transition:width .12s linear}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.controls button{min-height:38px;padding:8px;font-size:10px}.controls button:disabled{cursor:not-allowed;opacity:.42}.speed-control{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;color:#8da995;font-size:10px;letter-spacing:.08em}.speed-control select{padding:6px;border:1px solid #49614d;background:#101812;color:#e9f3dc}.run-note{margin:auto 0 0;padding-top:18px;color:#8da995;font-size:11px;line-height:1.6}.run-note.success{color:#b3f27c}.run-note.failure{color:#ffb37f}.explainers{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.explainers .panel{min-height:0;padding:18px 20px}.panel.featured{border-color:#91c973}.panel h2{margin:14px 0 8px;font-size:15px}.panel p{margin:0;color:#b9c7b8;font-size:12px;line-height:1.65}.panel strong{display:block;margin-top:14px;color:#b3f27c;font-size:13px;letter-spacing:.04em}.stats{display:grid;grid-template-columns:minmax(0,2fr) 1fr 1fr;gap:18px;align-items:center;margin-top:18px;padding:18px 20px;box-shadow:none}.stats p{margin:8px 0 0;color:#a9b8a8;font-size:11px;line-height:1.6}.stat{display:flex;flex-direction:column;gap:5px;border-left:1px solid #3b5743;padding-left:16px}.stat span{color:#8da995;font-size:9px;letter-spacing:.12em}.stat b{color:#b3f27c;font-size:19px}.stat small{color:#a9b8a8;font-size:10px}footer{margin-top:18px;color:#758675;font-size:9px;letter-spacing:.08em}@media(max-width:760px){.workspace{grid-template-columns:1fr}.run-panel{min-height:340px}.box-grid{gap:4px}}@media(max-width:520px){.console{width:min(100% - 24px,1120px);padding-top:26px}.topline{align-items:flex-start}.eyebrow{max-width:220px;line-height:1.6}h1{font-size:21px}.strategy-switch,.explainers{grid-template-columns:1fr}.strategy-button{text-align:left}.simulation-panel{padding:10px}.box-grid{gap:3px}.box{font-size:7px}.box b{font-size:9px}.stats{grid-template-columns:1fr 1fr}.stats>div:first-child{grid-column:1 / -1}.stat{padding-left:10px}footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}