/* Small pleasures, kept in the margins. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.studio-extras{margin:25px 48px 0;display:flex;justify-content:space-between;align-items:center;gap:30px}
.visit-counter{display:grid;grid-template-columns:auto auto;column-gap:20px;row-gap:5px;padding:9px 0;text-align:left;align-items:center;position:relative}
.counter-heading{font:8px var(--mono);letter-spacing:.06em;display:flex;gap:7px;align-items:center}.counter-heading>i{width:5px;height:5px;background:var(--accent);border:1px solid #24282044}
.counter-caption{font-size:10px;color:var(--muted);grid-column:1;grid-row:2}.counter-digits{grid-column:2;grid-row:1/3;display:flex;gap:3px}
.counter-digits>i{font:17px/1 var(--mono);font-style:normal;display:grid;place-items:center;width:21px;height:29px;border:1px solid #c9cebf;background:#eeefe7;position:relative;overflow:hidden;font-variant-numeric:tabular-nums;transition:background .2s,transform .2s}
.counter-digits>i::after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#24282008}.counter-ready .counter-digits>i{animation:digit-in .5s var(--ease) both;animation-delay:var(--tick-delay,0ms)}.visit-counter:hover .counter-digits>i{background:var(--accent);transform:translateY(-2px)}
.studio-little-tools{text-align:right}.mood-label{display:block;font:7px var(--mono);color:var(--muted);margin-bottom:10px;letter-spacing:.025em}.studio-little-tools>div{display:flex;gap:25px;align-items:center}.studio-little-tools button{font-size:10px;display:flex;align-items:center;gap:9px;padding:3px 0;border-bottom:1px solid transparent}.studio-little-tools button:hover{border-color:var(--ink)}.studio-little-tools button>span:last-child{margin-left:9px}.mood-swatch{width:12px;height:12px;border:1px solid var(--ink);background:var(--accent)}#pixel-party>span{font-size:20px;line-height:1;transition:rotate .5s var(--spring)}#pixel-party:hover>span{rotate:90deg}.studio-extras+.ticker{margin-top:25px}
.site-footer>.footer-identity{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px}.footer-visit-count{font:6px var(--mono);color:var(--muted)}#help-toggle>span{display:grid;place-items:center;width:14px;height:14px;border:1px solid var(--line);font:9px var(--mono)}.secret-hint{display:block;font:8px var(--mono);color:var(--muted);margin-top:12px;letter-spacing:.04em}
.joy-layer,.mascot-particles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:145}.joy-pixel{position:absolute;width:7px;height:7px;animation:pixel-pop .85s var(--ease) forwards;animation-delay:var(--jd,0ms);opacity:0}.trail-pixel{position:absolute;width:5px;height:5px;animation:pixel-trail .6s steps(4) forwards;opacity:.7;transform:translate(-50%,-50%)}.buddy-speech{position:fixed;width:215px;max-width:calc(100vw - 24px);background:#fdfdf8;border:1px solid var(--ink);box-shadow:3px 3px 0 var(--lavender);padding:11px 13px;font-size:11px;line-height:1.5;z-index:146;opacity:0;translate:0 6px;transition:opacity .2s,translate .3s var(--spring);pointer-events:none}.buddy-speech::after{content:'';position:absolute;bottom:-5px;left:70%;width:7px;height:7px;background:#fdfdf8;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);rotate:45deg}.buddy-speech.show{opacity:1;translate:0 0}
.pixel-buddy .buddy-eyes{transform-origin:50% 36%;animation:buddy-blink 7s infinite}.pixel-buddy:hover .buddy-eyes{animation:none}.pixel-buddy.is-pixels>.buddy-svg{opacity:0!important}.pixel-buddy.is-pixels{animation:none!important}.pixel-buddy.is-pixels .buddy-label{opacity:0}.mascot-particles{z-index:148;opacity:0}.mascot-particles.active{opacity:1}.sweep-buddy{position:fixed;left:0;top:0;width:var(--actor-size,78px);height:auto;pointer-events:none;z-index:149;opacity:0;transform:translate(var(--actor-x,-200px),var(--actor-y,-200px)) rotate(var(--actor-tilt,0deg));will-change:transform}.sweep-buddy.visible{opacity:1}.sweep-buddy>.buddy-svg{width:100%;height:auto;overflow:visible;filter:drop-shadow(3px 3px 0 #24282055)}.sweep-buddy .buddy-eyes{animation:none;transform:translateX(calc(var(--facing,1)*2px))!important}.little-broom{position:absolute;width:44px;height:74px;bottom:-6px;right:-24px;transform-origin:15% 80%;rotate:-8deg;animation:broom-brush .25s ease-in-out infinite alternate}.sweep-buddy[style*="--facing: -1"] .little-broom{right:auto;left:-24px;scale:-1 1}.art-object.tidying{transition:transform .65s var(--spring),filter .3s;pointer-events:none}.being-swept{animation:mess-swept .5s var(--ease) forwards!important;pointer-events:none}.sweep-tool{width:73px;display:flex;align-items:center;justify-content:center;gap:7px;padding:5px}.sweep-label{font-size:10px;font-weight:500}.sweep-tool[aria-busy=true]{background:var(--accent);opacity:1}.sweep-tool[aria-busy=true]>.icon{animation:broom-brush .25s ease-in-out infinite alternate}
.help-dialog{max-width:535px;padding:28px 32px}.help-dialog>h2{font-size:57px;line-height:1.02;margin:25px 0 18px}.help-dialog h2 em{font-style:normal;background:var(--accent);padding:0 5px}.help-dialog>p{font-size:12px;color:var(--muted);margin-bottom:24px}.help-list{border-top:1px solid var(--line)}.help-list>div{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0}.help-list kbd{font:11px var(--mono);border:1px solid #bfc6b2;box-shadow:0 2px 0 #c9cebf;text-align:center;padding:7px 0;background:#eeefe5;white-space:nowrap}.help-list>div>span{font-size:10px;color:var(--muted);line-height:1.7}.help-list b{font-size:12px;display:block;font-weight:500;color:var(--ink);margin-bottom:2px}.help-foot{padding-top:23px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.help-foot>span{font:8px var(--mono);color:var(--muted)}.help-foot .text-link{font-size:12px}
.ticker:hover .ticker-track{animation-play-state:paused}.project-preview,.project-preview *{backface-visibility:hidden}.project-card:focus-visible .project-preview{outline:1px solid var(--ink);outline-offset:4px}.tool:focus-visible{outline-offset:1px}.canvas-toolbar{transition:box-shadow .3s,border-color .3s}.canvas-toolbar:hover{border-color:#aeb79e;box-shadow:0 6px 0 #24282010}.page-intro h1:focus,.hero-copy h1:focus,.play-intro h1:focus{outline:none}.project-dialog,.contact-dialog,.help-dialog{scrollbar-width:thin;scrollbar-color:#b1bba1 transparent}
@keyframes digit-in{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}@keyframes pixel-pop{0%{opacity:0;translate:0 0;scale:.2}15%{opacity:1;scale:1}100%{opacity:0;translate:var(--jx) var(--jy);rotate:var(--jr);scale:.3}}@keyframes pixel-trail{to{translate:0 -13px;scale:.3;opacity:0}}@keyframes buddy-blink{0%,44%,48%,100%{scale:1 1}45%,47%{scale:1 .08}}@keyframes broom-brush{from{rotate:-12deg}to{rotate:12deg}}@keyframes mess-swept{to{opacity:0;translate:var(--sweep-x,50px) var(--sweep-y,20px);scale:.05}}
@media(min-width:1600px){.studio-extras{margin-left:5%;margin-right:5%}}
@media(max-width:1200px){.studio-extras{margin-left:30px;margin-right:30px}.counter-digits>i{width:19px;font-size:16px}.studio-little-tools>div{gap:18px}.studio-little-tools button{font-size:9px}.counter-caption{font-size:9px}.visit-counter{column-gap:15px}}
@media(max-width:950px){.studio-extras{gap:20px}.counter-digits{gap:2px}.counter-digits>i{width:17px;height:26px;font-size:14px}.counter-heading{font-size:7px}.counter-caption{font-size:8px}.visit-counter{column-gap:11px}.studio-little-tools>div{gap:13px}.studio-little-tools button{font-size:8px;gap:6px}.studio-little-tools button>span:last-child{margin-left:3px}.mood-label{font-size:6px}.site-footer>div{gap:13px}.footer-visit-count{font-size:5px}#help-toggle{font-size:8px}}
@media(max-width:740px){.studio-extras{margin:20px 22px 0;display:block}.visit-counter{width:100%;grid-template-columns:1fr auto;column-gap:18px;row-gap:4px;padding:5px 0 18px;border-bottom:1px solid var(--line)}.counter-heading{font-size:8px}.counter-caption{font-size:10px}.counter-digits{gap:3px}.counter-digits>i{width:21px;height:29px;font-size:17px}.studio-little-tools{margin-top:17px;text-align:left}.studio-little-tools>div{justify-content:space-between;gap:18px}.studio-little-tools button{font-size:10px;gap:8px}.mood-label{font-size:6px;margin-bottom:8px}.studio-extras+.ticker{margin-top:25px}.site-footer>.footer-identity{width:auto;gap:4px}.site-footer>span{font-size:5px}.footer-visit-count{font-size:5px}.site-footer>div:not(.footer-identity){gap:21px}.site-footer button,#help-toggle{font-size:9px}.secret-hint{font-size:7px;letter-spacing:0}.sweep-tool{width:64px;gap:5px}.sweep-label{font-size:9px}.canvas-toolbar{padding-left:8px;padding-right:7px}.tool-hint{font-size:6px;max-width:90%;text-align:center;white-space:nowrap}.help-dialog{padding:20px 23px}.help-dialog>h2{font-size:47px;margin-top:23px}.help-dialog>p{font-size:11px}.help-list>div{grid-template-columns:44px 1fr;gap:14px;padding:13px 0}.help-list b{font-size:11px}.help-list>div>span{font-size:9px}.help-list kbd{font-size:9px}.help-foot>span{font-size:7px}.help-foot .text-link{font-size:11px}.buddy-speech{font-size:10px;width:205px}.sweep-buddy .little-broom{width:35px;height:65px;right:-18px}}
@media(max-width:375px){.studio-extras{margin-left:17px;margin-right:17px}.counter-heading{font-size:7px}.counter-caption{font-size:8px}.counter-digits>i{width:19px;height:27px;font-size:16px}.counter-digits{gap:2px}.studio-little-tools button{font-size:9px}.sweep-tool{width:54px;gap:4px}.sweep-label{font-size:8px}.sweep-tool>.icon{width:16px;height:16px}.site-footer>div:not(.footer-identity){gap:15px}}
@media(prefers-reduced-motion:reduce){.joy-layer,.mascot-particles,.sweep-buddy{display:none}.buddy-speech{transition:none}.pixel-buddy.is-pixels>.buddy-svg{opacity:1!important}}
.sweep-buddy.facing-left .little-broom{right:auto;left:-24px;scale:-1 1}
.motion-off .joy-layer,.motion-off .mascot-particles,.motion-off .sweep-buddy{display:none}.motion-off .pixel-buddy.is-pixels>.buddy-svg{opacity:1!important}