.geometry-comparison{--polytope-text:var(--home-foreground,var(--foreground));--polytope-muted:var(--home-muted,var(--muted));--polytope-rule:var(--home-rule,var(--rule));--polytope-rule-strong:var(--home-rule-strong,var(--rule-strong));--polytope-surface:var(--home-raised,var(--raised));--polytope-accent:var(--home-accent,var(--accent));--polytope-mono:var(--font-mono,var(--mono));--projection-height:clamp(14rem, 26vw, 22rem);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);display:grid}.polytope{min-width:0;display:block}.polytope-frame{border:1px solid var(--polytope-rule-strong);background:var(--polytope-surface);border-radius:5px;flex-direction:column;height:100%;margin:0;display:flex;box-shadow:.5rem .5rem #10110e}.polytope-heading,.polytope-caption{color:var(--polytope-muted);font:.71rem/1.5 var(--polytope-mono), monospace;padding:.7rem 1rem}.polytope-heading{border-bottom:1px solid var(--polytope-rule);flex-wrap:wrap;justify-content:space-between;gap:.25rem .75rem;display:flex}.polytope-heading span:first-child{color:var(--polytope-accent);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.polytope-stage{background-color:#151713;background-image:radial-gradient(#d1795324,#0000 72%),radial-gradient(circle at 1px 1px,#dadaca24 1px,#0000 1.5px);background-position:50%,50%;background-size:100% 100%,19px 19px}.polytope-stage canvas{width:100%;height:var(--projection-height);cursor:grab;touch-action:pan-y;display:block}.knowledge-graph-stage{height:var(--projection-height);background-image:radial-gradient(#7b986f25,#0000 72%),radial-gradient(circle at 1px 1px,#dadaca24 1px,#0000 1.5px);place-items:center;display:grid}.knowledge-graph-stage img{object-fit:contain;width:min(90%,28rem);height:100%}.knowledge-graph .polytope-heading span:first-child{color:#bfcaad}.knowledge-graph .polytope-caption{flex:1;align-items:center;display:flex}.polytope-stage canvas:active{cursor:grabbing}.polytope-stage canvas:focus-visible{outline:2px solid var(--polytope-accent);outline-offset:-4px}.polytope-controls{border:0;border-top:1px solid var(--polytope-rule);flex-wrap:wrap;gap:.35rem .45rem;min-width:0;margin:0;padding:.65rem 1rem;display:flex}.polytope-controls button{border:1px solid var(--polytope-rule-strong);min-height:2.25rem;color:var(--polytope-text);font:inherit;cursor:pointer;background:0 0;border-radius:3px;padding:.25rem .65rem;font-size:.8rem}.polytope-controls button[aria-pressed=true]{border-color:var(--polytope-accent);color:var(--polytope-accent)}.polytope-controls button:enabled:hover{background:#ffffff0d}.polytope-controls button:disabled{cursor:default;opacity:.65}.polytope-controls [data-play]{margin-left:auto}.polytope-caption{border-top:1px solid var(--polytope-rule);margin:0}@media (max-width:620px){.geometry-comparison{grid-template-columns:1fr}}