@font-face{font-family:Manrope;src:url('/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{font-family:Manrope,Arial,sans-serif;color:#303432;background:#eaeae7;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #57796e;outline-offset:5px}svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.4;flex-shrink:0}::selection{background:#aec6bb;color:#253e36}[hidden]{display:none!important}
.page{max-width:660px;padding:0 20px;margin:auto;min-height:100svh;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;padding-top:40px;gap:20px}h1{font-size:16px;font-weight:650;letter-spacing:-.03em;margin:0}.header-link{font-size:11px;display:flex;align-items:center;gap:7px}.header-link:hover svg,footer a:hover svg{transform:translate(2px,-2px)}a svg{transition:transform .2s}main{flex:1;display:flex;flex-direction:column}.playground{position:relative;height:clamp(320px,51svh,450px);width:calc(100% + 220px);margin:0 -110px;isolation:isolate}#desk{position:absolute;inset:0}#desk canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab;opacity:0;transition:opacity .45s}#desk.ready canvas{opacity:1}#desk.dragging canvas{cursor:grabbing;touch-action:none}.hint{position:absolute;top:14%;left:18%;font-size:11px;color:#616962;pointer-events:none;background:#f9f9f1ec;padding:7px 11px;border-radius:18px;box-shadow:0 2px 8px #252e2a08;transition:opacity .3s}.playground.arranged .hint{opacity:0}.desk-tools{position:absolute;right:12%;bottom:3%;display:flex;gap:18px;align-items:center}.desk-tools button{display:flex;align-items:center;gap:6px;border:0;background:none;font-size:10px;padding:10px 2px;color:#67716b}.desk-tools button:hover{color:#253e36}.desk-tools svg{width:14px;height:14px}.desk-tools button:disabled{opacity:.35;cursor:default}
.object-access{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none;border:0;background:#fbfcf4;border-radius:4px;font-size:11px;transform:translate(-50%,-50%)}.object-access:focus-visible{clip-path:none;width:auto;height:auto;overflow:visible;padding:8px 12px;z-index:5;outline:2px solid #57796e;outline-offset:3px}.intro{padding:5px 0 0}.intro>p{font-size:17px;line-height:1.75;letter-spacing:-.02em;margin:0 0 28px}.work-name{border-bottom:1px solid #525c54}.details{margin:0;font-size:12px;line-height:1.6}.details>div{display:grid;grid-template-columns:90px 1fr;border-top:1px solid #31493620;padding:12px 0;gap:18px}.details dt{color:#6b746f}.details dd{margin:0;display:flex;justify-content:space-between;gap:16px}.details dd span{color:#79817c}footer{margin-top:26px;padding:16px 0 28px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#78817b}footer a{display:flex;align-items:center;gap:7px;color:#434f47}footer svg{width:13px;height:13px}.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
#desk-fallback{position:absolute;inset:10% 20% 13%;transform:rotate(-18deg);pointer-events:none}#desk.ready+#desk-fallback{display:none}.fallback-bars{position:absolute;inset:30% 0 10% 50%;display:flex;align-items:flex-end;gap:6px;transform:skewY(20deg)}.fallback-bars i{width:25%;height:35%;background:#91b4bc;border:1px solid #758c94;box-shadow:6px 6px #72979f}.fallback-bars i:nth-child(2){height:70%}.fallback-bars i:nth-child(3){height:50%}.fallback-bars i:nth-child(4){height:95%}.fallback-book{position:absolute;left:6%;top:28%;width:30%;height:53%;background:#476453;transform:skewY(20deg);border-radius:3px;box-shadow:3px 9px #ddd9c7,6px 12px #354a3d}.fallback-coins{position:absolute;left:34%;top:70%;width:12%;height:15%;border-radius:50%;background:#bca36c;box-shadow:0 5px #927840,0 10px #bca36c,0 15px #927840}
@media(min-height:900px) and (min-width:761px){header{padding-top:65px}.playground{height:490px}.intro{padding-top:20px}footer{padding-bottom:40px}}
@media(max-width:760px){.page{padding:0 7vw;max-width:600px}header{padding-top:27px}h1{font-size:14px}.header-link{font-size:10px}.playground{width:calc(100% + 14vw);margin:6px -7vw 0;height:clamp(295px,45svh,400px)}.hint{font-size:10px;left:12%;top:13%;padding:6px 9px}.desk-tools{right:8%;bottom:1%;gap:17px}.intro{padding-top:15px}.intro>p{font-size:15px;line-height:1.8;margin-bottom:24px}.details{font-size:11px}.details>div{grid-template-columns:52px 1fr;gap:12px;padding:12px 0}footer{margin-top:20px;padding-bottom:24px}.details dd{gap:8px}}
@media(max-width:760px) and (max-height:700px){.playground{height:275px}header{padding-top:23px}.intro{padding-top:8px}.intro>p{font-size:14px;margin-bottom:18px}footer{margin-top:14px;padding-bottom:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}