:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#060607;--fg:#f4f4f6;--dim:#b9bbc3;--line:#ffffff1a;--font:"Atkinson Hyperlegible Next Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"Atkinson Hyperlegible Mono Variable", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{color:var(--fg);background:var(--bg);font:400 1rem/1.6 var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}.ambient{z-index:0;opacity:0;filter:blur(56px)saturate(1.5)brightness(.8);pointer-events:none;width:124%;height:124%;transition:opacity 1.2s;position:fixed;inset:-12%}.ambient.on{opacity:1}body[data-look=bw] .ambient{filter:blur(56px)grayscale()brightness(.8)}body[data-look=warm] .ambient{filter:blur(56px)sepia(.3)saturate(1.5)brightness(.8)}.ambient-veil{z-index:0;pointer-events:none;background:radial-gradient(80% 80%,#0000,#0000008c);position:fixed;inset:0}main{z-index:1;position:relative}.stage{place-content:center;justify-items:center;gap:1rem;min-height:100svh;padding:clamp(1rem,5vw,4rem);display:grid}.player{isolation:isolate;aspect-ratio:16/9;background:#0d0e10;border-radius:14px;width:min(68rem,177.778svh - 21.3333rem,100vw - 2rem);transition:width .32s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 40px 120px #000000a6}.player .media-skin{aspect-ratio:16/9;width:100%;height:100%}.player:after{content:"";z-index:50;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff12 50%,#0000 70%) 0 0/250% 100% no-repeat,#0d0e10;transition:opacity .45s,visibility 0s linear .45s;position:absolute;inset:0}.player.is-loading:after{opacity:1;visibility:visible;transition:none;animation:1.4s ease-in-out infinite skeleton-sweep}@keyframes skeleton-sweep{0%{background-position:120% 0,0 0}to{background-position:-20% 0,0 0}}.player[data-device=tablet]{width:min(48rem,100vw - 2rem)}.player[data-device=mobile]{width:min(24.375rem,100vw - 2rem)}media-i18n,video-player{display:contents}.devices{background:#00000059;border-radius:999px;gap:.25rem;padding:.25rem;display:flex}.devices button{color:#fff9;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:2.75rem;height:2.75rem;display:grid}.devices svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.devices button:hover{color:#fff}.devices button[aria-checked=true]{color:#111114;background:#fff}.devices button:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (width<=52rem){.devices{display:none}}.notes{border:1px solid var(--line);background:#08080ae0;border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 3.5rem;max-width:64rem;margin:0 auto clamp(1rem,5vw,4rem);padding:clamp(1.5rem,5vw,3.5rem);display:grid}.notes-head{grid-column:1/-1}.notes h2{letter-spacing:-.03em;margin:0 0 .5rem;font-size:clamp(2rem,5vw,3rem);font-weight:750;line-height:1.05}.lede{max-width:44rem;color:var(--dim);margin:0;font-size:clamp(1.0625rem,2vw,1.1875rem)}.block h3{color:var(--dim);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .75rem;font-size:.8125rem;font-weight:700}.block p{color:var(--dim);margin:0 0 .75rem}.points,.facts{color:var(--dim);gap:.875rem;margin:0;padding:0;list-style:none;display:grid}.points strong,.facts strong{color:var(--fg);display:block}.facts strong{display:inline}.rules{margin-top:1rem!important}.rules em{color:var(--fg);font-style:normal;font-weight:600}.swatches{gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.swatches li{grid-template-rows:auto auto;grid-template-columns:2.5rem 4.5rem auto;align-items:center;column-gap:.75rem;display:grid}.chip{background:linear-gradient(var(--c), var(--c)), repeating-conic-gradient(#2a2b31 0% 25%, #16171b 0% 50%) 0 0 / 10px 10px;border-radius:10px;grid-row:span 2;width:2.5rem;height:2.5rem;box-shadow:inset 0 0 0 1px #ffffff2e}.chip-veil{background:linear-gradient(#0000,#000c),linear-gradient(135deg,#6f8f5d,#c6a46c)}.sw-name{font-weight:650}.swatches code{color:var(--dim);font:.8125rem var(--mono);justify-self:start}.sw-role{color:var(--dim);grid-column:2/-1;font-size:.875rem}.type{border:1px solid var(--line);background:#101114f2;border-radius:14px;gap:.75rem;margin:1rem 0;padding:1rem 1.125rem;display:grid}.type div{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;display:flex}.t-sample{color:#fff;font-weight:600}.t-label,.t-time{font-size:.875rem}.t-time{font-family:var(--mono);font-variant-numeric:tabular-nums}.t-small{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.8125rem}.t-subtitle{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#101114cc;padding:.1em .35em;font-size:1.125rem;font-weight:500;line-height:1.3}.t-spec{color:var(--dim);font-size:.8125rem}.mono code{font:.8125rem var(--mono);overflow-wrap:anywhere}kbd{font:600 .85em var(--mono);border:1px solid #ffffff59;border-radius:5px;padding:0 .3em}@media (width<=48rem){.notes{grid-template-columns:1fr;margin-inline:1rem}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.ambient,.player,.player:after{transition:none}.player.is-loading:after{animation:none}}@media (forced-colors:active){.ambient,.ambient-veil{display:none}.devices button[aria-checked=true]{outline:2px solid highlight}}