:root{--reveal-ms:.42s}body{flex-direction:column;min-height:100dvh;display:flex}main{width:100%;max-width:46rem;padding:var(--space-4);flex-direction:column;flex:1;margin:0 auto;display:flex}#game{flex-direction:column;flex:1;display:flex}h1,h2,h3,p,ol,ul,dl,dd,dt{margin:0;padding:0}h1,h2,h3{line-height:var(--leading-tight)}button{cursor:pointer}button,a,.card{touch-action:manipulation}[data-input=pointer] :focus-visible,[tabindex="-1"]:focus{outline:none}.d-btn{overflow-wrap:anywhere}.bar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.bar-title{flex-direction:column;min-width:0;margin-right:auto;display:flex}.brand{font-family:var(--font-display);align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:700;line-height:var(--leading-tight);overflow-wrap:anywhere;display:flex}.sun{background:var(--rye);border-radius:50%;flex:none;width:.95em;height:.95em}.puzzle-no{padding-left:calc(.95em + var(--space-2));font-size:var(--text-sm);color:var(--soft)}.icon-button,.lang{width:var(--tap);height:var(--tap);color:var(--ink);border:2px solid var(--ink);font-size:var(--text-sm);background:0 0;flex:none;place-items:center;padding:0;font-weight:700;display:inline-grid}.icon-button{font-size:var(--text-lg)}.icon-button svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:1.375rem;height:1.375rem}.progress{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);list-style:none;display:flex}.dot{background:var(--off);border-radius:50%;flex:none;width:.875rem;height:.875rem}.dot.ok{background:var(--ink)}.dot.miss{border:2px solid var(--ink);background:0 0}.dot.now{outline:2px solid var(--ink);outline-offset:2px}.mark{background:currentColor;border-radius:50%;flex:none;width:.7em;height:.7em;display:inline-block}.miss>.mark{background:0 0;border:2px solid}.intro,.round,.results,.results-summary{gap:var(--space-4);flex-direction:column;display:flex}.intro{padding-top:var(--space-2)}.results{align-self:center;width:100%;max-width:36.5rem}.day-note,.day-notice{align-items:flex-start;gap:var(--space-2);flex-direction:column;font-weight:600;display:flex}.round>.day-notice{flex-flow:wrap;justify-content:space-between;align-items:center}.intro-rule{color:var(--soft)}.tagline{letter-spacing:-.02em;overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(2.25rem,9vw,3.75rem);font-weight:700;line-height:1}.intro .help-example{margin:var(--space-2) 0}.intro .d-btn,.feedback .d-btn,.results .d-btn{align-self:flex-start}.prompt{gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--game);color:var(--game-ink);flex-direction:column;display:flex;position:relative;overflow:hidden}.step{font-size:var(--text-sm)}.question{font-size:var(--text-lg);overflow-wrap:anywhere}.cards{gap:var(--gutter);grid-template-columns:1fr;align-items:stretch;display:grid;position:relative}.card{--clear:.75rem;justify-content:center;gap:var(--space-2);min-height:7.5rem;padding:var(--space-4) var(--space-7) var(--space-4) var(--space-4);text-align:left;background:var(--off);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border:0;flex-direction:column;display:flex;position:relative;overflow:hidden}button.card:active{transform:translateY(1px)}@media (hover:hover) and (pointer:fine){button.card:hover{outline:2px solid var(--ink);outline-offset:-2px}}.card.shown{cursor:pointer;justify-content:flex-start}.card.bigger{background:var(--game);color:var(--game-ink);--soft:var(--game-ink);--ink:var(--game-ink)}.card.shown>.value,.card.shown>.meter,.card.shown>.card-meta{margin-right:var(--clear)}.key{top:var(--space-2);right:var(--space-2);min-width:1.5rem;padding:0 var(--space-1);color:var(--soft);font-size:var(--text-xs);text-align:center;border:1px solid;font-weight:600;display:none;position:absolute}@media (hover:hover) and (pointer:fine){.key{display:block}}.card-pick{min-height:1.25rem;margin-bottom:calc(-1 * var(--space-1));font-size:var(--text-xs);color:var(--soft);font-weight:600}.card-meta{align-items:baseline;gap:0 var(--space-3);flex-wrap:wrap;display:flex}.name{font-size:var(--text-lg);font-weight:700;line-height:var(--leading-tight);overflow-wrap:anywhere}.name.long{font-size:var(--text-md)}.card-hint{align-items:center;gap:var(--space-2);margin-top:var(--space-1);color:var(--soft);font-size:var(--text-sm);display:flex}.card-hint svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25rem;height:1.25rem}.card-unknown{white-space:nowrap;margin-left:auto;font-weight:700}.name-note{margin-top:calc(-1 * var(--space-1));font-size:var(--text-sm);color:var(--soft);overflow-wrap:anywhere}.value{font-size:1.625rem;font-weight:700;line-height:var(--leading-tight);font-variant-numeric:tabular-nums}.unit{font-size:var(--text-md);font-weight:400}.asof{font-size:var(--text-sm);color:var(--soft)}.rank{align-items:center;gap:var(--space-2);font-size:var(--text-sm);overflow-wrap:anywhere;font-weight:600;display:flex}.peak{vertical-align:-.05em;flex:none;width:.8em;height:.8em;margin-right:.35em;display:inline-block}.fresh .rank{animation:rise .36s ease-out calc(var(--reveal-ms) - 60ms) both}@keyframes rise{0%{opacity:0;transform:translateY(4px)}}.meter{z-index:1;height:6px;display:block;position:relative;overflow:hidden}.meter-fill{background:var(--ink);transform-origin:0;height:100%;display:block}.fresh .meter-fill{animation:grow var(--reveal-ms) cubic-bezier(.2, .7, .3, 1) both}.fresh .card.bigger .peak{animation:dawn var(--reveal-ms) ease-out both}.fresh .verdict{animation:.24s ease-out both rise}@keyframes grow{0%{transform:scaleX(0)}}@keyframes dawn{0%{opacity:0;transform:translateY(40%)}}.vs{z-index:2;width:2.5rem;height:2.5rem;margin:calc(-1.25rem - var(--gutter) / 2) 0;background:var(--ink);color:var(--bg);font-size:var(--text-sm);place-self:center;place-items:center;font-weight:700;display:grid}.feedback{gap:var(--space-3);flex-direction:column;min-height:7.25rem;display:flex}.verdict{align-items:center;gap:0 var(--space-2);font-weight:700;font-size:var(--text-lg);flex-wrap:wrap;display:flex}.verdict-run{color:var(--soft);font-weight:400}.difference{color:var(--soft);font-variant-numeric:tabular-nums}.result-head{padding-right:6.5rem;position:relative;overflow:hidden}.tomorrow{font-weight:600}.result-title{font-size:var(--text-xl);overflow-wrap:anywhere;text-wrap:balance}.results.loss .result-head{background:var(--off);color:var(--ink)}.result-head>.d-shape{opacity:.32;width:7rem;height:7rem;position:absolute;bottom:-1rem;right:-1.5rem}.result-head:has(.burst){isolation:isolate;clip-path:inset(0)}.burst{z-index:-1;pointer-events:none;width:0;height:0;position:absolute;top:60%;left:4rem}.burst-piece{background:var(--game-ink);width:.75rem;height:.75rem;-webkit-mask:var(--shape) center / contain no-repeat;-webkit-mask:var(--shape) center / contain no-repeat;mask:var(--shape) center / contain no-repeat;opacity:0;animation:burst .9s cubic-bezier(.15, .8, .3, 1) calc(var(--d) * 60ms) both;margin:-.375rem;position:absolute}.perfect .burst-piece{animation-duration:1.2s}@keyframes burst{0%{opacity:.5;transform:rotate(var(--a)) translateX(0) scale(.6)}70%{opacity:.5}to{opacity:0;transform:rotate(var(--a)) translateX(calc(4rem + var(--d) * 1.5rem)) rotate(160deg) scale(1)}}.share-status{margin-top:calc(-1 * var(--space-2));color:var(--soft)}.share-status:empty{display:none}.next-puzzle{color:var(--soft)}.next-puzzle+.hub-link{margin-top:calc(-1 * var(--space-3))}.countdown{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700}.hub-link{min-height:var(--tap);align-self:flex-start;align-items:center;font-weight:600;display:inline-flex}.stats{gap:var(--gutter);grid-template-columns:repeat(2,1fr);display:grid}.stat{min-width:0;padding:var(--space-3);background:var(--off);flex-direction:column-reverse;justify-content:flex-end;display:flex}.stat dd{font-size:var(--text-xl);font-weight:700;line-height:var(--leading-tight);font-variant-numeric:tabular-nums}.stat dt{font-size:var(--text-sm);color:var(--soft);overflow-wrap:anywhere}.story-title,.recap-title{margin-bottom:var(--space-3);font-size:var(--text-lg)}.story ul{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.story-line{flex-direction:column;display:flex}.story-label{font-size:var(--text-sm);color:var(--soft)}.story-text{overflow-wrap:anywhere;font-weight:600}.recap-legend{margin:calc(-1 * var(--space-2)) 0 var(--space-2);font-size:var(--text-sm);color:var(--soft)}.recap-legend>.peak{color:var(--ink)}.recap ol{gap:var(--space-1);flex-direction:column;list-style:none;display:flex}.recap-row{align-items:start;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--off);grid-template-columns:1rem 1fr;display:grid}.recap-row>.mark{margin-top:.45rem}.recap-pair{gap:0 var(--space-3);grid-template-columns:1fr 1fr;min-width:0;display:grid}.recap{container-type:inline-size}.recap-item{min-width:0;font-size:var(--text-sm);flex-direction:column;display:flex}@container (width>=36rem){.recap-item{align-items:baseline;gap:var(--space-2);flex-direction:row}}.recap-name{overflow-wrap:anywhere}.recap-value{color:var(--soft);font-variant-numeric:tabular-nums}.recap-item.bigger .recap-name{font-weight:700}footer{justify-content:center;align-items:center;gap:0 var(--space-3);padding:var(--space-2) var(--space-4) var(--space-4);font-size:var(--text-sm);color:var(--soft);flex-wrap:wrap;display:flex}.credit-label,.credit{white-space:nowrap;align-items:center;min-height:2rem;display:inline-flex}.credit{white-space:normal;flex-wrap:wrap;justify-content:center;gap:0 .3em}.credit>a,.licence{white-space:nowrap}footer a{margin:-.625rem 0;padding:.625rem 0}.chooser{gap:var(--gutter);padding-top:var(--space-5);flex-direction:column;display:flex}.chooser .brand{margin-bottom:var(--space-2);font-size:var(--text-xl)}.chooser-lead{max-width:var(--measure);margin-bottom:var(--space-4);color:var(--soft)}.chooser .d-tile{gap:var(--space-1);min-height:7rem;padding-right:var(--space-7)}.chooser-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;line-height:var(--leading-tight)}.chooser-line{font-size:var(--text-sm)}.chooser .hub-link{margin-top:var(--space-3)}.help h2{font-size:var(--text-xl)}.help p{margin-bottom:var(--space-3)}.help-keys{color:var(--soft);font-size:var(--text-sm);display:none}@media (hover:hover) and (pointer:fine){.help-keys{display:block}}.help-example{max-width:24rem;margin:0 0 var(--space-3)}.help-example figcaption{margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--soft)}.mini-list{gap:var(--space-1);flex-direction:column;list-style:none;display:flex}.mini-row{align-items:baseline;gap:var(--space-1) var(--space-3);padding:var(--space-2) var(--space-3);background:var(--off);font-size:var(--text-sm);grid-template-columns:minmax(0,1fr) auto;display:grid}.mini-row.bigger{background:var(--game);color:var(--game-ink);--ink:var(--game-ink)}.mini-row>.meter{grid-column:1/-1;height:4px}.mini-name{overflow-wrap:anywhere;font-weight:700}.mini-value{font-variant-numeric:tabular-nums;white-space:nowrap}.help .d-btn{width:100%;margin-top:var(--space-2)}@media (width>=520px){.stats{grid-template-columns:repeat(4,1fr)}}@media (width>=720px){main{padding:var(--space-6) var(--space-4)}.question{font-size:var(--text-xl)}.cards{grid-template-columns:1fr 1fr}.card{min-height:12rem;padding:var(--space-5) var(--space-7) var(--space-5) var(--space-5)}.card[data-side=b]{padding-left:var(--space-6)}.card{--clear:1.75rem}.card .name{font-size:1.625rem}.card .name.long{font-size:var(--text-lg)}.value{font-size:2rem}.prompt{padding:var(--space-4) var(--space-5)}.vs{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feedback{flex-direction:row;justify-content:space-between;align-items:center;min-height:4.5rem}.feedback .d-btn{align-self:auto;min-width:12rem}}@media (width>=720px) and (height>=720px){.progress:has(+.round){margin-top:auto;margin-bottom:var(--space-4)}.progress+.round,.intro{margin-bottom:auto;padding-bottom:14vh}.intro{margin-top:auto}}@media (width>=720px) and (height>=1000px){.card{min-height:15rem}.card .name{font-size:var(--text-xl)}}@media (width>=960px){.results{width:auto;max-width:none;margin-inline:calc((100% - min(60rem, 100vw - 2 * var(--space-4))) / 2);align-self:stretch;align-items:start;gap:var(--space-4) var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.results-summary{grid-row:span 2}}@media (orientation:landscape) and (height<=520px){main{padding:var(--space-2) max(var(--space-4), env(safe-area-inset-right)) var(--space-2) max(var(--space-4), env(safe-area-inset-left));max-width:60rem}.bar{margin-bottom:var(--space-2)}.brand{font-size:var(--text-md)}.progress{margin-bottom:var(--space-2)}.round{gap:var(--space-2)}.step{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.question{font-size:var(--text-md)}.cards{grid-template-columns:1fr 1fr}.card{--clear:.5rem;min-height:5.5rem;padding:var(--space-2) var(--space-7) var(--space-2) var(--space-4);gap:var(--space-1)}.prompt{padding:var(--space-2) var(--space-3)}.card[data-side=b]{padding-left:var(--space-6)}.card .name{font-size:var(--text-md)}.value{font-size:var(--text-lg)}.vs{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feedback{flex-direction:row;justify-content:space-between;align-items:center;min-height:3rem}.verdict-box{align-items:baseline;gap:0 var(--space-3);flex-wrap:wrap;display:flex}.verdict{font-size:var(--text-md)}.feedback .d-btn{align-self:auto;min-width:10rem}.tagline{font-size:var(--text-xl)}.intro .help-example,.card .asof{display:none}}@media (prefers-reduced-motion:reduce){.fresh .rank{animation:none}}