*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#0d0d12}.app{position:relative;width:100%;height:100%}.canvas{width:100%;height:100%;display:block;outline:none;touch-action:none}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;justify-content:center;align-items:center}.overlay>*{pointer-events:auto}.start-buttons{display:flex;gap:16px;flex-direction:column}.start-btn{padding:16px 32px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;cursor:pointer;transition:transform .15s,box-shadow .15s}.start-btn.webgpu{background:linear-gradient(135deg,#10b981,#059669)}.start-btn.webgl{background:linear-gradient(135deg,#f59e0b,#d97706)}.start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.start-btn.webgpu:hover{box-shadow:0 8px 24px #10b98166}.start-btn.webgl:hover{box-shadow:0 8px 24px #f59e0b66}.metrics{position:absolute;top:16px;left:16px;display:flex;gap:16px;padding:12px 16px;background:#000000bf;border-radius:8px;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:13px}.metric{display:flex;flex-direction:column;align-items:center;gap:4px}.label{color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.value{color:#4ade80;font-weight:600;font-size:16px}