@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/plex-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/plex-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/mono-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/mono-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/schibsted-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/schibsted-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root,:root[data-theme="light"]{
  --paper:#EDEEF0; --card:#FBFBFC; --wash:#F3F4F6; --ink:#17181B; --ink-2:#474B53; --ink-3:#61666F; --line:rgba(22,24,28,.13);
  --orange:#AC4C09; --orange-fill:#E76F00; --orange-wash:#FCEEDF; --blue:#474B53; --blue-wash:#EDEEF1;
  --ok:#1D7646; --ok-wash:#EAF2EE; --bad:#B3261E; --bad-wash:#F8ECEB;
  --btn-bg:#E76F00; --btn-fg:#0E1B2C; --run-fg:#0E1B2C;
  --code-bg:#F3F4F6; --code-bar:#ECEDF0; --code-line:#E7E9EC; --code-fg:#17181B;
  --tok-kw:#8B3B83; --tok-str:#2D7449; --tok-num:#1E5FA3; --tok-com:#5E636B; --tok-fn:#3A4BA3; --tok-ty:#94560F;
  --term-dim:#5E636B; --term-err:#B3261E; --term-ok:#1D7646; --bug-bg:#F7E3E1; --scope-bg:#F8EBDD;
  --dot-1:#D3D5D9; --dot-2:#D3D5D9; --dot-3:#D3D5D9;
  --shadow:0 1px 1px rgba(22,24,28,.03),0 10px 28px -14px rgba(22,24,28,.12),0 40px 80px -40px rgba(22,24,28,.16);
  --f-display:"Schibsted Grotesk","Avenir Next","Segoe UI",system-ui,sans-serif;
  --f-body:"IBM Plex Sans","Segoe UI",system-ui,-apple-system,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --r:20px;
  --he-shell:rgba(22,24,28,.035); --he-ring:rgba(22,24,28,.075); --he-ring-2:rgba(22,24,28,.13);
  --he-hi:rgba(255,255,255,.95); --he-drop:rgba(22,24,28,.28);
  --he-accent-wash:rgba(231,111,0,.08); --he-accent-soft:#FCEEDF; --he-cta-glow:rgba(231,111,0,.55);
  --he-chip:rgba(22,24,28,.05); --he-pill:#FBFBFC; --he-mk-c:8%; --he-mk-f:10%; --he-mk-t:8%; --he-mk-base:var(--code-bg);
  --he-ease:cubic-bezier(.32,.72,0,1); --he-spring:cubic-bezier(.34,1.36,.64,1);
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#0B0C0E; --card:#141518; --wash:#1A1B1F; --ink:#ECEDEF; --ink-2:#A9ADB5; --ink-3:#8C9199; --line:rgba(255,255,255,.14);
    --orange:#FFA457; --orange-fill:#FF8A1F; --orange-wash:#2E1E10; --blue:#A9ADB5; --blue-wash:#1E2024;
    --ok:#62CF92; --ok-wash:#182720; --bad:#FF8C82; --bad-wash:#2C1F20;
    --btn-bg:#FF8A1F; --btn-fg:#0E1B2C; --run-fg:#0E1B2C;
    --code-bg:#0F1012; --code-bar:#141518; --code-line:#25272C; --code-fg:#E3E5E8;
    --tok-kw:#D8A5E4; --tok-str:#A2D5AF; --tok-num:#9CC6F4; --tok-com:#969BA3; --tok-fn:#B3C0F6; --tok-ty:#E8C48E;
    --term-dim:#969BA3; --term-err:#FF8C82; --term-ok:#62CF92; --bug-bg:#3A1F1E; --scope-bg:#2E2416;
    --dot-1:#2C2E33; --dot-2:#2C2E33; --dot-3:#2C2E33;
    --shadow:0 1px 1px rgba(0,0,0,.4),0 24px 48px -24px rgba(0,0,0,.7);
    --he-shell:rgba(255,255,255,.03); --he-ring:rgba(255,255,255,.075); --he-ring-2:rgba(255,255,255,.14);
    --he-hi:rgba(255,255,255,.06); --he-drop:rgba(0,0,0,.6);
    --he-accent-wash:rgba(255,138,31,.11); --he-accent-soft:#2E1E10; --he-cta-glow:rgba(255,138,31,.35);
    --he-chip:rgba(255,255,255,.07); --he-pill:rgba(255,255,255,.05); --he-mk-c:22%; --he-mk-f:26%; --he-mk-t:20%; --he-mk-base:transparent;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --paper:#0B0C0E; --card:#141518; --wash:#1A1B1F; --ink:#ECEDEF; --ink-2:#A9ADB5; --ink-3:#8C9199; --line:rgba(255,255,255,.14);
  --orange:#FFA457; --orange-fill:#FF8A1F; --orange-wash:#2E1E10; --blue:#A9ADB5; --blue-wash:#1E2024;
  --ok:#62CF92; --ok-wash:#182720; --bad:#FF8C82; --bad-wash:#2C1F20;
  --btn-bg:#FF8A1F; --btn-fg:#0E1B2C; --run-fg:#0E1B2C;
  --code-bg:#0F1012; --code-bar:#141518; --code-line:#25272C; --code-fg:#E3E5E8;
  --tok-kw:#D8A5E4; --tok-str:#A2D5AF; --tok-num:#9CC6F4; --tok-com:#969BA3; --tok-fn:#B3C0F6; --tok-ty:#E8C48E;
  --term-dim:#969BA3; --term-err:#FF8C82; --term-ok:#62CF92; --bug-bg:#3A1F1E; --scope-bg:#2E2416;
  --dot-1:#2C2E33; --dot-2:#2C2E33; --dot-3:#2C2E33;
  --shadow:0 1px 1px rgba(0,0,0,.4),0 24px 48px -24px rgba(0,0,0,.7);
  --he-shell:rgba(255,255,255,.03); --he-ring:rgba(255,255,255,.075); --he-ring-2:rgba(255,255,255,.14);
  --he-hi:rgba(255,255,255,.06); --he-drop:rgba(0,0,0,.6);
  --he-accent-wash:rgba(255,138,31,.11); --he-accent-soft:#2E1E10; --he-cta-glow:rgba(255,138,31,.35);
  --he-chip:rgba(255,255,255,.07); --he-pill:rgba(255,255,255,.05); --he-mk-c:22%; --he-mk-f:26%; --he-mk-t:20%; --he-mk-base:transparent;
  color-scheme:dark;
}

