:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;justify-content:center;min-height:100vh;background:#eaeaea}h1{font-size:3.2em;line-height:1.1}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.app{width:850px}.app .top_nav{display:flex;justify-content:flex-end;align-items:center}.app .top_nav .help_icon{height:40px}.app .top_nav .github_icon{height:35px;margin-left:10px}.app .title{-webkit-user-select:none;user-select:none;margin-top:10px}.app .title img{height:1.25em;vertical-align:middle;margin-left:1rem}.app .content{display:flex;justify-content:center}.app .content .hp_container{width:50%}.control_panel{display:grid;gap:12px}.control_panel .control_panel_input_container{display:flex;justify-content:space-between;align-items:center}.control_panel .control_panel_input_container label{font-weight:700;-webkit-user-select:none;user-select:none}.control_panel .control_panel_input_container .control_panel_input{padding:6px;border-radius:4px;margin-left:20px}.control_panel .control_panel_simulate_button{height:30px;margin:10px 0;font-weight:700}.hp_container{display:flex;justify-content:center;align-items:center;width:50%}.logs{width:850px;padding-top:10px;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.globe_container{width:250px;height:250px;border-radius:50%;border:3px solid #000;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.globe_container .hp_fill{position:absolute;bottom:0;width:100%;background-color:#ef4444}.globe_container .hp_text{position:absolute;font-size:1.5rem;font-weight:700;color:#222;pointer-events:none;-webkit-user-select:none;user-select:none}