.nw-clog{padding:0 max(var(--pad-x), (100% - var(--max-w)) / 2 + var(--pad-x)) 64px}.nw-clog-header{--clog-red:#ff4d6a;border-radius:var(--panel-r);background-color:#0c0c29;background-image:var(--grain-tone), radial-gradient(120% 80% at 50% 0%, #ffffff0f, #fff0 70%), linear-gradient(to right, #1c1c47 0 1px, transparent 1px), linear-gradient(to bottom, #1c1c47 0 1px, transparent 1px);background-blend-mode:overlay, normal, normal, normal;-webkit-user-select:none;user-select:none;background-size:200px 200px,100% 100%,16px 16px,16px 16px;height:240px;margin-top:32px;position:relative;overflow:hidden}@media (max-width:600px){.nw-clog-header{display:none}}.nw-clog-editors{pointer-events:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid;position:absolute;inset:16px}@media (max-width:940px){.nw-clog-editors{grid-template-columns:minmax(0,1fr)}.nw-clog-code+.nw-clog-code{display:none}}.nw-clog-code{opacity:.5;font-family:var(--mono);font-size:var(--text-caption);color:#ffffffd1;white-space:pre;pointer-events:none;line-height:16px;position:relative;overflow:hidden}.nw-clog-code-line{gap:16px;height:16px;display:flex}.nw-clog-code-no{text-align:right;color:#ffffff3d;flex:none;width:3ch}.nw-clog-code .tk-s{color:var(--green)}.nw-clog-code .tk-k{color:#b79cff}.nw-clog-code .tk-f{color:#82aaff}.nw-clog-code .tk-p{color:#ffffff6b}.nw-clog-code .tk-c{color:#ffffff6b;font-style:italic}.nw-clog-code .tk-g{color:var(--pink)}.nw-clog-code .tk-g.is-hot{color:var(--clog-red)}.nw-clog-code-caret{background:#fffc;width:1px;height:14px;margin-bottom:-3px;animation:1s step-end infinite nw-clog-caret;display:inline-block}.nw-clog-code.is-typing .nw-clog-code-caret{animation:none}@keyframes nw-clog-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.nw-clog-code-caret{animation:none}}.nw-clog-bugs{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.nw-clog-kills{font-family:var(--mono);font-size:var(--text-caption);font-weight:500;line-height:var(--lh-caption);color:var(--pink);pointer-events:none;background:linear-gradient(#ffb8f51f,#ffb8f51f),#0c0c29;border:1px solid #ffb8f552;border-radius:999px;align-items:center;gap:8px;margin:0;padding:7px 15px;display:flex;position:absolute;bottom:16px;right:16px}.nw-clog-kills svg{fill:currentColor;width:16px;height:16px}.nw-clog-kills b{font-weight:inherit;font-variant-numeric:tabular-nums}.nw-clog-kills.is-hit b{animation:.25s ease-out nw-clog-kill}@keyframes nw-clog-kill{0%{transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.nw-clog-kills.is-hit b{animation:none}}.nw-clog-health{--hc:var(--green);border:1px solid color-mix(in srgb, var(--hc) 32%, transparent);background:linear-gradient(color-mix(in srgb, var(--hc) 12%, transparent), color-mix(in srgb, var(--hc) 12%, transparent)), #0c0c29;font-family:var(--mono);font-size:var(--text-caption);font-weight:500;line-height:var(--lh-caption);letter-spacing:.08em;text-transform:uppercase;color:#fff9;pointer-events:none;border-radius:999px;align-items:center;gap:8px;margin:0;padding:7px 15px;transition:border-color .2s,background .2s;display:flex;position:absolute;top:16px;right:16px}.nw-clog-health[data-state=hurt]{--hc:var(--pink)}.nw-clog-health[data-state=critical]{--hc:var(--clog-red)}.nw-clog-health-bar{gap:4px;display:flex}.nw-clog-health-bar i{background:color-mix(in srgb, var(--hc) 24%, transparent);width:4px;height:8px}.nw-clog-health-bar i.is-on{background:var(--hc)}.nw-clog-health b{text-align:right;min-width:4ch;font-weight:inherit;letter-spacing:0;color:var(--hc);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.nw-clog-health{transition:none}}.nw-clog-over{z-index:1;text-align:center;opacity:0;visibility:hidden;background:#0c0c29d1;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:opacity .3s,visibility 0s .3s;display:flex;position:absolute;inset:0}.nw-clog-header.is-over .nw-clog-over{opacity:1;visibility:visible;transition:opacity .3s,visibility}.nw-clog-kills{transition:opacity .3s}.nw-clog-health{transition:opacity .3s,border-color .2s,background .2s}.nw-clog-header.is-over .nw-clog-health,.nw-clog-header.is-over .nw-clog-kills{opacity:0}.nw-clog-over-title{font-family:var(--display);font-size:var(--title-m);font-weight:500;line-height:var(--title-m-lh);letter-spacing:-.03em;color:#fff;margin:0}.nw-clog-over-score{font-family:var(--mono);color:#fff9;margin:0;font-size:14px;line-height:24px}.nw-clog-over-score b{color:#fff;font-variant-numeric:tabular-nums;font-weight:500}.nw-clog-over-again{border-radius:var(--btn-r);font-family:var(--mono);font-size:var(--text-caption);line-height:var(--lh-caption);letter-spacing:.08em;text-transform:uppercase;color:#fff9;cursor:pointer;background:0 0;border:0;padding:4px 8px;transition:background-color .15s,color .15s}.nw-clog-over-again:hover{color:#fff;background:#ffffff14}.nw-clog-over-again:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (prefers-reduced-motion:reduce){.nw-clog-over,.nw-clog-header.is-over .nw-clog-over,.nw-clog-over-again,.nw-clog-health,.nw-clog-kills{transition:none}}.nw-clog-list{margin-top:32px}.nw-clog-entry{scroll-margin-top:calc(var(--nav-h) + 32px);grid-template-columns:minmax(200px,1fr) minmax(0,720px) minmax(0,1fr);column-gap:48px;display:grid}.nw-clog-entry:not(:last-child) .nw-clog-entry-body{border-bottom:1px solid var(--line);margin-bottom:48px;padding-bottom:48px}.nw-clog-entry-aside{top:calc(var(--nav-h) + 32px);max-width:200px;margin-top:calc((var(--title-m-lh) - 24px) / 2);align-self:start;position:sticky}.nw-clog-entry-date{font-family:var(--mono);color:var(--text-2);white-space:nowrap;margin:0;font-size:14px;line-height:24px}.nw-clog-entry-aside-title{color:var(--text-1);text-wrap:pretty;opacity:0;visibility:hidden;margin-top:8px;font-size:14px;font-weight:500;line-height:20px;transition:opacity .2s,transform .2s,visibility 0s .2s,color .15s;display:block;transform:translateY(4px)}.nw-clog-entry.is-past .nw-clog-entry-aside-title{opacity:1;visibility:visible;transition:opacity .2s,transform .2s,visibility,color .15s;transform:none}.nw-clog-entry-aside-title:hover{color:var(--blue)}.nw-clog-entry-aside-title:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:2px}.nw-clog-entry-body{justify-self:center;width:100%;max-width:720px}.nw-clog-entry-title{font-family:var(--display);font-size:var(--title-m);font-weight:500;line-height:var(--title-m-lh);letter-spacing:-.03em;color:var(--text-1);text-wrap:balance;margin:0 0 24px}.nw-clog-entry-title a{transition:color .15s}.nw-clog-entry-title a:hover{color:var(--blue)}.nw-clog-entry-title a:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:2px}.nw-clog-video{border:1px solid var(--line);border-radius:var(--btn-r);background:var(--stage);margin-bottom:24px;overflow:hidden}.nw-clog-video iframe{border:0;width:100%;height:100%;display:block}@media (max-width:940px){.nw-clog-entry{grid-template-columns:minmax(0,1fr)}.nw-clog-entry-aside{justify-self:center;width:100%;max-width:720px;margin:0 0 8px;position:static}.nw-clog-entry-aside-title{display:none}}@media (prefers-reduced-motion:reduce){.nw-clog-entry-title a{transition:none}.nw-clog-entry-aside-title{transition:opacity .2s,visibility 0s .2s;transform:none}.nw-clog-entry.is-past .nw-clog-entry-aside-title{transition:opacity .2s,visibility}}