.slant-root{width:100%;outline:none}.slant-shell{display:grid;gap:1rem;justify-items:center;width:min(100%,58rem);margin:0 auto}.slant-hud{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%}.slant-hud span{display:inline-flex;gap:.35rem;align-items:baseline;padding:.45rem .7rem;border:1px solid var(--border-subtle,#d7dbe4);border-radius:999px;background:var(--surface-elevated,#fff);font-size:.84rem}.slant-frame{position:relative;width:min(92vw,44rem);aspect-ratio:1;margin:1rem}.slant-board{position:absolute;inset:0;display:grid;border:2px solid var(--text-strong,#172033);background:var(--surface-elevated,#fff);box-shadow:0 18px 45px rgba(15,23,42,.12)}.slant-cell{position:relative;min-width:0;min-height:0;padding:0;border:0;border-right:1px solid rgba(100,116,139,.28);border-bottom:1px solid rgba(100,116,139,.28);background:var(--surface-elevated,#fff);cursor:pointer;overflow:hidden;transition:background-color .12s ease}.slant-cell::before{content:"";position:absolute;left:8%;right:8%;top:50%;height:4px;border-radius:999px;background:transparent;transform-origin:center;transition:background-color .12s ease,box-shadow .12s ease}.slant-cell.is-backslash::before{background:#0f766e;transform:rotate(45deg);box-shadow:0 0 0 1px rgba(15,118,110,.08)}.slant-cell.is-slash::before{background:#0f766e;transform:rotate(-45deg);box-shadow:0 0 0 1px rgba(15,118,110,.08)}.slant-cell:hover{background:color-mix(in srgb,var(--surface-elevated,#fff) 88%,#5eead4 12%)}.slant-cell.is-selected{z-index:2;background:color-mix(in srgb,var(--surface-elevated,#fff) 70%,#99f6e4 30%);box-shadow:inset 0 0 0 2px rgba(13,148,136,.48)}.slant-cell:focus-visible{z-index:3;outline:3px solid rgba(13,148,136,.45);outline-offset:-3px}.slant-vertices{position:absolute;inset:0;z-index:5;display:grid;grid-auto-rows:1fr;pointer-events:none}.slant-vertex{display:grid;place-items:center;min-width:1.35rem;min-height:1.35rem;justify-self:center;align-self:center;border-radius:50%;background:transparent;color:transparent;font:850 clamp(.64rem,2vw,.86rem)/1 system-ui,sans-serif;transform:translate(0,0)}.slant-vertex.has-clue{background:var(--surface-elevated,#fff);color:var(--text-strong,#172033);box-shadow:0 0 0 2px rgba(15,23,42,.14),0 2px 6px rgba(15,23,42,.12)}.slant-vertex.is-conflict{background:#fee2e2;color:#b91c1c;box-shadow:0 0 0 2px rgba(185,28,28,.32)}@media(max-width:640px){.slant-shell{gap:.75rem}.slant-frame{width:min(90vw,38rem);margin:.8rem}.slant-hud{gap:.35rem}.slant-hud span{font-size:.76rem;padding:.38rem .55rem}.slant-cell::before{height:3px}.slant-vertex{min-width:1.05rem;min-height:1.05rem;font-size:.67rem}}@media(prefers-reduced-motion:reduce){.slant-cell,.slant-cell::before{transition:none}}