.la-pics{min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.la-view{min-width:0;min-height:0;position:relative;overflow:hidden}.la-view>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.la-ov{touch-action:none;cursor:crosshair;outline:none}.la-ov.zoomable{cursor:zoom-in}.la-ov.grabbing{cursor:grabbing}.la-ov:focus-visible{box-shadow:inset 0 0 0 2px var(--focus,var(--c-h))}.la-pics[data-tone=dark]{background:var(--bg)}.la-source{z-index:2;right:calc(10 * var(--g));top:calc(10 * var(--g));pointer-events:none;max-width:calc(100% - 20 * var(--g));font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.08em;color:var(--text-3);justify-items:end;gap:1px;display:grid;position:absolute}.la-source>span{padding:1px calc(5 * var(--g));background:color-mix(in srgb, var(--plot-bg) 72%, transparent);border-radius:2px}.la-source>span:empty,.la-source>span[hidden]{display:none}.la-pics.hl-open .la-source,.la-pics:has(.la-hint.on) .la-source{visibility:hidden}.la .la-vb{right:calc(12 * var(--g));bottom:calc(12 * var(--g));z-index:2;position:absolute}.la-result{z-index:3;left:calc(18 * var(--g));bottom:calc(16 * var(--g));width:min(calc(560 * var(--u)), calc(100% - 120 * var(--g)));pointer-events:none;position:absolute}.la-line{margin:0}.la-line[hidden]{display:none}.la-sub{color:var(--text-2);font-size:var(--fs-xs)}.la-antmark{z-index:2;transform:translate(-50%,-50%)}.la-hud{z-index:4;pointer-events:none;position:absolute;inset:0}.la-hlbox{left:calc(12 * var(--g));top:calc(12 * var(--g));z-index:3;align-items:flex-start;gap:calc(8 * var(--g));max-width:calc(100% - 24 * var(--g));flex-wrap:wrap;display:flex;position:absolute}.la .hl-nav{pointer-events:auto;max-width:100%}.la .hl-nav.idle{display:none}.la .la-back{pointer-events:auto;min-height:28px;padding:0 calc(10 * var(--g));background:color-mix(in srgb, var(--plot-bg) 82%, transparent)}.la .la-back[hidden]{display:none}.la-hint,.la-toast{left:50%;top:calc(16 * var(--g));z-index:4;width:max-content;max-width:calc(100% - 150px);padding:calc(7 * var(--g)) calc(14 * var(--g));text-align:center;border:1px solid var(--line);background:var(--plot-bg);backdrop-filter:blur(10px);color:var(--text);font-size:var(--fs-s);pointer-events:none;opacity:0;transition:opacity .6s var(--ease-out);border-radius:2px;line-height:1.45;position:absolute;transform:translate(-50%)}.la-hint.on,.la-toast.on{opacity:1;transition-duration:var(--dur-state)}.la-hint.long{top:calc(56 * var(--g));width:min(calc(600 * var(--g)), calc(100% - 32px));text-align:left;max-width:none;line-height:1.5}.la-hud:has(.la-toast.on) .la-hint:not(.long){opacity:0}.la-panel{color:var(--text);display:grid}.la-sec{min-width:0;display:grid}.la-inset{aspect-ratio:2;width:100%}.la-inset>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.la-tag,.la-hwtag{z-index:1;pointer-events:none;padding:0 calc(4 * var(--g));background:color-mix(in srgb, var(--plot-bg) 72%, transparent);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.06em;color:var(--text-2);border-radius:2px;position:absolute}.la-tag{left:calc(4 * var(--g));top:calc(4 * var(--g));max-width:calc(100% - 8 * var(--g));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.la-hwtag{right:calc(4 * var(--g));bottom:calc(3 * var(--g));max-width:calc(100% - 8 * var(--g));color:var(--text)}.la-hwtag:empty{display:none}.la-row{align-items:center;gap:calc(8 * var(--g));flex-wrap:wrap;display:flex}.la-lab{color:var(--text-3)}.la-steps .la-gap{min-width:calc(4 * var(--g));flex:1 1 0}.la-steps .akey[hidden]{display:none}.la-stepkeys,.la-goto{flex-wrap:nowrap}.la-goto{gap:calc(6 * var(--g))}.la-goto>.akey{margin-inline-start:calc(2 * var(--g))}.la-krow{align-items:center;gap:calc(10 * var(--g)) calc(18 * var(--g));flex-wrap:wrap;display:flex}.la-khead{align-items:baseline;gap:.4em;display:flex}.la-unit{font-family:var(--font-mono);font-size:var(--fs-s);color:var(--text-2)}.la-note{color:var(--text-3);font-size:var(--fs-xs);margin:0;line-height:1.45}.la-note[hidden]{display:none}.la-jump{margin-top:calc(6 * var(--g));font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.04em;color:var(--text-2)}.la-rulehow{color:var(--text-2)}.la-legend,.la-rule-editor{gap:calc(8 * var(--g));display:grid}.la-legend[hidden],.la-rule-editor[hidden]{display:none}.la-rule-summary{align-items:center;gap:calc(8 * var(--g)) calc(12 * var(--g));flex-wrap:wrap;display:flex}.la-rule-summary>.akey{margin-inline-start:auto}.la-rule-summary>.ckey{min-width:0;max-width:100%}.la-custom .la-rulefield{flex:1 1 calc(120 * var(--g));min-width:0}.la-rulenote.bad{color:var(--text)}.la-rulenote.bad:before{content:"▲ ";color:var(--accent)}.la-go{align-content:start;justify-items:end;display:grid}@media (width>=761px){.la .la-panel.panel-layout{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"inset inset""rule rule""board board""steps steps""speed key""bar bar";column-gap:0}.la-inset{grid-area:inset}.la-sec-rule{grid-area:rule}.la-sec-board{grid-area:board}.la-sec-steps{grid-area:steps}.la-sec-speed{grid-area:speed}.la-go{display:contents}.la-key{padding:var(--panel-gap) 0 0 calc(8 * var(--g));border-top:1px solid var(--line);grid-area:key;align-items:center;display:grid}.la-krow{gap:calc(8 * var(--g));flex-wrap:nowrap}.la-panel>.la-look{grid-area:bar}@container phenomenon-column (width<400px){.la-sec-speed{grid-template-columns:minmax(0,1fr);align-items:start}.la-sec-speed>.sec-head{grid-area:1/1}.la-krow{display:contents}.la-khead{grid-area:2/1}.la-krow>.knob{grid-area:3/1;justify-self:start}.la-sec-speed>.la-dir{grid-area:4/1}}@container phenomenon-column (width<270px){.la .la-panel.panel-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"inset""rule""board""steps""speed""key""bar"}.la-key{border-top:0;justify-items:end;padding:0}}}.la-look{position:relative}.la-look .sdr-tray{left:0;right:0;bottom:calc(100% + 4 * var(--g));z-index:5;position:absolute}.la .dkeys{gap:calc(6 * var(--g)) calc(14 * var(--g));flex-wrap:wrap;display:flex}.la .hbtn,.la .hl-step{min-height:24px}@media (width>=761px) and (height<=860px){.la-inset{aspect-ratio:2.6}}@media (width<=760px){.la-pics{border-block:1px solid var(--line);background:var(--bg)}.la-panel{column-gap:calc(12 * var(--g));grid-template-columns:minmax(0,1fr);grid-template-areas:"inset""rule""board""steps""speed""go""bar"}.la-inset{aspect-ratio:1.5;grid-area:inset;align-self:center}.la-go{grid-area:go;align-self:center}.la-panel.panel-layout>.la-go.panel-section{border-top:0;padding-top:0}.la-sec-board{grid-area:board}.la-sec-speed{grid-area:speed}.la-sec-steps{grid-area:steps}.la-sec-rule{grid-area:rule}.la-panel>.la-look{grid-area:bar}.la-result{left:calc(10 * var(--g));bottom:calc(48 * var(--g));width:calc(100% - 20 * var(--g))}.la-hint{white-space:normal;width:calc(100% - 24px);max-width:none}.la-hint.long{top:calc(10 * var(--g))}.la-hlbox{top:auto;bottom:calc(96 * var(--g));left:auto;right:calc(10 * var(--g))}.la .la-vb{right:calc(8 * var(--g));bottom:calc(8 * var(--g))}.la .la-vb>button:not(.la-home,.la-cells){display:none}}@media (width<=980px) and (height<=500px) and (orientation:landscape){.la .la-vb>button:not(.la-home,.la-cells){display:none}}