*,*::before,*::after{font-variant-ligatures:none!important}
body{font-family:var(--f-body);text-rendering:optimizeLegibility}
::selection{background:var(--he-accent-soft);color:var(--ink)}
:focus-visible{outline:2px solid var(--orange-fill);outline-offset:3px}
a{text-decoration-color:var(--he-ring-2);text-underline-offset:4px}
a:hover{text-decoration-color:currentColor}
code{background:var(--he-chip);border-radius:6px}
kbd{border:0;border-radius:7px;background:var(--card);color:var(--ink);box-shadow:0 0 0 1px var(--he-ring-2),inset 0 -1px 0 var(--he-ring-2),inset 0 1px 0 var(--he-hi)}
@media (max-width:480px){.lede code{display:inline-block;max-width:100%;white-space:normal}}

h1,h2,h3,h4{font-family:var(--f-display);font-weight:640;letter-spacing:-.025em}
h1{font-weight:640;letter-spacing:-.045em;line-height:.99}
h1 .hl{color:var(--ink-3)}
h3{letter-spacing:-.032em;line-height:1.08}
h4{letter-spacing:-.02em}
.part h2{font-weight:640;letter-spacing:-.04em;line-height:1.02}
.closing h3{font-weight:640;letter-spacing:-.045em}
.lede{color:var(--ink-2);line-height:1.6;text-wrap:pretty}
.counter{font-weight:640;letter-spacing:-.045em}

