.coord-page.page-width{width:min(100% - 48px,1320px)}.coord-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.coord-layout>*{min-width:0}.coord-input,.coord-result{align-content:start;gap:16px;padding:17px;display:grid}.coord-toggle{grid-template-columns:repeat(2,minmax(0,1fr))}.coord-throws{gap:10px;display:grid}.coord-throw,.coord-point{border:1px solid var(--border-subtle);background:var(--surface-raised);gap:10px;min-width:0;margin:0;padding:10px 12px 12px;display:grid}.coord-throw legend,.coord-point legend{color:var(--text);align-items:center;gap:7px;padding:0 4px;font-size:13px;font-weight:600;display:flex}.coord-throw legend img{image-rendering:pixelated}.coord-throw__remove{border:1px solid var(--border);width:26px;height:26px;color:var(--text-secondary);background:var(--surface);cursor:pointer;place-items:center;margin-left:2px;display:grid}.coord-throw__remove:hover{color:var(--danger)}.coord-fields{gap:8px;display:grid}.coord-fields.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}.coord-fields.is-four{grid-template-columns:repeat(4,minmax(0,1fr))}.coord-field{gap:5px;min-width:0;display:grid}.coord-field>span{color:var(--text-secondary);font-size:12px;font-weight:600}.coord-number{border:1px solid var(--border);width:100%;min-width:0;height:42px;color:var(--text);background:var(--surface);font-family:var(--font-mono);padding:0 10px;font-size:13px}.coord-number:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.coord-number[aria-invalid=true]{border-color:var(--danger)}.coord-field__error{color:var(--danger);font-size:12px}.coord-input>.button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.coord-answer{border:1px solid var(--accent-border-soft);background:var(--accent-panel);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.coord-answer img{image-rendering:pixelated}.coord-answer>div{gap:2px;min-width:0;display:grid}.coord-answer span{color:var(--text-secondary);font-size:12px;font-weight:600}.coord-answer strong[data-numeric]{color:var(--text);overflow-wrap:anywhere;font-size:1.9em}.coord-answer .link-button{color:var(--accent-text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:5px;padding:6px 8px;font-size:12px;font-weight:600;display:inline-flex}.coord-answer .link-button:hover:not(:disabled){border-color:var(--border)}.coord-answer .link-button:disabled{opacity:.4;cursor:default}.coord-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.coord-facts>div{border:1px solid var(--border-subtle);background:var(--surface-raised);gap:2px;padding:9px 11px;display:grid}.coord-facts dt{color:var(--text-muted);font-size:12px}.coord-facts dd{color:var(--text);margin:0}.coord-facts dd[data-numeric]{color:var(--text);font-size:1.35em}.coord-map,.coord-square{border:1px solid var(--border-subtle);background:var(--bg-deep);width:100%;display:block}.coord-map{aspect-ratio:1;justify-self:center;max-width:420px}.coord-map image,.coord-square image{image-rendering:pixelated}.coord-map__grid{stroke:var(--border-subtle);stroke-dasharray:2 4}.coord-map__ray{stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;opacity:.8}.coord-map__throw{fill:var(--surface);stroke:var(--accent);stroke-width:2px}.coord-map__label,.coord-map__compass text{fill:var(--text-secondary);font-family:var(--font-pixel);font-size:9px}.coord-map__compass rect{fill:var(--surface);stroke:var(--border)}.coord-map__compass path{fill:var(--text-secondary)}.coord-map__target circle{fill:var(--surface);stroke:var(--text);stroke-width:2px}.coord-pair,.coord-verdicts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.coord-verdict{border:1px solid var(--border-subtle);background:var(--surface-raised);align-content:start;gap:10px;padding:11px 12px;display:grid}.coord-verdict.is-ok{border-color:var(--success-border)}.coord-verdict.is-miss{border-color:var(--danger)}.coord-verdict__head{color:var(--text);align-items:center;gap:8px;font-size:13px;display:flex}.coord-verdict.is-ok .coord-verdict__head svg{color:var(--success-text)}.coord-verdict.is-miss .coord-verdict__head svg{color:var(--danger)}.coord-verdict p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.coord-square{aspect-ratio:1;max-width:180px}.coord-square__area{fill:#0000;stroke-width:1.5px}.coord-square__area.is-ok{fill:var(--success-soft);stroke:var(--success-border)}.coord-square__area.is-miss{fill:var(--danger-soft);stroke:var(--danger)}.coord-square__target{fill:var(--text)}.coord-point legend .portal-anim{--portal-size:16px}.coord-swap svg{transition:rotate var(--motion-base,.24s) var(--ease-spring,ease-out)}.coord-swap[data-flipped=true] svg{rotate:180deg}.coord-map__pulse,.coord-square__pulse{fill:none;stroke:var(--accent);stroke-width:2px;opacity:0;transform-box:fill-box;transform-origin:50%}.coord-square__pulse{stroke:var(--text)}@media (prefers-reduced-motion:no-preference){.coord-map__ray{stroke-dasharray:var(--ray-length);animation:coord-draw .7s var(--ease-out,ease-out) both}.coord-map__throw,.coord-map__target{animation:coord-pop .42s var(--ease-spring,ease-out) both;transform-box:fill-box;transform-origin:50%}.coord-map__target{animation-delay:.45s}.coord-map__pulse,.coord-square__pulse{animation:coord-pulse 1.8s var(--ease-out,ease-out) infinite}.coord-throw legend img{animation:2.4s ease-in-out infinite coord-bob}.coord-throw:nth-child(2n) legend img{animation-delay:-1.2s}.coord-square__area{animation:coord-pop .48s var(--ease-spring,ease-out) both;transform-box:fill-box;transform-origin:50%}.coord-verdict{animation:coord-rise .42s var(--ease-spring,ease-out) both}.coord-verdict+.coord-verdict{animation-delay:90ms}.coord-answer__flip{animation:coord-flip .42s var(--ease-spring,ease-out) both}}@keyframes coord-draw{0%{stroke-dashoffset:var(--ray-length)}to{stroke-dashoffset:0}}@keyframes coord-pop{0%{opacity:0;scale:.4}}@keyframes coord-pulse{0%{opacity:.9;scale:.6}to{opacity:0;scale:2.2}}@keyframes coord-bob{0%,to{translate:0}50%{translate:0 -3px}}@keyframes coord-rise{0%{opacity:0;translate:0 12px}}@keyframes coord-flip{0%{opacity:0;transform:perspective(200px)rotateY(90deg)}}@media (width<=980px){.coord-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.coord-page.page-width{width:calc(100% - 24px)}.coord-fields.is-four,.coord-pair,.coord-verdicts{grid-template-columns:repeat(2,minmax(0,1fr))}.coord-pair,.coord-verdicts{grid-template-columns:minmax(0,1fr)}.coord-answer{grid-template-columns:28px minmax(0,1fr) auto;padding:10px}.coord-answer strong[data-numeric]{font-size:1.5em}}