.scene{--k:2;--cx:248px;--cy:18px;height:calc(96px * var(--k));clip-path:inset(calc(-16px * var(--k) - var(--px)) 0 0 0);background:var(--green);position:relative}.scene .world{transform-origin:0 0;width:512px;height:144px;transform:scale(var(--k)) translate(calc(-1 * var(--cx)), calc(-1 * var(--cy)));position:absolute;top:0;left:round(down,50%,1px)}.scene .world,.scene .world *{image-rendering:pixelated}.scene .world>i,.scene .world b{background-repeat:no-repeat;display:block;position:absolute}.scene .ground{clip-path:inset(var(--cy) 0 0 0);background:url(/scene/ground.png) 0 0/2048px 144px;inset:0}.scene .fire{background:url(/scene/campfire_lit.png) 0 0/48px 16px;width:16px;height:16px;top:64px;left:176px}.scene .elder{background:url(/scene/elder_blink.png) 0 0/32px 24px;width:16px;height:24px;top:57px;left:199px}.scene .oak{background:url(/scene/tree_oak.png) 0 0/64px 32px;width:32px;height:32px;top:2px;left:166px}.scene .lantern{background:url(/scene/lantern_post.png) 0 0/32px 32px;width:16px;height:32px;top:2px;left:306px}.scene .plank{background:url(/scene/bridge.png);width:16px;height:16px;top:80px;left:256px}.scene .sig{z-index:1;left:calc(round(down, 50%, 1px) + (266px - var(--cx)) * var(--k));top:calc((48px - var(--cy)) * var(--k));height:calc(16px * var(--k));padding:0 calc(4px * var(--k));border:calc(1px * var(--k)) solid var(--ink);background:var(--wood);color:var(--paper);font-family:var(--font-display);font-weight:var(--w-display2);font-size:calc(8px * var(--k));line-height:calc(14px * var(--k));white-space:nowrap;position:absolute}.scene .sig:before{content:"";left:calc(1px * var(--k));right:calc(1px * var(--k));top:calc(6px * var(--k));height:calc(1px * var(--k));border-inline:calc(1px * var(--k)) solid var(--cream);position:absolute}.scene .sig:after{content:"";left:calc(5px * var(--k));width:calc(2px * var(--k));height:calc(16px * var(--k));background:var(--ink);position:absolute;top:100%}.scene .p{width:16px;height:24px;top:72px;left:0;transform:translate(288px)}.scene .p .walk,.scene .p .work{opacity:0;transform:scaleX(-1)}.scene .p .walk{background:url(/scene/player_left.png) -16px 0/48px 24px;inset:0}.scene .p .work{background:url(/scene/player_work_left.png) 0 0/64px 32px;width:32px;height:32px;top:-8px;left:-6px}.scene .p .idle{background:url(/scene/player_idle_down.png) 0 0/32px 24px;inset:0}@media (prefers-reduced-motion:no-preference){.scene .ground{animation:1.2s steps(4,end) infinite of-water}.scene .fire{animation:.45s steps(3,end) infinite of-fire}.scene .elder{animation:4.4s step-end infinite of-blink}.scene .oak{animation:1.2s steps(2,end) infinite of-sway}.scene .lantern{animation:.9s steps(2,end) infinite of-flicker}.scene .p .idle{animation:1.2s steps(2,end) .6s infinite of-breathe,12s step-end .6s both of-idling}.scene .p{animation:12s .6s both of-trip}.scene .p .walk{animation:.5s step-end .6s infinite of-step,12s step-end .6s both of-walking}.scene .p .work{animation:.5s steps(2,end) .6s infinite of-hit,12s step-end .6s both of-working}.scene .plank{animation:12s .6s both of-mend}.scene .sig{animation:12s .6s both of-sign}}@keyframes of-water{to{background-position-x:-2048px}}@keyframes of-fire{to{background-position-x:-48px}}@keyframes of-sway{to{background-position-x:-64px}}@keyframes of-flicker{to{background-position-x:-32px}}@keyframes of-breathe{to{background-position-x:-32px}}@keyframes of-hit{to{background-position-x:-64px}}@keyframes of-blink{0%{background-position-x:0}93%{background-position-x:-16px}96%{background-position-x:0}}@keyframes of-trip{0%{animation-timing-function:steps(124,end);transform:translate(112px)}30%{transform:translate(236px)}65%{animation-timing-function:steps(52,end);transform:translate(236px)}71%,to{transform:translate(288px)}}@keyframes of-step{0%{background-position-x:0}25%{background-position-x:-16px}50%{background-position-x:-32px}75%{background-position-x:-16px}}@keyframes of-walking{0%{opacity:1}30%{opacity:0}65%{opacity:1}71%{opacity:0}}@keyframes of-working{0%{opacity:0}30%{opacity:1}62.5%{opacity:0}}@keyframes of-idling{0%{opacity:0}62.5%{opacity:1}65%{opacity:0}71%{opacity:1}}@keyframes of-mend{0%{clip-path:inset(0 100% 0 0)}33.333%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(4,start)}66.667%,to{clip-path:inset(0)}}@keyframes of-sign{0%{clip-path:inset(100% 0 calc(-16px * var(--k)) 0)}62.5%{clip-path:inset(100% 0 calc(-16px * var(--k)) 0);animation-timing-function:steps(4,end)}65%,to{clip-path:inset(0 0 calc(-16px * var(--k)) 0)}}.home .hero{padding-top:var(--s-2)}.door-name,.who b,.count,.earn b,.plate{font-family:var(--font-display);font-weight:var(--w-display2)}.board-head h2,.dev h2,.count,.earn b{font-weight:var(--w-display)}.doors{margin-top:calc(32px + var(--s-4))}.door{position:relative}.stretch:after{content:"";z-index:1;position:absolute;inset:0}.door-name{font-size:20px;line-height:24px}.door-note{font-size:var(--text-s);line-height:22px}.classic{margin-inline:calc(-1 * var(--s-4));padding-top:var(--s-2);background:var(--ink);color:var(--paper);container-type:inline-size}.classic .scene,.classic .pause{--k:2}@container (width>=600px){.classic .scene,.classic .pause{--k:3}}.classic .door-foot{justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-4);display:flex}.classic .door-name{margin-bottom:var(--s-1)}.classic .door-note{color:var(--paper2)}.classic .btn.primary{border-color:var(--paper);min-width:112px;min-height:48px;font-size:20px}.classic .btn.primary:hover{background:var(--paper);color:var(--ink)}.classic :focus-visible{outline-color:var(--green3)}.still{opacity:0;width:1px;height:1px;margin:0;position:absolute;top:0;left:0}.pause{z-index:2;top:calc(96px * var(--k) - 44px);right:var(--s-2);background:var(--ink);border:var(--px) solid var(--paper);cursor:pointer;width:44px;height:44px;display:none;position:absolute}.pause:before{content:"";border-inline:4px solid var(--paper);width:16px;height:14px;position:absolute;top:13px;left:12px}.still:checked~.pause:before{background:var(--paper);clip-path:polygon(0 0,100% 50%,0 100%);border:0;width:12px;left:15px}.pause .on,.still:checked~.pause .off{display:none}.still:checked~.pause .on{display:inline}.still:focus-visible~.pause{outline:3px solid var(--green3);outline-offset:3px}.doors:has(.still:checked) :is(.scene *){animation-play-state:paused}.doors:has(.still:checked) video,.still-img{display:none}.doors:has(.still:checked) .still-img{display:block}.d3{column-gap:var(--s-3);row-gap:var(--s-2);margin-top:var(--s-3);padding:var(--s-2);border:var(--frame);grid-template-columns:160px 1fr;grid-template-areas:"loop text""loop go";display:grid}.d3 .loop{aspect-ratio:16/9;grid-area:loop;align-self:start;overflow:hidden}.d3 video,.d3 .still-img{object-fit:cover;width:100%;height:100%;display:block}.d3 .door-text{grid-area:text}.d3 .door-name{font-size:18px;line-height:22px}.d3 .door-name .tag{margin-left:var(--s-1)}.d3 .door-note{margin-top:var(--s-1);color:var(--grey)}.d3 .btn{grid-area:go;place-self:end start;min-width:88px}@media (width<=399px){.d3 .door-note{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.board{margin-top:var(--s-6);border-top:4px solid var(--ink)}.board-head{justify-content:space-between;align-items:center;gap:var(--s-2);padding-top:var(--s-3);flex-wrap:wrap;display:flex}.board-head h2{font-size:24px;line-height:28px}.tabs{gap:var(--s-4);margin:0;padding:0;list-style:none;display:flex}.tab{align-items:center;min-height:44px;display:flex}.tab.on{text-decoration:underline 4px var(--green);text-underline-offset:10px;font-weight:700}.tab.off{color:var(--grey)}.tab .tag{margin-left:var(--s-1);vertical-align:0}.rows{margin-top:var(--s-2);padding:0;list-style:none}.rows li{align-items:center;column-gap:var(--s-3);border-bottom:var(--px) solid var(--paper2);grid-template-columns:32px minmax(0,1fr) auto;min-height:72px;display:grid}.rank{color:var(--grey);font-variant-numeric:tabular-nums;font-weight:700}.rows li:first-child .rank{color:var(--ink)}.who b{overflow-wrap:anywhere;font-size:20px;line-height:24px;display:block}.who small,.pts small{font-size:var(--text-s);color:var(--grey);line-height:22px;display:block}.rows .open{min-height:48px}.rows .open .who b{font:400 var(--text-m) / 24px var(--font-reading);color:var(--grey)}.pts{text-align:right}.count{font-variant-numeric:tabular-nums;font-size:28px;line-height:32px;display:block}@property --n{syntax:"<integer>";inherits:false;initial-value:0}.count{--n:var(--to);counter-reset:n var(--n)}.count:before{content:counter(n);content:counter(n) / ""}.rows li:nth-child(2){--i:1}.rows li:nth-child(3){--i:2}.rows li:nth-child(4){--i:3}.rows li:nth-child(5){--i:4}.board-foot{justify-content:space-between;align-items:center;gap:0 var(--s-3);padding-top:var(--s-2);font-size:var(--text-s);color:var(--grey);flex-wrap:wrap;line-height:22px;display:flex}.board-foot a{min-height:44px;color:var(--ink);font:700 var(--text-m) / 1 var(--font-reading);text-decoration-thickness:var(--px);text-underline-offset:6px;align-items:center;display:inline-flex}.board-foot a:hover{text-decoration-color:var(--green);text-decoration-thickness:4px}.dev{margin-top:var(--s-12);padding:var(--s-12) 0;background:var(--paper2)}.dev-grid{gap:var(--s-8);display:grid}.dev h2{letter-spacing:var(--track-h1);text-wrap:balance;font-size:28px;line-height:32px}.dev-intro p{margin:var(--s-3) 0 var(--s-6);color:var(--ink2);max-width:44ch}.dev .btn.primary{width:100%;min-height:56px}.links{gap:var(--s-4);display:grid}.links div{min-height:64px}.links dt{font-size:20px;line-height:24px}.links dt a{min-height:32px;font-family:var(--font-display);font-weight:var(--w-display2);text-decoration-thickness:var(--px);text-underline-offset:5px;display:inline-block}.links dt a:hover{text-decoration-color:var(--green);text-decoration-thickness:4px}.links dd{margin-top:var(--s-1);font-size:var(--text-s);color:var(--ink2);line-height:22px}.dev-earn{gap:var(--s-6);display:grid}.earn>span{grid-template-columns:80px 1fr;align-items:baseline;display:grid}.earn b{font-variant-numeric:tabular-nums;font-size:32px;line-height:40px}.then{align-items:center;gap:var(--s-3) var(--s-6);color:var(--ink2);flex-wrap:wrap;display:flex}.plate{margin-bottom:var(--s-4);padding:0 var(--s-2);border:var(--frame);background:var(--paper);color:var(--ink);white-space:nowrap;font-size:20px;line-height:32px;display:inline-block;position:relative}.plate:after{content:"";left:var(--s-3);width:4px;height:var(--s-4);background:var(--ink);position:absolute;top:100%}main:has(.dev)+.foot{margin-top:0}@media (width>=640px){.classic{padding:var(--s-2) var(--s-2) 0;margin-inline:0}.classic .door-foot{padding-inline:var(--s-2)}.d3{grid-template-columns:192px 1fr auto;grid-template-areas:"loop text go";align-items:center}.d3 .btn{min-width:104px;margin-right:var(--s-2);place-self:center end}.dev .btn.primary{width:auto}}@media (width>=1024px){.home .hero{column-gap:var(--s-12);padding-top:var(--s-6);grid-template-columns:minmax(0,1fr) 400px;grid-template-areas:"text text""doors board";display:grid}.hero-text{grid-area:text}.doors{margin-top:calc(48px + var(--s-4));flex-direction:column;grid-area:doors;display:flex}.door-name{font-size:24px;line-height:28px}.pause{right:var(--s-4)}.classic .door-foot{padding:var(--s-3) var(--s-2) var(--s-3) var(--s-3)}.classic .btn.primary{min-width:160px;min-height:56px}.d3{margin-top:auto}.classic+.d3{margin-top:var(--s-4)}.d3 .door-name{font-size:20px;line-height:24px}.board{margin-top:calc(48px + var(--s-4));border-bottom:var(--px) solid var(--ink);flex-direction:column;grid-area:board;display:flex}.board-head h2{font-size:28px;line-height:32px}.rows{flex-direction:column;flex:1;display:flex}.rows li{flex:1;min-height:60px}.rows .open{min-height:44px}.rows li:last-child{border-bottom:0}.count{font-size:32px;line-height:36px}.board-foot{padding-bottom:var(--s-2)}.dev{padding:64px 0}.dev-grid{column-gap:var(--s-12);row-gap:var(--s-12);grid-template-columns:5fr 7fr}.dev h2{font-size:40px;line-height:44px}.dev .btn.primary{min-width:220px}.links{gap:var(--s-6) var(--s-8);grid-template-columns:1fr 1fr;align-content:start}.links dt{font-size:22px;line-height:28px}.dev-earn{justify-content:space-between;align-items:center;gap:var(--s-6);flex-wrap:wrap;grid-column:1/-1;display:flex}.earn{align-items:baseline;gap:var(--s-2) var(--s-8);flex-wrap:wrap;display:flex}.earn>span{display:block}.earn b{margin-right:var(--s-2);font-size:40px;line-height:44px}}@media (prefers-reduced-motion:no-preference){.pause{display:block}.count{animation:of-count 1.3s cubic-bezier(.2, 0, 0, 1) calc(.9s + var(--i,0) * 90ms) both}@supports (animation-timeline:view()){@media (width<=1023px){.count{animation:1ms linear both of-count view();animation-range:entry 30%}}}}@media (prefers-reduced-motion:reduce){.still{display:none}}@keyframes of-count{0%{--n:0}}