.challenge-app{--challenge-inline:max(var(--gutter), env(safe-area-inset-left,0px), calc((100% - 1200px) / 2));min-height:100dvh;color:var(--silk)}.challenge-app button,.challenge-app a,.challenge-list a{min-height:44px;color:var(--silk);padding:8px 12px;font-weight:600}.challenge-app button{cursor:pointer;background:0 0;border:0}.challenge-app button,.challenge-app .challenge-primary{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.challenge-app button:not(.challenge-primary):not(:disabled):active{background:var(--mask-sunken);transition:background-color var(--dur-fast) var(--ease-out)}.challenge-app button:disabled{opacity:.5;cursor:default}.challenge-app button .icon,.challenge-app output .icon{flex:none;width:18px;height:18px}.challenge-kicker,.challenge-list .challenge-focus,.challenge-meta>span:first-child,.challenge-stats dt,.challenge-filters label>span:first-child,.stage-count{font-family:var(--font-mono);font-size:var(--micro);letter-spacing:.08em;text-transform:uppercase;color:var(--silk-muted);font-weight:500}.challenge-meta{align-items:center;gap:10px;display:inline-flex}.challenge-difficulty{gap:3px;display:inline-flex}.challenge-difficulty span{background:color-mix(in srgb, var(--silk) 14%, transparent);border-radius:3px;width:12px;height:6px}.challenge-difficulty span[data-on=true]{background:var(--silk)}.challenge-progress{min-width:0;color:var(--silk-muted);font-family:var(--font-mono);font-size:var(--micro);align-items:center;gap:10px;display:inline-flex}.challenge-progress>span:first-child{white-space:nowrap}.challenge-bar{background:color-mix(in srgb, var(--silk) 10%, transparent);border-radius:999px;block-size:6px;inline-size:72px;display:block;overflow:hidden}.challenge-bar>span{border-radius:inherit;background:var(--silk);block-size:100%;transform:scaleX(var(--done,0));transform-origin:0;transition:transform var(--dur-scene) var(--ease-out);display:block}:dir(rtl) .challenge-bar>span{transform-origin:100%}.challenge-header{padding:16px var(--challenge-inline) 4px;justify-items:start;gap:6px;display:grid}.challenge-header>a{border-radius:var(--radius-m);color:var(--silk-muted);transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);align-items:center;gap:8px;margin-block-end:8px;margin-inline-start:-12px;font-weight:500;text-decoration:none;display:inline-flex}.challenge-header>a:before{content:"";border-block-end:1.75px solid;border-inline-start:1.75px solid;block-size:8px;inline-size:8px;rotate:45deg}.challenge-header>a:dir(rtl):before{rotate:-135deg}@media (hover:hover) and (pointer:fine){.challenge-header>a:hover{color:var(--silk);background:color-mix(in srgb, var(--silk) 6%, transparent)}}.challenge-kicker{margin:0}.challenge-header h1{font-size:var(--display-l);letter-spacing:-.035em;margin:0;line-height:1.05}.challenge-header-meta{flex-wrap:wrap;align-items:center;gap:8px 28px;margin-block-start:10px;display:flex}.challenge-stages{--node:40px;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--challenge-inline,24px);scrollbar-width:thin;padding:24px var(--challenge-inline,24px);font-size:var(--small);gap:0;margin:0;list-style:none;display:flex;overflow-x:auto}.challenge-stages>li{scroll-snap-align:start;flex-direction:column;flex:1 0 116px;align-items:flex-start;gap:10px;max-width:200px;padding-inline-end:16px;display:flex;position:relative}.challenge-stages>li>span:not(.challenge-pad){color:var(--silk);overflow-wrap:anywhere;font-weight:500;line-height:1.35}.challenge-stages>li[data-final]>span:not(.challenge-pad){color:var(--silk-muted)}.challenge-stages>li:before{content:"";inset-block-start:calc(var(--node) / 2 - 1px);inset-inline:calc(var(--node) / 2) calc(var(--node) / -2);background:color-mix(in srgb, var(--silk) 18%, transparent);block-size:2px;position:absolute}.challenge-stages>li[data-passed=true]:before{background:var(--silk)}.challenge-stages>li:last-child:before{display:none}.challenge-stages small{color:var(--silk-muted);font-variant-numeric:tabular-nums}.challenge-pad{z-index:1;inline-size:var(--node,40px);block-size:var(--node,40px);border:1.5px solid var(--border-strong);background:var(--mask-raised);color:var(--silk);font-family:var(--font-mono);font-size:var(--small);font-variant-numeric:tabular-nums;transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid;position:relative}.challenge-pad[data-final]{border:1.5px dashed var(--silk-muted);background:var(--mask-raised);border-radius:12px}.challenge-pad-glyph{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.challenge-pad-badge{border:1.5px solid var(--silk);background:var(--mask);fill:none;width:18px;height:18px;stroke:var(--silk);stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;border-radius:50%;padding:1px;position:absolute;inset-block-start:-5px;inset-inline-end:-5px}.challenge-stages>li[data-passed=true]>.challenge-pad{border:1.5px solid var(--silk);background:var(--silk);color:var(--mask);border-style:solid}.challenge-stages>li[aria-current=step]>.challenge-pad{border:2px solid var(--primary);background:var(--mask-raised);color:var(--silk);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 14%, transparent)}.challenge-stages>li[aria-current=step]>.challenge-pad:after{content:"";border:2px solid var(--primary);border-radius:inherit;opacity:0;pointer-events:none;position:absolute;inset:-2px}@media (prefers-reduced-motion:no-preference){:root:not([data-reduced-motion=true]) .challenge-stages>li[aria-current=step]>.challenge-pad:after{animation:challenge-halo 2.2s var(--ease-out) infinite}}@keyframes challenge-halo{0%{opacity:.6;transform:scale(1)}70%,to{opacity:0;transform:scale(1.6)}}.challenge-overview{margin:8px var(--challenge-inline) 48px;grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.challenge-overview-text{gap:20px;min-width:0;display:grid}.challenge-overview-text>p{margin:0}.challenge-lead{font-size:1.125rem;line-height:1.6}.challenge-final-note{--node:40px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--mask-raised);box-shadow:var(--shadow-1);align-items:flex-start;gap:14px;padding:16px;display:flex}.challenge-final-note p{color:var(--silk-muted);gap:2px;margin:0;display:grid}.challenge-final-note strong{color:var(--silk);font-weight:650}.challenge-overview h2{font-family:var(--font-mono);font-size:var(--micro);letter-spacing:.08em;text-transform:uppercase;color:var(--silk-muted);margin:0 0 10px;font-weight:500}.challenge-overview nav ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.challenge-app .challenge-overview nav a{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--mask-raised);color:var(--silk);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);align-items:center;gap:8px;padding:8px 14px;font-weight:500;text-decoration:none;display:inline-flex}.challenge-app .challenge-overview nav a:after{content:"";opacity:.6;border-block-start:1.75px solid;border-inline-end:1.75px solid;block-size:7px;inline-size:7px;rotate:45deg}@media (hover:hover) and (pointer:fine){.challenge-app .challenge-overview nav a:hover{border-color:var(--border-strong);background:color-mix(in srgb, var(--silk) 6%, var(--mask-raised))}}.challenge-overview>.challenge-primary{border-radius:var(--radius-l);justify-self:start;min-block-size:52px;min-inline-size:180px;padding-inline:28px;font-size:1.0625rem}.challenge-overview-media{gap:16px;min-width:0;display:grid}.challenge-overview-media>*{max-inline-size:none;margin:0}.challenge-preview{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--mask-raised);box-shadow:var(--shadow-1);margin:0;padding:16px;overflow:hidden}.challenge-preview svg{width:100%;height:216px;display:block}.challenge-preview figcaption{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.challenge-preview figcaption span{border:1px solid var(--border);border-radius:var(--radius-s);color:var(--silk-muted);font-size:var(--small);align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.challenge-preview figcaption b{color:var(--silk);font-family:var(--font-mono);font-variant-numeric:tabular-nums}@media (width>=1024px){.challenge-overview{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:28px 48px}.challenge-overview-text,.challenge-overview>.challenge-primary{grid-column:1}.challenge-overview-media{grid-area:1/2/span 3}}.challenge-app .challenge-primary{--press-opacity:1;border-radius:var(--radius-m);background:var(--primary);color:var(--primary-foreground);box-shadow:0 1px 0 #ffffff47 inset, 0 6px 20px -6px var(--glow);transition:background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), translate var(--dur-base) var(--ease-out), scale var(--dur-fast) var(--ease-out);border:0;justify-content:center;align-items:center;gap:8px;padding-inline:22px;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.challenge-app .challenge-primary:not(:disabled):hover{background:var(--primary-hover);box-shadow:0 1px 0 #ffffff4d inset, 0 10px 32px -6px var(--glow);translate:0 -1px}}.challenge-app .challenge-primary:not(:disabled):active{background:var(--primary-press);scale:.97}.challenge-app .challenge-primary:disabled{background:color-mix(in srgb, var(--silk) 6%, transparent);box-shadow:none;color:var(--silk-muted)}.challenge-actions button:not(.challenge-primary),.challenge-error button,.challenge-account button,.challenge-app .challenge-hint{border:1px solid var(--border);border-radius:var(--radius-m);background:color-mix(in srgb, var(--silk) 4%, transparent);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);align-items:center;gap:8px;display:inline-flex}@media (hover:hover) and (pointer:fine){.challenge-actions button:not(.challenge-primary,:disabled):hover,.challenge-error button:hover,.challenge-account button:not(:disabled):hover,.challenge-app .challenge-hint:not(:disabled):hover{border-color:var(--border-strong);background:color-mix(in srgb, var(--silk) 8%, transparent)}}.challenge-brief,.challenge-state,.challenge-explanation,.challenge-error{padding:16px var(--challenge-inline,24px)}.challenge-brief{max-inline-size:calc(760px + 2 * var(--challenge-inline,24px));justify-items:start;gap:8px;display:grid}.challenge-brief h2{font-size:var(--title);letter-spacing:-.02em;margin:0}.challenge-brief p{margin:0}.challenge-brief .challenge-hint{font-size:var(--small);margin-block-start:4px}.challenge-app:has(.challenge-stage) .challenge-header h1{font-size:clamp(1.5rem,3vw,2rem)}.challenge-app:has(.challenge-stage) .challenge-stages{padding-block:16px}@media (width>=1024px){.challenge-brief{grid-template-columns:minmax(0,760px) auto;column-gap:32px;max-inline-size:none}.challenge-brief>*{grid-column:1}.challenge-brief>.challenge-hint{grid-area:1/2/span 3;align-self:start;margin:0}}.challenge-hint-text{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--mask-sunken);color:var(--silk);padding:12px 14px}.challenge-brief .stage-carried{border-inline-start:2px solid var(--border-strong);color:var(--silk-muted);padding-inline-start:12px}.challenge-board{overscroll-behavior:contain;border-block:1px solid var(--hairline);height:clamp(360px,60dvh,680px);min-height:360px}.challenge-board .board-app{height:100%;min-height:0}.challenge-actions{padding:12px var(--challenge-inline,24px);border-block-start:1px solid var(--glass-border);background:var(--glass-strong);backdrop-filter:blur(16px)saturate(140%);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.challenge-stage>.challenge-actions{z-index:2;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));padding-inline:var(--challenge-inline,24px);position:sticky;bottom:0}.challenge-actions output{border:1px solid var(--border);border-radius:var(--radius-m);font-variant-numeric:tabular-nums;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-weight:600;display:inline-flex}.challenge-actions output .icon{color:var(--fail-ink)}.challenge-actions output[data-pass=true] .icon{color:var(--ok)}.challenge-cursor{padding:8px var(--challenge-inline,24px);align-items:center;gap:16px;display:flex}.challenge-cursor input{min-width:0;min-height:44px;accent-color:var(--primary);flex:1}.challenge-measurements{font-family:var(--font-mono);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:8px 24px;display:flex}.challenge-table{margin-top:24px;overflow-x:auto}.challenge-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:100%}.challenge-table td{font-family:var(--font-mono)}.challenge-table caption{text-align:left;margin-bottom:12px;font-weight:600}.challenge-table th,.challenge-table td{text-align:start;border-bottom:1px solid var(--border);padding:8px 16px 8px 0}.challenge-table th{color:var(--silk-muted);font-size:var(--small);font-weight:500}.challenge-state details{margin-top:24px}.challenge-state summary{cursor:pointer;min-height:44px}.challenge-events{max-height:360px;padding-left:24px;overflow:auto}.challenge-events button{text-align:left;overflow-wrap:anywhere;font-weight:400}.challenge-events strong{font-weight:600;display:block}.challenge-footer{padding:32px var(--challenge-inline,24px);font-size:var(--small);color:var(--silk-muted)}@media (width<=639px){.challenge-header{padding-block:8px 0}.challenge-stages{--node:36px;padding-block:20px}.challenge-stages>li{flex-basis:104px}.challenge-overview{margin-block-end:40px}.challenge-overview>.challenge-primary{justify-self:stretch}.challenge-actions{gap:4px;padding:8px}.challenge-board{height:clamp(360px,62dvh,560px)}.challenge-stage>.challenge-actions{padding:8px max(8px, env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(8px, env(safe-area-inset-left,0px))}.challenge-cursor{padding-inline:16px}.challenge-table{font-size:var(--small)}}.queue-state-v2 h3,.queue-state-v2 h4{margin:24px 0 8px;font-size:1rem}.queue-state-v2 p,.queue-port-picker p{overflow-wrap:anywhere}.queue-node,.queue-route-event,.queue-state-row{border-block-end:1px solid var(--border);padding-block:8px}.queue-state-v2 .queue-node,.queue-state-v2 .queue-route-event,.queue-state-v2 .queue-state-row details{margin-block-start:8px}.queue-state-v2 summary{overflow-wrap:anywhere;padding-block:12px}.queue-receipt{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--mask-sunken);font-variant-numeric:tabular-nums;grid-template-columns:repeat(auto-fit,minmax(min(100%,176px),1fr));gap:12px 24px;margin:16px 0;padding:16px;display:grid}.queue-receipt dt{color:var(--silk-muted);font-size:var(--small)}.queue-receipt dd{font-family:var(--font-mono);overflow-wrap:anywhere;margin:4px 0 0}.queue-page{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.queue-page select{max-width:100%;min-height:44px;color:var(--silk);background:var(--mask-sunken);border:1px solid var(--border);border-radius:var(--radius-s);font:inherit;padding:8px 12px}.queue-port-choice{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:8px;min-height:44px;padding-block:12px;display:grid}.queue-port-choice input{min-width:20px;min-height:44px;accent-color:var(--primary);margin:0}.queue-port-choice span>span,.queue-port-choice strong{overflow-wrap:anywhere;display:block}.queue-port-choice span>span{color:var(--silk-muted);margin-block:4px 12px}.stage-count{font-variant-numeric:tabular-nums;margin:0}.challenge-local{padding:16px var(--challenge-inline,24px) 0;color:var(--silk-muted);font-size:var(--small);margin:0}.stage-result,.stage-final{max-width:calc(760px + 2 * var(--challenge-inline,24px));padding:20px var(--challenge-inline,24px);container-type:inline-size}.stage-result h3,.stage-final h2{font-size:var(--title);letter-spacing:-.02em;align-items:center;gap:10px;margin:0 0 8px;display:flex}.stage-result h3 .icon{width:24px;height:24px;color:var(--fail-ink);flex:none}.stage-result[data-pass=true] h3 .icon{color:var(--ok)}.stage-result h3:focus{outline:none}.stage-result h3:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.stage-result>p.tabular{color:var(--silk-muted);font-family:var(--font-mono);font-size:var(--small);margin:0}.stage-result h4,.stage-result nav p{font-family:var(--font-mono);font-size:var(--micro);letter-spacing:.08em;text-transform:uppercase;color:var(--silk-muted);margin:20px 0 8px;font-weight:500}.stage-targets,.stage-final ol{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--mask-raised);margin:12px 0;padding:0;list-style:none;overflow:hidden}.stage-targets li{border-block-end:1px solid var(--hairline);grid-template-columns:20px minmax(0,1fr) auto;align-items:start;gap:2px 12px;padding:12px 16px;display:grid}.stage-targets li:last-child,.stage-final li:last-child{border-block-end:0}.stage-targets li>.icon{width:18px;height:18px;color:var(--fail-ink);margin-top:2px}.stage-targets li[data-pass=true]>.icon{color:var(--ok)}.stage-targets li>span:nth-child(2){overflow-wrap:anywhere;min-width:0}.stage-targets li>span:nth-child(3){font-family:var(--font-mono);font-weight:600}.stage-targets li>span:last-child{color:var(--silk-muted);font-size:var(--small);grid-column:2/-1}.stage-targets small{color:var(--silk-muted)}@container (width>=560px){.stage-targets li{grid-template-columns:20px minmax(0,1fr) 8rem 11rem}.stage-targets li>span:last-child{grid-column:auto}}.stage-causes{margin:0;padding-inline-start:24px}.stage-causes li{overflow-wrap:anywhere;margin-block:6px}.stage-result nav ul{margin:4px 0 0;padding-inline-start:24px}.stage-result .challenge-explanation{margin-block:16px 0;padding:0}.stage-concept{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--mask-sunken);margin-block:12px 0;padding:12px 14px}.stage-final li{border-block-end:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:12px 16px;display:flex}.stage-final li>span:first-child{overflow-wrap:anywhere;min-width:0}.stage-final p[data-pass]{align-items:center;gap:10px;font-weight:600;display:flex}.stage-final p[data-pass] .icon{width:20px;height:20px;color:var(--fail-ink);flex:none}.stage-final p[data-pass=true] .icon{color:var(--ok)}.stage-final a.challenge-primary{align-items:center;margin-top:8px;text-decoration:none;display:inline-flex}.challenge-overview nav a,.stage-result nav a{align-items:center;display:inline-flex}.challenge-app .challenge-board .board-toolbar h1,.challenge-app .challenge-board .board-toolbar>a{display:none}.challenge-list-head{gap:8px;margin-bottom:24px;display:grid}.challenge-list-head .page-title{margin:0}.challenge-list-head .page-lead{max-inline-size:60ch;margin:0}.challenge-stats{gap:32px;margin:12px 0 0;display:flex}.challenge-stats div{gap:2px;display:grid}.challenge-stats dd{letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:650;line-height:1.1}.challenge-toolbar{border:1px solid var(--glass-border);border-radius:var(--radius-l);background:var(--glass);backdrop-filter:blur(16px)saturate(140%);box-shadow:var(--shadow-1);gap:12px;padding:12px;display:grid}.challenge-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.challenge-filters label{gap:6px;min-width:0;display:grid}.challenge-filters label>span:first-child{text-overflow:ellipsis;white-space:nowrap;padding-inline-start:2px;overflow:hidden}.challenge-select{display:block;position:relative}.challenge-select:after{content:"";border-inline-end:1.75px solid var(--silk-muted);border-block-end:1.75px solid var(--silk-muted);pointer-events:none;block-size:7px;inline-size:7px;margin-block-start:-6px;position:absolute;inset-block-start:50%;inset-inline-end:14px;rotate:45deg}.challenge-filters select{-webkit-appearance:none;appearance:none;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--mask-sunken);width:100%;min-height:44px;color:var(--silk);font:inherit;text-overflow:ellipsis;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out);padding:0 34px 0 12px;font-size:1rem;font-weight:500}@media (hover:hover) and (pointer:fine){.challenge-filters select:hover{border-color:var(--border-strong)}}.challenge-filters select:focus-visible{border-color:var(--ring);outline:2px solid color-mix(in srgb, var(--ring) 40%, transparent);outline-offset:1px}.challenge-count{color:var(--silk-muted);font-size:var(--small);margin:0;padding-inline-start:2px}.challenge-list>ul{grid-template-columns:minmax(0,1fr);gap:16px;margin:20px 0 48px;padding:0;list-style:none;display:grid}.challenge-list>ul>li{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--mask-raised);min-width:0;box-shadow:var(--shadow-1);transition:translate var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);grid-template:"focus thumb""title thumb"1fr"brief brief""stages stages""notes notes""foot foot"/minmax(0,1fr) auto;align-items:start;column-gap:16px;padding:20px 20px 16px;display:grid;position:relative}.challenge-list>ul>li[data-state=complete]{border-color:var(--border-strong)}@media (prefers-reduced-motion:no-preference){:root:not([data-reduced-motion=true]) .challenge-list>ul>li{animation:challenge-in var(--dur-scene) var(--ease-out) both;animation-delay:calc(var(--i,0) * 40ms)}}@keyframes challenge-in{0%{opacity:0;translate:0 12px}}@media (hover:hover) and (pointer:fine){.challenge-list>ul>li:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.challenge-list>ul>li:hover{translate:0 -2px}}.challenge-list>ul>li:has(h2 a:focus-visible){outline:2px solid var(--ring);outline-offset:3px}.challenge-card-text{display:contents}.challenge-list .challenge-focus{grid-area:focus;align-self:end}.challenge-list h2{letter-spacing:-.025em;grid-area:title;margin:6px 0 0;font-size:1.375rem}.challenge-list h2 a{align-items:center;min-height:0;padding:0;text-decoration:none;display:inline-flex}.challenge-list h2 a:focus-visible{outline:none}.challenge-list h2 a:after{content:"";border-radius:inherit;position:absolute;inset:0}.challenge-list li p{margin:0}.challenge-list .challenge-brief-line{color:var(--silk-muted);grid-area:brief;max-inline-size:60ch;margin-block-start:8px}.challenge-list>ul>li>.challenge-thumb{float:none;grid-area:thumb;inline-size:112px;margin:0 -4px 0 0}.challenge-list .challenge-stages{--node:32px;z-index:1;grid-area:stages;margin:16px -20px 0;padding:4px 20px 16px;scroll-padding-inline:20px;position:relative}.challenge-list .challenge-stages>li{font-size:var(--small);flex:1 0 96px;gap:8px}.challenge-list .challenge-pad{font-size:var(--micro)}.challenge-list .challenge-pad-glyph{width:15px;height:15px}.challenge-list .challenge-pad-badge{width:16px;height:16px}.challenge-card-notes{grid-area:notes;padding-block-end:4px}.challenge-card-foot{border-block-start:1px solid var(--hairline);flex-wrap:wrap;grid-area:foot;justify-content:space-between;align-self:end;align-items:center;gap:8px 16px;min-height:44px;padding-block-start:12px;display:flex}@media (width<=639px){.challenge-card-foot .challenge-difficulty span{width:10px}.challenge-card-foot .challenge-bar{inline-size:40px}}.challenge-note{color:var(--silk-muted);font-size:var(--small);margin-block-start:10px}.challenge-list .challenge-final{font-size:var(--small);font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-block-start:10px;display:flex}.challenge-final .icon{width:18px;height:18px;color:var(--fail-ink);flex:none}.challenge-final[data-challenge-final=passed] .icon{color:var(--ok)}.challenge-done{font-weight:600;font-size:var(--small);margin-block-start:4px}@media (width>=640px){.challenge-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:12px 16px}.challenge-filters{max-inline-size:720px}.challenge-count{padding-block-end:12px}.challenge-list>ul>li{grid-template-rows:auto auto 1fr auto auto auto;grid-template-areas:"focus thumb""title thumb""brief thumb""stages stages""notes notes""foot foot";padding:24px 24px 16px}.challenge-list>ul>li>.challenge-thumb{inline-size:168px}.challenge-list .challenge-stages{margin-inline:-24px;padding-inline:24px;scroll-padding-inline:24px}}@media (width>=1100px){.challenge-list>ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}@supports (grid-template-rows:subgrid){.challenge-list>ul>li{grid-row:span 6;grid-template-rows:subgrid;row-gap:0}}}@media (prefers-reduced-motion:reduce){.challenge-bar>span,.challenge-pad{transition:none}}:root[data-reduced-motion=true] .challenge-bar>span{transition:none}