body{margin:0;background-color:#444;font-family:Arial,Helvetica,sans-serif;overflow:hidden;height:100vh}#app{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;margin:0;padding:0}#cube{margin:0;padding:0;display:flex;align-items:center;justify-content:center}#cube twisty-player{width:70vh;height:70vh}#timer{margin-top:1rem;font-size:2.5em;padding:.5em 1.5em;border:1px solid silver;border-radius:1em;background-color:#333;color:#fff;text-align:center;font-family:Courier New,Courier,monospace;font-weight:700;display:none;z-index:10}#menu-toggle{position:fixed;top:1rem;left:1rem;z-index:1001;background:#0009;color:#fff;border:none;font-size:1.6rem;width:2.5rem;height:2.5rem;border-radius:.4rem;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center}#menu-toggle:hover{background:#000c}.sidebar{position:fixed;top:0;left:-320px;width:300px;height:100vh;background:#222;color:#fff;z-index:1000;transition:left .3s ease;overflow-y:auto;padding:1rem;box-sizing:border-box}.sidebar.open{left:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1.2em;font-weight:700}#sidebar-close{background:none;border:none;color:#fff;font-size:1.6rem;cursor:pointer;padding:0 .3rem;line-height:1}#sidebar-close:hover{color:#ccc}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:999;pointer-events:none;transition:background .3s ease}.sidebar-overlay.open{background:#0006;pointer-events:auto}.controls{margin:1rem 0;display:flex;flex-wrap:wrap;gap:.4rem}.controls button{color:#fff;background-color:#333;border:1px solid silver;padding:.5em 1em;font-weight:700;cursor:pointer;border-radius:1em;font-size:.85em}.controls button:hover{background-color:#555}.info{display:grid;grid-template-columns:7em 1fr;margin:1em 0;gap:.2em 0}.info input{font-size:.75em;font-weight:700;color:#000;background-color:#eee;border:1px solid #333;margin:.2em 0;padding:.4em .6em;font-family:Arial,Helvetica,sans-serif;border-radius:.6em;min-width:0}.info label{white-space:nowrap;font-size:.75em;color:#ccc;text-align:right;margin:auto 0;padding:.3em .5em;font-family:Arial,Helvetica,sans-serif}.info label:after{content:":"}.help{color:#ffffff80;font-family:Arial,Helvetica,sans-serif;font-size:.8em;margin:.5em 0;line-height:1.4}