.frame{border-top-color:var(--he-ring)}
.frame>.eyebrow,.part .eyebrow,.hero .eyebrow{display:inline-flex;align-items:center;gap:9px;max-width:100%;padding:7px 13px 7px 11px;border-radius:999px;background:var(--he-shell);box-shadow:inset 0 0 0 1px var(--he-ring);font:500 12px/1.2 var(--f-mono);letter-spacing:.06em;color:var(--ink-2);overflow-wrap:anywhere;margin-bottom:18px}
.frame>.eyebrow::before,.part .eyebrow::before,.hero .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange-fill);flex:none}
.eyebrow{color:var(--orange)}
.mini{font:500 11px/1.5 var(--f-mono);letter-spacing:.14em;color:var(--ink-3)}

.topbar{background:color-mix(in srgb,var(--paper) 78%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);border-bottom-color:var(--he-ring)}
.brand-mark{width:34px;height:34px;border-radius:50%;background:var(--orange-fill);color:var(--run-fg);box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.brand small{font:500 10.5px/1.25 var(--f-mono);letter-spacing:.14em;color:var(--ink-3)}
.brand b{font:640 15.5px/1.2 var(--f-display);letter-spacing:-.015em}
.crumb{border-left-color:var(--he-ring-2);color:var(--ink-3)}
.progress{height:2px;border-radius:0 2px 2px 0;background:var(--orange-fill)}
.topbar-in>#presentBtn{margin-left:auto}

.btn{font:500 14px/1 var(--f-body);border-radius:999px;border-color:var(--he-ring-2);background:var(--card);color:var(--ink);box-shadow:inset 0 1px 0 var(--he-hi),0 6px 16px -12px var(--he-drop);transition:border-color .5s var(--he-ease),background-color .5s var(--he-ease),box-shadow .5s var(--he-ease),transform .4s var(--he-ease)}
.btn:hover{border-color:color-mix(in srgb,var(--ink) 26%,transparent)}
.btn:active:not([disabled]){transform:scale(.98)}
.btn-primary,.btn-run{background:var(--btn-bg);color:var(--btn-fg);border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 0 1px rgba(14,27,44,.06),0 12px 28px -14px var(--he-cta-glow)}
.btn-primary:hover,.btn-run:hover{border-color:transparent;filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 0 1px rgba(14,27,44,.06),0 16px 34px -14px var(--he-cta-glow)}
.btn-run{color:var(--run-fg)}
.btn[disabled]{opacity:.45}
.wb-r{border-radius:999px;background:var(--he-pill);color:var(--code-fg);box-shadow:inset 0 0 0 1px var(--he-ring-2);font-weight:500}
.wb-r:hover{filter:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--code-fg) 30%,transparent)}

.seg{border-radius:20px;background:var(--he-shell);box-shadow:inset 0 0 0 1px var(--he-ring)}
.seg button{border-radius:16px;font-weight:500;transition:background-color .5s var(--he-ease),color .5s var(--he-ease),box-shadow .5s var(--he-ease)}
.seg button:hover{color:var(--ink)}
.seg button[aria-selected="true"]{background:var(--card);color:var(--ink);box-shadow:0 0 0 1px var(--he-ring),inset 0 1px 0 var(--he-hi),0 6px 14px -8px var(--he-drop)}
.seg.mono button{font-weight:500}

.chip{border-radius:999px;background:var(--he-shell);border-color:var(--he-ring);color:var(--ink-2);font-weight:500}
button.chip:hover{border-color:var(--he-ring-2);background:var(--card)}
.badge{border-radius:999px;padding:5px 9px;font-weight:500;letter-spacing:.06em;background:var(--he-chip)}
.badge.ours{background:var(--orange-fill);color:var(--run-fg)}

