:root{--sf-water:#9ed3e2;--sf-wall:#59636b;--sf-body:#e3e6e1;--sf-wood:#e6dccb;--sf-rock:#ddd6c6;--sf-rock2:#b3a88f;--sf-air:#f6f7f2;--sf-low:#7a3fc0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sf-water:#1d5f73;--sf-wall:#9aa4ab;--sf-body:#2c3337;--sf-wood:#3a342b;--sf-rock:#2a2924;--sf-rock2:#58533f;--sf-air:#08090a;--sf-low:#c39bff}}:root[data-theme=dark]{--sf-water:#1d5f73;--sf-wall:#9aa4ab;--sf-body:#2c3337;--sf-wood:#3a342b;--sf-rock:#2a2924;--sf-rock2:#58533f;--sf-air:#08090a;--sf-low:#c39bff}.sf-main,.sf-side{flex-direction:column;gap:26px;min-width:0;display:flex}@media (width>=1000px){.sf-grid{grid-template-columns:minmax(0,1.9fr) minmax(330px,1fr);align-items:start}.sf-howp,.sf-grid>.a-thy{grid-column:1/-1}}.sf-scr{padding:0;overflow:hidden}.sf-cv{background:var(--screen);width:100%;height:440px;display:block}.sf-tv{height:200px}.sf-cv.sf-tall{height:620px}@media (width<=620px){.sf-cv{height:330px}.sf-cv.sf-tall{height:520px}.sf-tv{height:170px}}.sf-ex{flex-wrap:wrap;gap:8px 14px;margin:0 0 10px;display:flex}.sf-exg{align-content:start;gap:4px;display:grid}.sf-exr{flex-wrap:wrap;gap:5px;display:flex}.sf-exh{color:var(--ink-3);font-size:12px;font-weight:700}.sf-exb{border:1px solid var(--line);width:82px;color:var(--ink-2);font:500 12px/1.25 var(--sans);cursor:pointer;background:0 0;border-radius:5px;align-content:start;justify-items:center;gap:3px;padding:5px 5px 6px;display:grid}.sf-exb canvas{background:var(--screen);border-radius:3px;width:70px;height:44px;display:block}.sf-exb:hover{border-color:var(--line-2);color:var(--ink)}.sf-exb[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink);font-weight:700}@media (width<=620px){.sf-exb{width:74px;font-size:11.5px}.sf-exb canvas{width:62px;height:39px}}.sf-sb{font-family:var(--sans);justify-content:space-between}.sf-note{font:13px/1.45 var(--sans);color:var(--ink-2)}.sf-lg{flex-wrap:wrap;gap:4px 14px;display:flex}.sf-sw{box-sizing:border-box;background:var(--sf-water);border:1px solid var(--ch2);border-radius:2px;width:12px;height:12px;display:inline-block}.sf-dot{background:var(--ch2);border-radius:50%;width:6px;height:6px;display:inline-block}.sf-dash{border-top:2px dashed var(--ch1);width:16px;display:inline-block}.sf-dash.sf-ink{border-top-color:var(--screen-ink)}.sf-tl{margin-bottom:8px}.sf-tp{flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:10px;display:flex}.sf-clock{min-width:7.5em;font:500 13px var(--mono);color:var(--ink-2)}.sf-acts{flex-wrap:wrap;flex:1 0 100%;order:1;gap:6px;min-height:34px;display:flex}@media (width<=559px){.sf-sp{order:2;margin-left:0}}.sf-act{min-height:34px;font:600 13px/1 var(--sans);padding:0 14px}.sf-sp{margin-left:auto}.sf-sp button{height:30px;font:500 12.5px/1 var(--sans);padding:0 10px}.sf-m .m dd small{font:400 12px var(--sans);color:var(--ink-3)}.sf-how{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.sf-how li{border:1px solid var(--line);border-radius:var(--r);padding:10px 12px}.sf-how h3{align-items:center;gap:8px;margin:0 0 8px;font-size:14px;display:flex}.sf-how h3 b{background:var(--ink);width:20px;height:20px;color:var(--surface);border-radius:50%;flex:none;place-items:center;font-size:12px;display:inline-grid}.sf-how p{color:var(--ink-2);margin:6px 0 0;font-size:13px;line-height:1.5}.sf-mini{aspect-ratio:150/96;background:var(--screen);border-radius:4px;width:100%;max-width:230px;height:auto;display:block}.sf-mini path{fill:none;stroke-linejoin:round;stroke-linecap:round}.sf-hw-w{stroke:var(--sf-wall);stroke-width:2.4px}.sf-hw-f{stroke:none;fill:var(--sf-water)!important}.sf-hw-s{stroke:var(--ch2);stroke-width:1.4px}.sf-hw-t{stroke:var(--sf-wall);stroke-width:7px}.sf-hw-i{stroke:var(--screen);stroke-width:4.4px}.sf-hw-a{stroke:var(--sf-water);stroke-width:4.4px}.sf-hw-d{stroke-dasharray:4 4}.sf-hw-lo{stroke:var(--sf-low)}.sf-hw-l{stroke:var(--ch1);stroke-width:1.5px}.sf-hw-dl{stroke-dasharray:3 3}.sf-hw-wn{stroke:var(--warn)}.sf-hw-lv{stroke:var(--ch2);stroke-width:2px}.sf-hw-q{stroke:var(--ch1);stroke-width:2px}.sf-hw-b{fill:var(--screen);stroke:var(--sf-wall);stroke-width:1px}.sf-hw-x{font:500 11px var(--sans);fill:var(--screen-ink)}.sf-hw-c1{fill:var(--ch1);font-weight:700}.sf-hw-c2{fill:var(--ch2);font-weight:700}.sf-hw-lc{fill:var(--sf-low);font-weight:700}.sf-hw-wt{fill:var(--warn);font-weight:700}
