*{box-sizing:border-box;margin:0;padding:0}body{color:#e5e7eb;background:#0b1f1b;height:100vh;font-family:monospace;overflow:hidden}.challenge-layout{flex-direction:column;gap:10px;height:100vh;padding:46px 10px 10px;display:flex}.top-row{flex:1;gap:12px;min-height:0;display:flex}.bottom-row{flex-shrink:0;gap:12px;height:220px;display:flex}.panel,.graph-panel{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.panel-label{text-transform:uppercase;letter-spacing:.15em;color:#9ca3af;text-align:center;flex-shrink:0;height:20px;font-size:.7rem;line-height:20px}.panel canvas{background-color:#274c43;background-image:radial-gradient(at 55% 45%,#2e6b52 0%,#274c43 45%,#1a3530 100%);background-size:cover;flex:1;min-height:0;display:block;box-shadow:0 0 0 3px #5a3a1a,0 0 0 9px #7a4e28,0 0 0 11px #3d2510,0 6px 24px #0009}.graph-panel canvas{background:#0000004d;border:1px solid #ffffff14;border-radius:6px;flex:1;min-height:0;display:block}.status{text-align:center;letter-spacing:.1em;border-radius:4px;padding:6px 10px;font-family:Schoolbell,cursive;font-size:1rem;transition:color .3s,background .3s}.status.idle{color:#9ca3af}.status.pass{color:#6ee7b7;background:#6ee7b714}.status.fail{color:#fb7185;background:#fb718514}.middle{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:12px;width:110px;display:flex}.nav a{color:#9ca3af;letter-spacing:.1em;font-size:.75rem;text-decoration:none}.nav a:hover{color:#facc15}#btn-undo{color:#9ca3af;cursor:pointer;background:#0000004d;border:1px solid #fff3;border-radius:3px;width:100%;padding:5px 12px;font-family:monospace;font-size:.75rem}#btn-undo:hover{color:#facc15;border-color:#facc15}#btn-next{color:#facc15;cursor:pointer;letter-spacing:.05em;background:#facc1514;border:1px solid #facc154d;border-radius:3px;width:100%;padding:5px 12px;font-family:Schoolbell,cursive;font-size:.75rem}#btn-next:hover{background:#facc1526}.challenge-num{color:#6b7280;font-family:monospace;font-size:.7rem}