.card,.qcard{border-color:transparent;background:var(--card);box-shadow:0 0 0 1px var(--he-ring),inset 0 1px 0 var(--he-hi),var(--shadow)}
.note{border-radius:18px;background:var(--card);box-shadow:0 0 0 1px var(--he-ring),inset 0 1px 0 var(--he-hi)}
.note .ic{color:var(--ink-2)}
.note.warm{background:color-mix(in srgb,var(--orange-fill) 8%,var(--card));box-shadow:0 0 0 1px color-mix(in srgb,var(--orange-fill) 24%,transparent)}
.note.warm .ic{color:var(--orange)}
.tile{border-radius:50%;background:var(--wash);color:var(--orange);box-shadow:inset 0 0 0 1px var(--he-ring),inset 0 1px 0 var(--he-hi)}
.tile.blue{background:var(--wash);color:var(--ink-2)}
.part-ic{border-radius:50%;background:var(--card);color:var(--orange);box-shadow:inset 0 1px 0 var(--he-hi),0 0 0 1px var(--he-ring),0 0 0 6px var(--he-shell),var(--shadow);outline:1px solid var(--he-ring);outline-offset:6px}
.meter{border-radius:999px;background:var(--he-shell);box-shadow:inset 0 0 0 1px var(--he-ring)}
.meter i{border-radius:999px}

.toc .tp>a{font-weight:600;letter-spacing:-.005em}
.toc .tp>a span{font-weight:500;color:var(--ink-3)}
.toc .tf a{color:var(--ink-3);transition:color .4s var(--he-ease)}
.toc .tf a::before{background:var(--he-ring-2);transition:background-color .4s var(--he-ease),transform .5s var(--he-spring)}
.toc .tf a.on{color:var(--ink)}
.toc .tf a.on::before{background:var(--orange-fill);transform:scale(1.25)}

.win{border-radius:22px;box-shadow:0 0 0 1px var(--he-ring),var(--shadow)}
.win-bar{background:var(--code-bar);box-shadow:inset 0 -1px 0 var(--he-ring)}
.dots i{width:10px;height:10px}
.win-name{padding:6px 11px;border-radius:999px;background:var(--he-pill);box-shadow:inset 0 0 0 1px var(--he-ring);font-weight:500;color:var(--term-dim)}
pre.out{border-top-color:var(--he-ring)}
.hero-term{border-top-color:var(--he-ring)}
.game-code,.gm-code,.cp-code,.qcard pre.qcode,.predict .q,.pq{border-radius:16px;box-shadow:inset 0 0 0 1px var(--he-ring)}
.tok.on,.ph.on{border-radius:5px}
.cmdline{border-radius:14px;box-shadow:inset 0 0 0 1px var(--he-ring)}
.copy{border-radius:999px;background:var(--he-pill);box-shadow:inset 0 0 0 1px var(--he-ring-2);font-weight:500}
.copy:hover{filter:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--code-fg) 30%,transparent)}
.wout{border-radius:14px;box-shadow:inset 0 0 0 1px var(--he-ring)}
.win-bar .badge.ok{background:var(--ok-wash);color:var(--ok)}
.wb-r.kind-bad{color:var(--card)}
pre .mk.c{background:color-mix(in srgb,var(--tok-ty) var(--he-mk-c),var(--he-mk-base))}
pre .mk.f{background:color-mix(in srgb,var(--orange-fill) var(--he-mk-f),var(--he-mk-base))}
pre .mk.t{background:color-mix(in srgb,var(--term-ok) var(--he-mk-t),var(--he-mk-base))}

.mem{border-radius:16px;border-color:var(--he-ring-2)}
.mem.set{border-color:transparent;background:var(--card);box-shadow:0 0 0 1px var(--he-ring),inset 0 1px 0 var(--he-hi),0 6px 16px -10px var(--he-drop)}
.mem.flash{border-color:var(--orange-fill)}
.var{border-radius:14px}
.var.chg{background:color-mix(in srgb,var(--orange-fill) 9%,var(--card));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--orange-fill) 45%,transparent)}

