:root{--bg-color: #eee;--fg-color: #222;--border-color: #ddd;--well-color: #a0a0a0;--fancy-color: #276284;--fancy-hover-color: #1c3d50;--fancy-active-color: #2d6f95}body.prod{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%);--bg-color: #222;--fg-color: #eee;--border-color: #333;--well-color: #505050;--fancy-color: #d89d7b;--fancy-hover-color: #e3c2af;--fancy-active-color: #d2906a}body{justify-content:center;align-items:center;background:var(--bg-color);color:var(--fg-color);height:100vh;margin:0;font-family:sans-serif;flex-direction:column;background-image:url(/assets/joybaby-logo-JGLM5kkf.png);background-repeat:no-repeat;background-size:100% 100vh}#app{display:flex;flex-direction:row;justify-content:center;width:800px;margin:0 auto;gap:20px}canvas{display:block;margin-left:auto;margin-right:auto;width:600px;border:2px solid var(--border-color);border-radius:40px;cursor:none;background-color:var(--bg-color)}.hidden{display:none!important}.invisible{opacity:0;flex-shrink:0;flex-basis:auto}.prod .debug{display:none}button{height:40px;background-color:#2a2a2a;color:#f0f0f0;border:1px solid #444;border-radius:8px;padding:.6em 1.2em;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease}button:hover{background-color:#3a3a3a}button:active{background-color:#222;transform:scale(.97)}button:focus{outline:none;box-shadow:0 0 0 3px #6496fa80}#startControls{width:300px;margin:0 auto}#toggleThemeBtn{position:absolute;top:20px}#status{margin-top:20px}#instructions{width:100%}#instructions summary{cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:15px;width:100%}#controllerSpan{text-transform:capitalize}.info-sidebar{position:relative;flex-shrink:0;flex-grow:0;flex-basis:200px;padding:15px;background:var(--well-color);border:1px solid var(--border-color);border-radius:12px}.info-sidebar h2{margin-top:0;font-size:1.2em;border-bottom:1px solid var(--border-color);padding-bottom:5px}.info-sidebar ul{list-style:none;padding:0;margin:10px 0 0}.info-sidebar li{margin:8px 0;font-size:.95em;display:flex;justify-content:space-between}.info-sidebar li span{font-weight:700;margin-right:8px}.info-sidebar .info-footer{position:absolute;bottom:10px}.info-sidebar .info-footer button{margin:0 auto;width:200px}.center-content{flex:1 0 600px;display:flex;flex-direction:column;align-items:center;min-width:600px}.next{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--fancy-color)}.next:hover{color:var(--fancy-hover-color)}.next:active{color:var(--fancy-active-color)}.button-label{min-width:150px;display:flex;justify-content:space-between}dialog::backdrop{background:#00000080}body.modal-open{filter:blur(3px)}#infoDialog{max-width:800px}