@font-face{font-family:Kalam;src:url(/fonts/kalam-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Kalam;src:url(/fonts/kalam-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Oswald;src:url(/fonts/oswald-700.woff2) format("woff2");font-weight:700;font-display:swap}*{box-sizing:border-box}html{background:#2e190e;color:#292923}body{margin:0;min-height:100svh;position:relative;isolation:isolate;font-family:Arial,Helvetica,sans-serif;background:#472515 url(/art/workbench-v1.webp) center/cover;box-shadow:inset 0 0 70px 8px #0e090855}body:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#09080722,transparent 22%,transparent 74%,#0e090733)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #f3dab0;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:flex-start;padding:27px 35px 14px;position:relative;z-index:6}.name{position:relative;color:#242824;text-decoration:none;background:#d7c3a0 url(/art/paper.svg) center/cover;transform:rotate(-2deg);padding:15px 24px 12px;box-shadow:2px 5px 7px #0b080899;border:1px solid #8b6947;font:700 33px/1.1 Kalam,cursive;letter-spacing:-1.2px;text-shadow:.5px .4px #33332955;clip-path:polygon(0 1%,99% 0,100% 98%,1% 100%)}.name:before{content:"";position:absolute;left:7%;right:7%;top:63%;border-bottom:1px solid #4b4b3888;transform:rotate(-.8deg)}.name span{display:block;text-align:center;font:700 15px/1.3 Kalam,cursive;letter-spacing:.5px;margin-top:11px;color:#464538;text-shadow:none}.sound{position:relative;border:3px solid #222521;border-radius:50%;width:73px;height:73px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#272b27 0 21%,#8a7356 23% 26%,#3b3c35 29% 36%,#151b19 38% 58%,#48473b 61% 65%,#141a18 68%);box-shadow:2px 7px 8px #0d090999,inset 0 1px #b2a28255;color:#d5c6a3;margin-top:7px;transform:rotate(7deg)}.sound svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4}.sound span{position:absolute;top:78px;white-space:nowrap;font:10px/1 Oswald,sans-serif;letter-spacing:1.1px;padding:4px 7px;background:#d5c4a1;color:#33392e;box-shadow:1px 2px 3px #170c0866;transform:rotate(-7deg)}.sound[aria-pressed=true]{color:#6c705e}main{display:flex;flex-direction:column;align-items:center;padding-top:8px}.machine-top{width:min(660px,80vw);display:flex;align-items:center;justify-content:space-between;margin:4px 0 36px;color:#d9c9a7;font:11px Oswald,sans-serif;letter-spacing:1.1px}.machine-top span:first-child{background:#d5c9ae url(/art/paper.svg) center/cover;padding:8px 13px;color:#3b3d31;font:700 13px Kalam,cursive;letter-spacing:0;transform:rotate(1.8deg);box-shadow:1px 3px 5px #180c0966}.machine-top span:last-child{padding:3px 6px;border:1px solid #c4a87766;color:#dbc09a;background:#26191133;transform:rotate(-1deg);font-size:9px}.machine{position:relative;width:min(680px,80vw,calc(100svh - 315px));aspect-ratio:1;margin:0 0 27px;isolation:isolate;filter:drop-shadow(7px 13px 7px #110b0999)}.wheel-shell{position:absolute;inset:0;border-radius:50%;background:#614329;box-shadow:0 4px 1px #422c1a,0 0 0 3px #ac8654,0 0 0 5px #4d3522,0 8px 0 5px #2e2118,0 0 0 8px #937043;overflow:hidden}.wheel-shell:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:50%;box-shadow:inset 0 0 13px 5px #251a0d88;background:linear-gradient(130deg,#f6e1bb14,transparent 35%,#23181114 74%)}#wheel{display:block;width:100%;height:100%;overflow:visible}.rotor{transform-origin:400px 400px;will-change:transform}.wedge{transition:opacity .3s}.wedge.selected{filter:brightness(1.12)}.wedge-label{font-family:Oswald,Arial Narrow,sans-serif;font-weight:700;letter-spacing:.2px;paint-order:stroke;stroke:#382b1822;stroke-width:.5px;pointer-events:none}.hub{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:23%;height:23%;border-radius:50%;border:3px solid #745333;background:#c6ae85 url(/art/paper.svg) center/cover;box-shadow:0 4px 1px 2px #684d30,0 7px 9px 3px #1f140b99,inset 0 0 0 2px #e5cba0aa,inset 0 0 20px #6b492133;color:#232923;display:flex;align-items:center;justify-content:center;padding:0;font:400 clamp(22px,4.4vw,51px)/1 Kalam,cursive;letter-spacing:-1px;will-change:auto;overflow:hidden}.hub:before{content:"";position:absolute;inset:7%;border:1px solid #8d704b44;border-radius:50%;background:linear-gradient(23deg,transparent 26%,#6c4f2922 26.5%,transparent 27%),linear-gradient(103deg,transparent 66%,#f4dbb155 66.5%,transparent 67%);pointer-events:none}.hub:active{transform:translate(-50%,-49%);box-shadow:0 1px 1px 2px #684d30,0 3px 6px #1f140b99,inset 0 0 0 2px #e5cba0aa}.hub:disabled{color:#5a543c;font-size:clamp(12px,2.3vw,26px);letter-spacing:-.6px}.hub-screw{position:absolute;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#6b5a3d;box-shadow:0 1px #eee0b466}.screw-top{top:7%}.screw-bottom{bottom:7%}.pointer-hardware{position:absolute;z-index:5;left:0;top:-8.75%;width:100%;height:108.75%;overflow:visible;pointer-events:none;filter:drop-shadow(2px 3px 1px #130f0999)}#pointer{will-change:transform}.interaction{text-align:center;min-height:69px;padding:0 20px}#idle{display:flex;flex-direction:column;align-items:center}#instruction{margin:8px 0 0;padding:8px 17px;background:#d2bd7a url(/art/paper.svg) center/cover;box-shadow:1px 3px 4px #21130a88;color:#373b2e;font:700 12px Kalam,cursive;letter-spacing:.2px;transform:rotate(-1.4deg);clip-path:polygon(0 1%,99% 0,100% 98%,1% 100%)}#status{font:12px Kalam,cursive;color:#e9d4af;min-height:15px;margin:8px 0;max-width:360px;text-shadow:1px 1px #21180f}.result{padding:16px 24px 19px;background:#d6c2a0 url(/art/paper.svg) center/cover;box-shadow:2px 5px 7px #190f0899;border:1px solid #896e48;transform:rotate(-1deg);max-width:440px}.result-label{font:700 11px Kalam,cursive;color:#65573d;margin:0 0 6px;letter-spacing:1px}.result h1{font:700 29px/1.1 Oswald,sans-serif;margin:0;color:#29312c}.result #result-text{font:14px/1.4 Kalam,cursive;color:#4b4e3d;margin:8px 0 15px;max-width:360px}.result-actions{display:flex;gap:12px;justify-content:center}.result-actions a,.result-actions button{min-height:48px;padding:12px 21px;display:inline-flex;align-items:center;gap:18px;text-decoration:none;font:700 14px Kalam,cursive;border-radius:2px}.enter{background:#9c2c22;color:#f2dcb9;border:1px solid #633a26;box-shadow:0 3px #642a1d}.result-actions button{border:1px solid #8a7554;background:#b6a07833;color:#343a30}footer{display:flex;justify-content:space-between;padding:14px 35px 20px;color:#d8c09a;font:10px Kalam,cursive;text-shadow:1px 1px #21150c;letter-spacing:.3px}footer span:first-child{transform:rotate(.5deg)}footer span:last-child{transform:rotate(-1deg)}.noscript{text-align:center;color:#eee0bf}[hidden]{display:none!important}@media(min-width:1000px)and (min-height:900px){.machine{width:min(720px,calc(100svh - 315px))}}@media(max-width:600px){body{background-position:52% center;background-size:auto 100%;box-shadow:inset 0 0 35px 3px #0c090933}header{padding:22px 19px 14px;align-items:flex-start}.name{font-size:25px;letter-spacing:-.7px;padding:14px 14px 10px}.name span{font-size:13px;margin-top:9px}.name:before{top:61%}.sound{width:55px;height:55px;margin-top:9px;border-width:2px}.sound svg{width:18px}.sound span{top:59px;font-size:8px;padding:3px 5px}main{padding-top:9px}.machine-top{width:calc(100vw - 51px);margin:7px 0 32px;font-size:8px}.machine-top span:first-child{font-size:11px;padding:5px 9px}.machine-top span:last-child{font-size:8px}.machine{width:calc(100vw - 29px);max-width:calc(100svh - 255px);margin-bottom:27px}.wheel-shell{box-shadow:0 3px 1px #422c1a,0 0 0 2px #ac8654,0 0 0 4px #4d3522,0 5px 0 4px #2e2118,0 0 0 6px #937043}.hub{font-size:30px;border-width:2px}.hub:disabled{font-size:16px}.hub-screw{width:3px;height:3px;left:calc(50% - 1.5px)}.interaction{min-height:90px;padding:0 14px}#instruction{font-size:11px;padding:7px 11px;margin-top:9px}#status{font-size:11px}.result{padding:14px 17px 18px}.result h1{font-size:27px}.result #result-text{font-size:13px}.result-actions{gap:9px}.result-actions a,.result-actions button{font-size:13px;padding:12px 15px;gap:12px}footer{padding:12px 20px 20px;justify-content:center;font-size:9px}footer span:last-child{display:none}}@media(max-width:350px){header{padding-left:14px;padding-right:14px}.name{font-size:22px;padding:13px 11px 10px}.name span{font-size:11px}.sound{width:49px;height:49px}.sound span{top:53px}.hub{font-size:26px}.result-actions a,.result-actions button{font-size:12px;padding:11px}}@media(prefers-reduced-motion:reduce){.wedge{transition:none}}html{--viewport-height:100vh;width:100%;height:100%;overflow:hidden}@supports (height:100dvh){html{--viewport-height:100dvh}}body{height:var(--viewport-height);min-height:0;width:100%;overflow:hidden}header{position:absolute;inset:0 0 auto;padding:20px 28px 0;pointer-events:none}header a,header button{pointer-events:auto}.name{font-size:29px;padding:13px 20px 10px}.name span{font-size:13px;margin-top:9px}.sound{width:64px;height:64px;margin-top:4px}.sound span{top:68px}main{position:absolute;inset:0;padding:70px 0 20px;justify-content:center;min-height:0}.machine{width:min(calc(100vw - 42px),calc(var(--viewport-height) - 120px));max-width:none;flex:none;margin:0}.machine-top{position:absolute;top:125px;right:28px;width:auto;margin:0;flex-direction:column;align-items:end;gap:20px}.machine-top span:first-child{font-size:15px;padding:12px 16px;max-width:140px;text-align:center;line-height:1.4;transform:rotate(3deg)}.interaction{position:absolute;left:28px;bottom:34px;width:320px;min-height:0;padding:0;z-index:8}#instruction{margin:0;font-size:13px;padding:10px 15px}#status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.result{padding:15px 18px 17px;width:100%;max-width:none}.result h1{font-size:27px}.result #result-text{font-size:13px}footer{position:absolute;bottom:0;left:0;right:0;padding:7px 28px 10px;font-size:9px;pointer-events:none}.wheel-shell{box-shadow:0 3px 1px #382618,0 0 0 2px #7b5836,0 0 0 4px #402d1c,0 9px 0 5px #281e16,0 0 0 7px #745232}.wheel-shell:after{box-shadow:inset 0 0 15px 6px #20160899;background:linear-gradient(130deg,#d4ad7512,transparent 35%,#160f0b17 74%)}@media(max-width:600px){body{background-image:url(/art/workbench-mobile-v1.webp);background-position:center;background-size:cover}header{padding:17px 15px 0}.name{font-size:24px;padding:13px 13px 10px}.name span{font-size:12px;margin-top:9px}.sound{width:53px;height:53px;margin-top:6px}.sound span{top:57px;font-size:8px}main{padding:90px 0 110px}.machine{width:min(calc(100vw - 16px),calc(var(--viewport-height) - 210px));max-width:none;margin:0}.machine-top{top:122px;left:15px;right:15px;width:auto;flex-direction:row;align-items:center;gap:15px}.machine-top span:first-child{font-size:10px;padding:5px 9px;max-width:none;transform:rotate(1.8deg)}.machine-top span:last-child{font-size:7px}.interaction{left:50%;bottom:38px;transform:translate(-50%);width:calc(100vw - 34px);max-width:350px;padding:0;min-height:0}#instruction{font-size:12px;padding:8px 13px}.result{padding:12px 16px 15px;transform:rotate(-.8deg)}.result h1{font-size:25px}.result-label{font-size:10px}.result #result-text{font-size:12px;line-height:1.25;margin:7px 0 12px}.result-actions a,.result-actions button{font-size:13px;padding:11px 15px;min-height:47px}footer{padding:7px 15px 11px;font-size:8px}.hub{font-size:32px}.hub:disabled{font-size:17px}}@media(max-width:350px){.name{font-size:21px;padding:12px 11px 10px}.name span{font-size:10px}.sound{width:47px;height:47px}.sound span{top:51px}.machine-top{top:114px}.hub{font-size:28px}.result h1{font-size:23px}.result-actions a,.result-actions button{font-size:12px}}@media(max-height:600px)and (min-width:601px){header{padding:12px 18px 0}.name{font-size:22px;padding:10px 14px 8px}.name span{font-size:10px;margin-top:7px}.sound{width:46px;height:46px}.sound span{top:50px;font-size:8px}main{padding:40px 0 8px}.machine{width:min(calc(100vw - 40px),calc(var(--viewport-height) - 70px))}.machine-top{top:90px;right:18px}.machine-top span:first-child{font-size:11px;padding:8px 10px}.interaction{left:18px;bottom:28px;width:240px}.result{padding:10px 12px 13px}.result h1{font-size:21px}.result-label{font-size:9px}.result #result-text{font-size:11px;line-height:1.2;margin:5px 0 9px}.result-actions{gap:8px}.result-actions a,.result-actions button{font-size:11px;padding:10px 12px;gap:10px;min-height:44px}footer{font-size:8px;padding:6px 18px 8px}}.wheel-shell{background:transparent;box-shadow:none}.wheel-shell:after{inset:1.8%;box-shadow:inset 0 0 13px 3px #20160855}.result h1,.result #result-text{overflow-wrap:anywhere}.peg-elevation{transform:rotate(calc(0rad - var(--rotor-angle,0rad)));transform-origin:0 0;transform-box:view-box}.hub-label{position:relative;z-index:1}.hub-illusion{display:none;position:absolute;inset:9%;width:82%;height:82%;transform-origin:50% 50%;pointer-events:none}.hub-illusion path{fill:none;stroke:#30352c;stroke-width:6;stroke-linecap:round;opacity:.88}.spinning .hub-label{visibility:hidden}.spinning .hub-illusion{display:block}@media(prefers-reduced-motion:reduce){.hub-illusion{transform:none!important}}