.landing{--ground:#101211;--surface:#181c1a;--plate:#1e2320;--rule:#2c322f;--edge:#363d39;--fg:#e1e4de;--text:#c9cdc6;--muted:#98a099;--faint:#7f8781;--brass:#d9b36b;--brass-fill:#c8a25a;--on-brass:#14120c;--t-cyan:#6ed3e3;--t-green:#a6d86a;--t-yellow:#edc65a;--t-red:#f0827c;--t-mag:#c79bf2;--t-blue:#7fa8ff;--t-pink:#ff7fd0;--t-badge:#6259e8;--t-mark:#38347a;--t-line:#3a403d;--mono:var(--sl-font-mono);color:var(--text);font-size:16px;line-height:1.6;& [hidden]{display:none!important}&>section{max-width:820px;margin:0 auto}& h1,& h2,& p{margin:0}& a{color:var(--fg);text-underline-offset:3px;text-decoration-color:var(--faint)}& code{font:.875em var(--mono);color:var(--fg)}& pre{font:inherit;color:inherit;background:0 0;border:0;margin:0;padding:0;overflow:visible}& button:focus-visible,& a:focus-visible{outline:2px solid var(--brass);outline-offset:2px}& .hero{gap:34px;padding-block:52px 36px;display:grid}& .hero-copy{text-align:center;justify-items:center;gap:20px;min-width:0;display:grid}& h1{letter-spacing:-.03em;color:var(--fg);font-size:clamp(38px,6vw,64px);font-weight:600;line-height:1.04;& em{color:var(--brass);font-style:normal}& .blk{background:var(--brass);vertical-align:-.05em;width:.46em;height:.8em;margin-left:.14em;display:inline-block}}& .lede{gap:4px;display:grid;& p{color:var(--muted);font-size:20px}& .platforms{font-size:14px}}& .get{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 14px;max-width:100%;display:flex}& .btn{font:600 15px var(--sl-font);background:var(--brass-fill);color:var(--on-brass);border-radius:4px;padding:10px 20px;text-decoration:none;display:inline-flex}& .cmd{min-width:0;max-width:100%;font:13.5px var(--mono);background:var(--surface);border:1px solid var(--rule);border-radius:4px;align-items:center;gap:12px;padding:9px 10px 9px 14px;display:flex;& .sh{color:var(--faint);user-select:none}& .txt{white-space:nowrap;overflow-x:auto}& button{font:12px var(--sl-font);color:var(--muted);border:1px solid var(--rule);cursor:pointer;background:0 0;border-radius:3px;padding:2px 8px}& button:hover{color:var(--fg)}}& .feat{gap:14px;min-width:0;display:grid}& .striprow{align-items:center;min-width:0;min-height:40px;display:flex}& .strip{flex-wrap:wrap;flex:1;gap:6px;min-width:0;display:flex;& button{font:14px var(--mono);cursor:pointer;color:var(--muted);background:#232826;border:0;padding:3px 10px}& button:hover{color:var(--fg)}& button[aria-pressed=true]{background:var(--t-badge);color:#f4f2dc}}& .deckrow{grid-template-columns:minmax(0,1fr);gap:18px;min-width:0;display:grid}& .deckwrap{min-width:0;position:relative}& .deck{padding-bottom:40px;display:grid;container-type:inline-size}& .card{background:var(--surface);border:1px solid var(--edge);transform-origin:50% 100%;min-width:0;transform:translateY(calc(var(--p) * 9px)) scale(calc(1 - var(--p) * .026));filter:brightness(calc(1 - var(--p) * .16));border-radius:5px;flex-direction:column;grid-area:1/1;transition:transform .36s cubic-bezier(.2,.7,.2,1),filter .36s,opacity .3s;display:flex;overflow:hidden;box-shadow:0 26px 56px -24px #000}& .card:not(.front){cursor:pointer}& .card.out{opacity:0;pointer-events:none;z-index:20!important;filter:none!important;transform:translate(-46px,42px)rotate(-3deg)!important}& .stage{flex-direction:column;flex:1;min-width:62ch;display:flex}& .key{z-index:30;background:var(--ground);border:1px solid var(--edge);opacity:0;pointer-events:none;border-radius:10px;align-items:center;gap:10px;width:fit-content;height:fit-content;margin:auto;padding:5px 7px 5px 13px;transition:opacity .16s,transform .16s;display:flex;position:absolute;inset:0 0 40px;transform:translateY(5px);box-shadow:0 12px 26px -8px #000;& span{font:13px var(--mono);color:var(--brass);white-space:nowrap}& kbd{font:600 18px var(--mono);color:var(--on-brass);background:var(--brass);border:1px solid #f0d596;border-bottom:4px solid #8f7038;border-radius:7px;padding:3px 14px;transition:transform 90ms,border-bottom-width 90ms}& kbd.press{border-bottom-width:1px;transform:translateY(3px)}}& .key.show{opacity:1;transform:none}& .side{border:1px solid var(--rule);background:#141716;border-radius:5px;flex-direction:column;min-width:0;margin-bottom:40px;display:none;overflow:hidden}& .sidehead{font:12.5px var(--mono);color:var(--muted);border-bottom:1px solid var(--rule);padding:6px 16px}& .sidebody{flex:1;grid-template-columns:minmax(0,1fr);align-content:center;padding:8px 14px;display:grid;overflow:auto;& pre{font:10.5px/1.4 var(--mono);color:var(--text);white-space:pre}}& .ln{padding-block:2px;transition:background-color .18s}& .ln.hit{background:var(--t-mark);color:#f4f2dc}& .ln.hit span{color:inherit}& .k{color:var(--t-mag)}& .s{color:var(--t-green)}& .n{color:var(--t-yellow)}& .cm{color:var(--faint)}& .f{color:var(--t-cyan)}& .keysgrid{grid-template-columns:auto minmax(0,1fr);align-content:start;gap:9px 16px;font-size:14px;display:grid;& code{color:var(--brass);white-space:nowrap}}& .desc{text-align:center;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:center;gap:6px;min-height:7.2em;display:grid;& p{max-width:64ch}& h2{letter-spacing:-.015em;color:var(--fg);font-size:24px;font-weight:600;line-height:1.25}}& .more{font-size:14px}& .snip{font:13px/1.6 var(--mono);color:var(--text);background:var(--surface);border:1px solid var(--rule);border-radius:4px;max-width:100%;margin-block:8px 4px;padding:9px 14px;display:none;overflow-x:auto;& pre{white-space:pre}}& .swap{animation:.28s ease-out swap}& .closing{border-top:1px solid var(--rule);text-align:center;padding-block:24px 56px;& p{color:var(--muted)}}& .rt{font:14px/1.4 var(--mono);color:var(--text);flex-direction:column;flex:1;min-width:0;padding:14px 16px 8px;font-size:clamp(6.5px,2.5cqw - .85px,12.5px);display:flex;position:relative;overflow:hidden;&>*{min-width:62ch}& .out,& .num,& .bar,& .hbox{white-space:pre}& .out{overflow:hidden}& b{color:#eef0ea;font-weight:600}& .grow{margin-top:auto}}& .hr{border-top:1px solid var(--t-line);margin-block:.45em}& .bar{justify-content:space-between;display:flex}& .tsel{color:var(--surface);background:#d4d7d0}& .ttl{background:var(--t-badge);color:#f4f2dc;padding:0 1ch}& .phead{align-items:center;display:flex;& i{border-top:1px solid var(--t-line);flex:1}}& .inl{display:none}& .row{color:#cfd2cb;white-space:pre;overflow:hidden}& .row.on{background:var(--t-badge);color:#f4f2dc}& .mt{color:var(--t-pink);font-weight:600}& .help{color:var(--faint);white-space:pre}& .query{white-space:pre;justify-content:space-between;display:flex}& .lbl{white-space:pre;color:var(--faint);align-items:center;gap:1ch;margin-block:.45em;display:flex;&:before,&:after{content:"";border-top:1px solid var(--t-line);width:1ch}&:after{order:9}& i{border-top:1px solid var(--t-line);flex:1}& .end{order:8}}& .num span{color:var(--faint)}& .hbox{border-top:1px solid var(--t-line);padding:.55em 0 0 1ch;position:relative;&>.ttl{line-height:1.4;position:absolute;top:-.72em;left:0}}& .tri{flex:1;grid-template-columns:14ch minmax(0,1fr) 26ch;display:grid;&.hid{grid-template-columns:minmax(0,1fr) 26ch}&.hid .col.left{display:none}}& .main{align-content:end;min-width:0;padding-inline:1ch;display:grid;& .hr{margin-inline:-1ch}}& .col{padding-top:.7em;display:grid;overflow:hidden}& .col.left{border-right:1px solid var(--t-line);grid-template-rows:1fr 1fr;gap:1.4em;& .hbox{padding:.55em 1ch 0 0}}& .col.right{border-left:1px solid var(--t-line)}& .gauge{background:var(--t-line);width:14ch;height:.7em;display:inline-block;&.short{width:8ch}& i{height:100%;display:block}& .hp{background:var(--t-green);width:85%}& .ep{background:var(--t-blue);width:81%}}& .c{color:var(--t-cyan)}& .g{color:var(--t-green)}& .y{color:var(--t-yellow)}& .r{color:var(--t-red)}& .d{color:var(--faint)}& .cursor{color:#0000;background:#d4d7d0;width:.6em;display:inline-block}@media (width>=960px){&>section{max-width:1120px}& .deckrow{grid-template-columns:minmax(0,1fr) clamp(404px,40%,440px)}& .side{height:0;min-height:calc(100% - 40px);display:flex}}@media (width>=960px) and (width<=999px){& .sidebody pre{line-height:1.32}}@media (width<=980px){& .key{border-radius:8px;padding:3px 3px 3px 9px}& .key span{font-size:12px}& .key kbd{border-radius:5px;padding:1px 9px;font-size:13px}}@media (width<=959px){& .inl,& .snip:not(:empty){display:block}& .desc{min-height:218px}}@media (width<=640px){& .hero{padding-block:36px 28px}& .get{display:grid}& .btn{justify-content:center}& .get .cmd{display:none}& .desc{min-height:11em}& .snip:not(:empty){display:none}}@media (prefers-reduced-motion:no-preference){& .cursor,& h1 .blk{animation:1.1s step-end infinite blink}}@media (prefers-reduced-motion:reduce){& .card,& .swap,& .key,& .key kbd,& .ln{transition:none;animation:none}}}@keyframes blink{50%{opacity:0}}@keyframes swap{0%{opacity:0;transform:translateY(5px)}}.content-panel:has(>.sl-container>h1#_top),h1#_top{display:none}.content-panel:has(.landing){padding:0 16px}.content-panel .sl-container:has(.landing){max-width:none}
