:root{--bg:#F4F1EA;--paper:#F4F1EA;--slip:#FFFEFA;--ink:#1C1C1A;--muted:#6B6A65;--line:#DDD8CD;--table:#E9E2D5;--tape:rgba(232,220,186,.92);--pen:#2D4C9A;--tomato:#B4513A;--denim:#4A5F78;--thumb:#EFEBE3;--shadow:0 1px 0 rgba(28,28,26,.06),2px 6px 14px rgba(28,28,26,.08)}html,body{background:var(--bg);color:var(--ink);font-family:Work Sans,system-ui,-apple-system,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}body{min-height:100dvh;margin:0}.serif{font-family:Libre Caslon Text,Georgia,serif;font-weight:400;letter-spacing:-.005em}.hand{font-family:Reenie Beanie,Bradley Hand,cursive;font-weight:400}.hub{min-height:100dvh;box-sizing:border-box;overflow-x:hidden;padding:40px 16px 56px;background-color:var(--table);background-image:repeating-linear-gradient(178deg,rgba(120,96,64,.05) 0 1px,transparent 1px 46px),repeating-linear-gradient(181deg,rgba(120,96,64,.035) 0 1px,transparent 1px 23px)}.desk{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:28px 32px;align-items:center}.desk-card{position:relative;box-sizing:border-box;grid-column:span 2;align-self:start;background:var(--slip);box-shadow:var(--shadow);padding:26px 28px 20px;transform:rotate(-1.5deg);max-width:440px}.hub-title{font-size:clamp(32px,4vw,42px);line-height:1.05;margin:0}.hub-sub{margin:12px 0 0;font-size:15px;line-height:1.55;color:#4a4945}.desk-scrawl{display:block;margin-top:8px;font-family:Reenie Beanie,cursive;font-size:27px;color:var(--pen)}.desk-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:250px;justify-content:center;color:inherit;text-decoration:none;transform:translate(var(--dx,0),var(--dy,0)) rotate(var(--r,0deg))}.desk-thing{display:block;transition:transform .18s ease,filter .18s ease;filter:drop-shadow(2px 5px 6px rgba(28,28,26,.13))}a.desk-item:hover .desk-thing{transform:translateY(-6px) rotate(-1.5deg);filter:drop-shadow(5px 14px 12px rgba(28,28,26,.18))}a.desk-item:active .desk-thing{transform:translateY(-1px)}a.desk-item:focus-visible{outline:2px dashed var(--ink);outline-offset:8px}.desk-tape{background:var(--tape);padding:3px 14px 0;font-family:Reenie Beanie,cursive;font-size:27px;line-height:1.1;text-transform:lowercase;transform:rotate(calc(var(--r,0deg) * -1.6));max-width:260px;text-align:center}.desk-new{position:absolute;top:12px;right:16%;background:var(--tomato);color:#fffefa;padding:2px 9px;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;transform:rotate(9deg)}.desk-photo{display:block;width:240px;aspect-ratio:1000/640;background:var(--slip);padding:8px 8px 22px;box-sizing:content-box}.desk-photo canvas,.desk-photo svg{display:block;width:100%;height:100%}.desk-spot{display:flex;align-items:center;justify-content:center;text-align:center;width:230px;min-height:96px;padding:10px 14px;box-sizing:border-box;border:2px dashed rgba(28,28,26,.22);border-radius:6px;font-family:Reenie Beanie,cursive;font-size:25px;line-height:1.1;color:var(--muted);text-transform:lowercase}.hub-foot{max-width:1180px;margin:40px auto 0;font-family:Reenie Beanie,cursive;font-size:24px;color:var(--muted);text-align:right}@media(max-width:600px){.desk{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.desk-card{grid-column:span 2;max-width:none;transform:rotate(-1deg)}.desk-item{min-height:0;transform:none}.desk-thing{zoom:.6}a.desk-item:hover .desk-thing{transform:none}.desk-tape{font-size:21px;padding:2px 8px 0;max-width:100%;box-sizing:border-box}.desk-spot{width:auto;font-size:22px}}.play{max-width:1080px;margin:0 auto;padding:12px 12px 24px;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px;color:var(--muted)}.back{color:var(--muted);text-decoration:none}.back:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.clock{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.play-title{font-size:clamp(24px,6vw,30px);line-height:1.1;margin:6px 0 0;text-align:center}.play-lede{order:5;text-align:center;color:#4a4945;max-width:600px;margin:16px auto 0;line-height:1.55;font-size:14.5px}.stage{position:relative;margin:12px auto 0;width:min(100%,calc((100dvh - 120px)/.64));box-sizing:border-box;overflow:hidden;aspect-ratio:1000/640;background:var(--paper);touch-action:none;user-select:none;-webkit-user-select:none}.stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.toast{position:absolute;left:50%;top:14px;transform:translate(-50%) rotate(-1deg);background:var(--slip);color:var(--ink);box-shadow:var(--shadow);padding:4px 16px 0;font-family:Reenie Beanie,cursive;font-size:27px;line-height:1.15;white-space:nowrap;pointer-events:none;animation:stick .2s ease-out}@keyframes stick{0%{opacity:0;transform:translate(-50%,-6px) rotate(-3deg)}to{opacity:1;transform:translate(-50%) rotate(-1deg)}}.below{display:grid;grid-template-columns:1fr auto;gap:14px 24px;margin-top:18px;align-items:start}@media(max-width:760px){.below{grid-template-columns:1fr}.actions{justify-content:flex-start}}@media(min-width:900px){.play{max-width:none;height:100dvh;box-sizing:border-box;padding:12px 24px 16px;display:grid;grid-template-columns:auto minmax(220px,260px);grid-template-rows:auto auto 1fr;grid-template-areas:"top top" "stage lede" "stage side";gap:14px 30px;justify-content:center;align-content:start}.play>.topbar{grid-area:top;min-height:40px}.play>.play-title{grid-area:top;justify-self:center;align-self:center;margin:0;font-size:clamp(22px,2.2vw,30px);white-space:nowrap;max-width:calc(100vw - 360px);overflow:hidden;text-overflow:ellipsis;padding:0 6px}.play>.play-lede{grid-area:lede;order:0;text-align:left;margin:0;max-width:none}.play>.stage{grid-area:stage;align-self:start;margin:0;width:min(calc(100vw - 338px),calc((100dvh - 96px)/.64))}.play>.below{grid-area:side;grid-template-columns:1fr;align-content:start;margin:0;gap:24px}.play>.below .actions{justify-content:flex-start;gap:16px}}.steps{position:relative;list-style:none;margin:6px 0 0;padding:20px 18px 14px;display:grid;gap:4px;background:var(--slip);box-shadow:var(--shadow);transform:rotate(1.2deg);font-family:Reenie Beanie,cursive;font-size:25px;line-height:1.05}.steps:before{content:"to do";display:block;font-size:30px;line-height:1;margin-bottom:6px}.steps:after{content:"";position:absolute;top:-9px;left:50%;width:70px;height:20px;margin-left:-35px;background:var(--tape);transform:rotate(-4deg)}.steps li{display:flex;align-items:flex-start;gap:10px;color:var(--ink)}.steps li b{width:15px;height:15px;flex:none;margin-top:3px;border:1.5px solid var(--ink);border-radius:2px 3px 1px;display:grid;place-items:center;font-size:0;color:transparent}.steps li.ok{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--pen)}.steps li.ok b{font-size:22px;line-height:0;color:var(--pen);font-family:Reenie Beanie,cursive;font-weight:400;overflow:visible}.actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:flex-end}.btn-done,.btn-again{font:inherit;font-size:15px;font-weight:500;background:var(--ink);color:#fffefa;border:0;border-radius:6px;padding:11px 18px;cursor:pointer}.btn-done:hover,.btn-again:hover{background:#3a3934}.btn-done:disabled{opacity:.35;cursor:default}.btn-shake,.btn-ball,.btn-new,.btn-keep{font:inherit;font-size:15px;background:none;border:0;padding:4px 0;color:var(--ink);cursor:pointer;text-decoration:underline;text-decoration-color:#1c1c1a59;text-underline-offset:4px}.btn-shake:hover,.btn-ball:hover,.btn-new:hover,.btn-keep:hover{text-decoration-color:var(--ink)}:where(button,a):focus-visible{outline:2px dashed var(--ink);outline-offset:4px}.result-veil{position:fixed;inset:0;background:#2826229e;display:grid;place-items:center;padding:16px;z-index:50;animation:veil .2s ease-out}@keyframes veil{0%{opacity:.3}to{opacity:1}}.result{--z:12px;display:flex;flex-direction:column;align-items:stretch;gap:6px;width:min(360px,100%);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:calc(var(--z) + 14px) 24px calc(var(--z) + 16px);background:#fbfaf6;color:#2a2927;font-family:Courier Prime,Courier New,monospace;font-size:14px;line-height:1.35;text-align:center;transform:rotate(-1deg);animation:print .35s ease-out;-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/var(--z) calc(var(--z)/2) repeat-x,linear-gradient(#000 0 0) center/100% calc(100% - var(--z)) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/var(--z) calc(var(--z)/2) repeat-x;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/var(--z) calc(var(--z)/2) repeat-x,linear-gradient(#000 0 0) center/100% calc(100% - var(--z)) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/var(--z) calc(var(--z)/2) repeat-x}@keyframes print{0%{transform:translateY(-24px) rotate(-1deg);opacity:0}to{transform:rotate(-1deg);opacity:1}}.result:before{content:"MILDLY IMPOSSIBLE\aHOUSEHOLD PRACTICE ROOM";white-space:pre;order:-3;font-weight:700;font-size:15px;letter-spacing:.04em;line-height:1.4;padding-bottom:8px;border-bottom:1.5px dashed #2A2927}.result:after{content:"THANK YOU. PLEASE TRY AGAIN.";order:5;font-size:11.5px;letter-spacing:.08em;padding-top:52px;margin-top:4px;border-top:1.5px dashed #2A2927;background:repeating-linear-gradient(90deg,#2A2927 0 2px,transparent 2px 4px,#2A2927 4px 5px,transparent 5px 8px,#2A2927 8px 11px,transparent 11px 12px,#2A2927 12px 13px,transparent 13px 16px) center 12px/72% 34px no-repeat}.result-label{order:-2;font-weight:700;text-transform:uppercase;letter-spacing:.03em;text-align:left;margin-top:4px}.result-stats{order:1;display:flex;flex-direction:column;gap:2px;padding:6px 0 8px;border-bottom:1.5px dashed #2A2927;text-align:left;text-transform:uppercase}.result-stats div{display:flex;justify-content:space-between;gap:12px}.result-stats strong{font-weight:400;font-variant-numeric:tabular-nums;text-align:right}.result-score{order:2;font-family:Courier Prime,Courier New,monospace;font-weight:700;font-size:72px;line-height:1;letter-spacing:-.04em;margin-top:6px}.result-tier{order:3;font-family:Courier Prime,Courier New,monospace;font-weight:700;font-size:16px;letter-spacing:.04em;text-transform:uppercase}.result-line{order:4;margin:0 0 4px;font-size:13px;text-transform:uppercase}.result-row{order:6;display:flex;gap:16px;justify-content:center;align-items:center;margin-top:10px;flex-wrap:wrap;font-family:Work Sans,system-ui,sans-serif}@media(max-height:900px){.result{gap:2px;font-size:13px;line-height:1.25;padding-top:calc(var(--z) + 8px);padding-bottom:calc(var(--z) + 10px)}.result:before{font-size:13px;padding-bottom:4px}.result-stats{padding:3px 0 5px}.result-score{font-size:50px;margin-top:2px}.result-tier{font-size:14px}.result-line{font-size:12px}.result:after{padding-top:30px;background-size:72% 18px;background-position:center 8px}.result-row{margin-top:4px}.btn-again{padding:8px 16px}}a.btn-keep{display:inline-block}.meter{position:absolute;right:14px;bottom:12px;font-size:13.5px;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--slip);box-shadow:var(--shadow);padding:4px 10px;pointer-events:none}.stage-room{background:linear-gradient(#f7f4ee,#f2eee6)}.stage-room canvas{cursor:default}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.desk-crop{position:absolute;display:block}.desk-crop canvas{display:block;width:100%;height:100%}