:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#eef1f6;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,select{font:inherit}.app-shell{width:min(100% - 32px,1000px);margin:24px auto}.demo-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px}.eyebrow{margin:0 0 4px;color:#667085;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;font-size:clamp(26px,4vw,40px);line-height:1.05}#demo-description{max-width:650px;margin:8px 0 0;color:#667085}.demo-controls{display:grid;grid-template-columns:auto auto;gap:8px;min-width:230px}.demo-controls label{grid-column:1 / -1;color:#475467;font-size:13px;font-weight:700}select,button{min-height:40px;border:1px solid #cfd5df;border-radius:8px;background:#fff;color:#172033}select{padding:0 34px 0 12px}button{padding:0 14px;cursor:pointer}button:hover{background:#f8fafc}.demo-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;min-height:40px;margin-top:10px}.motion-permission,.curve-toggle{margin:0;border-color:#2563eb;color:#1d4ed8;font-weight:700}.motion-permission:disabled{cursor:default;opacity:.75}.demo-panel{margin-top:10px}.fracture-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fracture-controls label{display:grid;gap:6px;min-width:0;padding:9px 10px;border:1px solid #d9dee7;border-radius:8px;background:#ffffffbf;color:#475467;font-size:12px;font-weight:700}.fracture-controls input[type=range]{width:100%}.fracture-controls output{color:#667085;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:400}.fracture-controls button{align-self:stretch}.fracture-actions{grid-column:1 / -1;display:flex;gap:8px}.fracture-actions button{flex:1}.fracture-type-legend{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:14px;margin-top:0;padding:8px 10px;border:1px solid #d9dee7;border-radius:8px;background:#ffffffbf;color:#475467;font-size:12px;font-weight:700}.fracture-type-legend[hidden]{display:none}.fracture-type-legend span{display:inline-flex;align-items:center;gap:6px}.fracture-type-legend i{width:11px;height:11px;border:3px solid;border-radius:3px}.fracture-type-legend .group{border-color:#7c3aed;background:#a78bfa}.fracture-type-legend .object{border-color:#2563eb;background:#60a5fa}.fracture-type-legend .debris{border-color:#f97316;background:#fb923c}.wasm-comparison-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wasm-comparison-controls button.active{border-color:#2563eb;background:#2563eb;color:#fff}.wasm-comparison-results{grid-column:1 / -1;padding:9px 11px;border:1px solid #d9dee7;border-radius:8px;background:#ffffffbf;color:#475467;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}canvas{display:block;width:100%;height:auto;border:1px solid #cfd5df;border-radius:12px;background:#fff;box-shadow:0 12px 35px #1720331a;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:contain}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;color:#475467;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.stats>div{min-width:0;padding:9px 11px;overflow-wrap:anywhere;border:1px solid #d9dee7;border-radius:8px;background:#ffffffbf}@media(max-width:720px){.app-shell{width:min(100% - 20px,1000px);margin-top:12px}.demo-toolbar{align-items:stretch;flex-direction:column;gap:14px}.demo-controls{width:100%;grid-template-columns:1fr auto}.stats{grid-template-columns:1fr}.fracture-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}