.geo{--geo-print:#262626;--geo-mark:#262626;--geo-pen-ink:#1d4fb0;--geo-pen-red:#c62f2f;--geo-pen-green:#1f7a3a;--geo-pick:#e08a00;--geo-paper:#fffef6;--geo-edge:rgba(60, 60, 60, 0.25);--geo-bar:rgba(0, 0, 0, 0.04);margin-block:1.25rem;max-width:40rem;direction:ltr}html.dark .geo{--geo-print:#e6e6e6;--geo-mark:#e6e6e6;--geo-pen-ink:#a9c5fa;--geo-pen-red:#f08080;--geo-pen-green:#7ad394;--geo-pick:#ffb547;--geo-paper:#1c1c1c;--geo-edge:rgba(255, 255, 255, 0.18);--geo-bar:rgba(255, 255, 255, 0.05)}.geo-board{position:relative;width:100%;aspect-ratio:4/3;background:var(--geo-paper);border:1px solid var(--geo-edge);border-radius:0 0 .5rem .5rem;touch-action:none}.geo-figure .geo-board{border-radius:.5rem;touch-action:pan-y}.geo-board.jxgbox{border-color:var(--geo-edge)}.geo:not([data-tool=move]) .geo-board{cursor:crosshair}.geo-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem;padding:.25rem;background:var(--geo-bar);border:1px solid var(--geo-edge);border-bottom:0;border-radius:.5rem .5rem 0 0}.geo-tool{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:.375rem;color:inherit;opacity:.8}.geo-tool:hover{background:var(--geo-bar);opacity:1}.geo-tool[aria-pressed=true]{opacity:1;background:color-mix(in srgb,var(--geo-pen-ink) 16%,transparent);box-shadow:inset 0 0 0 1.5px var(--geo-pen-ink)}.geo-sep{width:1px;align-self:stretch;margin-inline:.15rem;background:var(--geo-edge)}.geo-pens{display:flex;gap:.3rem;padding-inline:.25rem}.geo-pen{width:1.4rem;height:1.4rem;border-radius:50%;border:2px solid transparent}.geo-pen-ink{background:var(--geo-pen-ink)}.geo-pen-red{background:var(--geo-pen-red)}.geo-pen-green{background:var(--geo-pen-green)}.geo-pen[aria-pressed=true]{outline:2px solid currentColor;outline-offset:2px}.geo-ask{min-height:1.6em;margin-top:.35rem;font-size:.95rem;opacity:.8}.geo-ask.geo-warn{color:var(--geo-pen-red);opacity:1}:root[dir=rtl] .geo-ask{direction:rtl;text-align:right}.geo .geo-name{font-size:1.05rem;font-family:inherit}.geo .geo-label{font-size:1.05rem;font-family:times new roman,serif;white-space:nowrap}.geo .geo-name sub{font-size:.7em}.geo-entry{position:absolute;z-index:20;padding:.35rem;border:1px solid var(--geo-edge);border-radius:.5rem;background:var(--geo-paper);box-shadow:0 4px 14px rgba(0,0,0,.18);direction:ltr}.geo-input{display:block;width:100%;padding:.2rem .4rem;font-size:1.05rem;border:1.5px solid var(--geo-pen-ink);border-radius:.3rem;background:var(--geo-paper);color:inherit}.geo-keys{margin-top:.35rem;display:grid;gap:.2rem}.geo-keys-row{display:flex;gap:.2rem}.geo-key{width:2rem;flex:none;height:2.1rem;border-radius:.3rem;background:var(--geo-bar);border:1px solid var(--geo-edge);font-size:1.05rem;color:inherit}.geo-key:hover{border-color:var(--geo-pen-ink)}.geo-key-var{font-family:times new roman,serif;font-style:italic;font-size:1.15rem}.geo-key-do{font-size:.95rem;background:color-mix(in srgb,var(--geo-pen-ink) 12%,transparent)}.geo-tip{position:absolute;inset-inline:.35rem;bottom:calc(100% + .3rem);padding:.25rem .5rem;border-radius:.3rem;background:#333;color:#fff;font-size:.95rem;text-align:center}.geo-tip[hidden]{display:none}@media(max-width:30rem){.geo-key{width:1.75rem;height:2.2rem}}.geo-pick{position:absolute;z-index:21;display:flex;flex-direction:column;gap:.15rem;padding:.25rem;border:1px solid var(--geo-edge);border-radius:.5rem;background:var(--geo-paper);box-shadow:0 4px 14px rgba(0,0,0,.18)}.geo-pick button{padding:.25rem .75rem;border-radius:.35rem;font-family:times new roman,serif;font-style:italic;font-size:1.1rem;text-align:left;color:inherit}.geo-pick button:hover,.geo-pick button:focus-visible{background:color-mix(in srgb,var(--geo-pick) 20%,transparent);outline:none}