*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#0a0a0f;width:100%;height:100%;overflow:hidden}#app{justify-content:center;align-items:center;width:100%;height:100%;display:flex}canvas{display:block}#controls{z-index:100;align-items:center;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}#controls button{color:#fff;cursor:pointer;background:#fff3;border:1px solid #fff6;border-radius:6px;padding:10px 16px;font-family:monospace;font-size:14px;transition:all .2s}#controls button:hover{background:#ffffff4d;border-color:#fff9}#timeRow{text-align:center;color:#fff;background:#ffffff1a;border-radius:6px;min-width:100px;padding:10px 16px;font-family:monospace}#timeDisplay{font-size:16px}#credit{z-index:101;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;left:20px}#credit span{color:#fff;font-family:monospace;font-size:14px;font-weight:700}