.opts button,.og-opts button{border-color:transparent;border-radius:16px;box-shadow:0 0 0 1px var(--he-ring-2),inset 0 1px 0 var(--he-hi),0 4px 12px -8px var(--he-drop);transition:background-color .5s var(--he-ease),box-shadow .5s var(--he-ease),transform .4s var(--he-ease)}
.opts button:not(.right):not(.wrong),.og-opts button:not(.right):not(.wrong),
.cp .opts button:not(.right):not(.wrong),.gm .opts button:not(.right):not(.wrong){background:var(--card)}
.opts button:hover:not([disabled]),.og-opts button:hover:not([disabled]){border-color:transparent;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 28%,transparent),inset 0 1px 0 var(--he-hi),0 8px 18px -10px var(--he-drop)}
.opts button:active:not([disabled]),.og-opts button:active:not([disabled]){transform:scale(.985)}
.opts button.right,.og-opts button.right{background:var(--ok-wash);border-color:transparent;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--ok) 60%,transparent)}
.opts button.wrong,.og-opts button.wrong{background:var(--bad-wash);border-color:transparent;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--bad) 55%,transparent)}
.opts button.right .k,.og-opts button.right .k{color:var(--ok)}
.opts button.wrong .k,.og-opts button.wrong .k{color:var(--bad)}
.qfb b.ok,.cp-fb b.ok,.gm-fb b.ok,.game-msg b.ok{color:var(--ok)}

.cp,.gm{border-color:transparent;border-radius:26px;background:var(--card);box-shadow:inset 0 1px 0 var(--he-hi),0 0 0 1px var(--he-ring),0 0 0 6px var(--he-shell),var(--shadow);outline:1px solid var(--he-ring);outline-offset:6px}
.cp-head,.gm-head{background:var(--wash);border-bottom-color:transparent;box-shadow:inset 0 -1px 0 var(--he-ring)}
.cp-tag,.gm-tag{font-weight:500;line-height:1.3;letter-spacing:.12em;color:var(--orange)}
.cp-n{font-weight:500;letter-spacing:.1em}
.cp-q,.gm-q{letter-spacing:-.005em}
.cp-pills button{border-color:var(--he-ring-2);background:var(--card);font-weight:500;box-shadow:inset 0 1px 0 var(--he-hi);transition:background-color .5s var(--he-ease),border-color .5s var(--he-ease),box-shadow .5s var(--he-ease)}
.cp-pills button.cur{border-color:var(--orange-fill);color:var(--ink);box-shadow:0 0 0 3px var(--he-accent-wash)}
.cp-pills button.ok{background:var(--ok);border-color:var(--ok);color:var(--card)}
.cp-pills button.bad{background:var(--bad);border-color:var(--bad);color:var(--card)}
.cp-review .item{border-left:0;border-radius:16px;box-shadow:inset 3px 0 0 var(--bad),inset 0 0 0 1px color-mix(in srgb,var(--bad) 20%,transparent)}
.gm-dots i{background:var(--he-ring-2)}
.gm-stat{font-weight:500}

.score{background:radial-gradient(70% 140% at 100% 0%,var(--he-accent-wash),transparent 62%),var(--card);color:var(--ink);box-shadow:inset 0 1px 0 var(--he-hi),0 0 0 1px var(--he-ring),0 0 0 6px var(--he-shell),var(--shadow);outline:1px solid var(--he-ring);outline-offset:6px;border-radius:26px}
.score strong{font-weight:640;letter-spacing:-.045em}
.score .btn{background:var(--card);color:var(--ink);border-color:var(--he-ring-2)}
.cps a{border-color:transparent;border-radius:16px;box-shadow:0 0 0 1px var(--he-ring),inset 0 1px 0 var(--he-hi);transition:box-shadow .5s var(--he-ease)}
.cps a:hover{border-color:transparent;box-shadow:0 0 0 1px var(--he-ring-2),inset 0 1px 0 var(--he-hi),0 8px 18px -12px var(--he-drop)}
.cps-total strong{font-weight:640;letter-spacing:-.04em}

.take li{border-color:transparent;box-shadow:0 0 0 1px var(--he-ring),inset 0 1px 0 var(--he-hi),var(--shadow)}
.take li::before{font-weight:640;letter-spacing:-.045em}

.hw label,.hw-item{border-color:transparent;border-radius:18px;box-shadow:0 0 0 1px var(--he-ring),inset 0 1px 0 var(--he-hi),0 6px 16px -12px var(--he-drop);transition:background-color .5s var(--he-ease),box-shadow .5s var(--he-ease)}
.hw label.done,.hw-item.done{background:var(--ok-wash);box-shadow:0 0 0 1px color-mix(in srgb,var(--ok) 26%,transparent)}
.hw-pill{border-color:var(--he-ring);background:var(--card);font-weight:500;box-shadow:inset 0 1px 0 var(--he-hi)}
.hw-pill.full{background:var(--ok-wash);border-color:color-mix(in srgb,var(--ok) 26%,transparent)}
.hw-n{border-radius:999px;background:var(--wash);font-weight:500}
.hw-item.done .hw-n{background:var(--card)}
.hw-x{border-top-color:var(--he-ring-2)}
.hw-x summary{font-weight:500}
.hw-h summary{color:var(--ink-2)}
pre.hw-out{border-radius:14px;box-shadow:inset 0 0 0 1px var(--he-ring);overflow-x:auto}
.hw2,.hw-item{grid-template-columns:minmax(0,1fr)}
@media (max-width:1099px){.hw-tier{grid-template-columns:minmax(0,1fr)}}
.t-x .hw-th .tile{background:var(--orange-wash);color:var(--orange)}

.scroll-x:has(>table):not(:is(.card,.cp,.gm,.qcard,.win) .scroll-x){padding:6px 10px;border-radius:22px;background:var(--card);box-shadow:0 0 0 1px var(--he-ring),inset 0 1px 0 var(--he-hi),var(--shadow);scrollbar-width:thin}
.tools th,.tools td,.prec th,.prec td,.cmp th,.cmp td,.naming th,.naming td,.fsum th,.fsum td,.truth th,.truth td,.ttab th,.ttab td{border-bottom-color:var(--he-ring)}
.scroll-x>table tbody tr:last-child>*{border-bottom-color:transparent}
.tools thead th,.prec thead th,.naming th{font-weight:500;letter-spacing:.12em}
.cmp thead th{font-weight:640;letter-spacing:-.02em;border-bottom-color:var(--he-ring-2)}
.truth td.sep,.truth th.sep{border-left-color:var(--he-ring)}
.tools tr.trap td{background:var(--bad-wash)}

.xp-list button,.mo-list button,.buglist button{border-color:transparent;border-radius:14px;box-shadow:0 0 0 1px var(--he-ring-2),inset 0 1px 0 var(--he-hi);transition:background-color .5s var(--he-ease),box-shadow .5s var(--he-ease),color .5s var(--he-ease)}
.xp-list button:hover,.mo-list button:hover,.buglist button:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 28%,transparent),inset 0 1px 0 var(--he-hi)}
.xp-list button[aria-selected="true"],.mo-list button[aria-selected="true"],.buglist button[aria-selected="true"]{background:color-mix(in srgb,var(--orange-fill) 9%,var(--card));color:var(--ink);border-color:transparent;box-shadow:0 0 0 1px color-mix(in srgb,var(--orange-fill) 40%,transparent),inset 0 1px 0 var(--he-hi)}
.xp-list button[aria-selected="true"] .ic,.buglist button[aria-selected="true"] .ic,.mo-list button[aria-selected="true"] b{color:var(--orange)}
.steps button,.stp-list button,.tbtn,.jp{border-color:transparent;box-shadow:0 0 0 1px var(--he-ring-2),inset 0 1px 0 var(--he-hi);transition:background-color .5s var(--he-ease),box-shadow .5s var(--he-ease),color .5s var(--he-ease)}
.steps button{border-radius:16px}
.tbtn{border-radius:14px}
.jp{border-radius:12px}
.tbtn:hover,.jp:hover{border-color:transparent;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 28%,transparent),inset 0 1px 0 var(--he-hi)}
.steps button[aria-selected="true"],.stp-list button[aria-pressed="true"],.tbtn[aria-pressed="true"]{background:color-mix(in srgb,var(--orange-fill) 9%,var(--card));color:var(--ink);border-color:transparent;box-shadow:0 0 0 1px color-mix(in srgb,var(--orange-fill) 40%,transparent),inset 0 1px 0 var(--he-hi)}
.steps button[aria-selected="true"] small,.steps button[aria-selected="true"] .n{color:var(--orange);opacity:1}
.jp.shared,.jp.thread{box-shadow:inset 0 1px 0 var(--he-hi)}
.layer{border-radius:20px}
.layer.jre{box-shadow:0 0 0 1px var(--he-ring),inset 0 1px 0 var(--he-hi)}
.wbox{border-color:transparent;border-radius:14px;box-shadow:0 0 0 1px var(--he-ring-2),inset 0 1px 0 var(--he-hi)}
.wbox.flash{box-shadow:0 0 0 1.5px var(--orange-fill)}
.steplist>li::before{background:var(--card);color:var(--ink);font-weight:500;box-shadow:0 0 0 1px var(--he-ring-2),inset 0 1px 0 var(--he-hi)}
.hexkey b{padding:1px 6px;border-radius:6px;background:var(--card);box-shadow:0 0 0 1px var(--he-ring)}
.hexkey span:first-child b{background:var(--orange-wash);box-shadow:none}
.hex span.mj{background:var(--card);box-shadow:0 0 0 1px var(--he-ring-2)}
.mo-key .mk.c{background:color-mix(in srgb,var(--tok-ty) 12%,var(--card));box-shadow:inset 0 -2px 0 var(--tok-ty)}
.oc.p1:not(.on){background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 45%,transparent)}
.bnote{box-shadow:inset 0 0 0 1px var(--he-ring)}
.tasks li i{border-color:var(--he-ring-2)}
.xp-text .tile,.rules .tile{border-radius:50%}

.bool{border-color:transparent;border-radius:999px;box-shadow:0 0 0 1px var(--he-ring-2),inset 0 1px 0 var(--he-hi)}
.bool:hover{border-color:transparent;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 28%,transparent),inset 0 1px 0 var(--he-hi)}
.bool b{border-radius:999px}
.cond{border-radius:14px}
.lm-top{border-color:transparent;border-radius:20px;box-shadow:0 0 0 1px var(--he-ring),inset 0 1px 0 var(--he-hi),var(--shadow)}
.lm-phases em.on{color:var(--orange)}
.t-c .hw-th .tile{background:var(--wash);color:var(--ink-2)}

.tl-year,.take li::before,.cp-end .counter,.gm-end .counter,.cl-count .counter,.cl-res.done,.gr-big div:last-child b,.og-final{color:var(--orange)}

.hud{background:color-mix(in srgb,var(--card) 74%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);color:var(--ink);box-shadow:0 0 0 1px var(--he-ring),inset 0 1px 0 var(--he-hi),0 16px 40px -20px var(--he-drop)}
.hud button{background:var(--he-shell);color:var(--ink);box-shadow:inset 0 0 0 1px var(--he-ring)}
html.present .frame>.eyebrow{width:auto;align-self:flex-start}

.foot{border-top-color:var(--he-ring)}

html.bc-framed .brand{display:none}
html.bc-framed .toc{display:none!important}
html.bc-framed .shell{grid-template-columns:minmax(0,1fr)}
html.bc-framed .crumb{display:block;border-left:0;padding-left:0;color:var(--ink-2)}

#bc-home{background:color-mix(in srgb,var(--card) 80%,transparent)!important;color:var(--ink)!important;font:500 13.5px/1 var(--f-body)!important;padding:10px 15px!important;box-shadow:0 0 0 1px var(--he-ring),inset 0 1px 0 var(--he-hi),0 16px 40px -20px var(--he-drop)!important;-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);opacity:1!important}