@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--page:#f4ecdc;--ink:#2b1d14;--ink-soft:#6a5242;--surface:#fffaf0;--coach:#ffefc2;--primary:#d4572a;--primary-ink:#fff;--win:#23874f;--fail:#c8322b;--tile-a:#ece0c6;--tile-b:#e6d8ba;--wall:#2b1d14;--desk:#c08a58;--desk-edge:#9a6a3e;--dim:43, 29, 20}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--page);color:var(--ink);-webkit-tap-highlight-color:transparent;font-family:Nunito Variable,system-ui,sans-serif;font-size:16px}::selection{background:color-mix(in srgb, var(--primary) 30%, transparent)}:focus-visible{outline:3px solid var(--primary);outline-offset:3px}[hidden]{display:none!important}.app{max-width:460px;min-height:100svh;margin:0 auto;padding:14px 16px 24px;position:relative}button{letter-spacing:.01em;color:var(--ink);background:var(--surface);border:2px solid color-mix(in srgb, var(--ink) 14%, transparent);cursor:pointer;border-radius:999px;min-height:46px;padding:12px 20px;font:600 16px/1 Fredoka Variable,system-ui,sans-serif;transition:transform .1s,background-color .15s}button:active{transform:scale(.97)}button.primary{background:var(--primary);color:var(--primary-ink);border-color:#0000}button.big{min-height:60px;padding:16px 56px;font-size:22px}.icon-btn{align-items:center;gap:6px;padding:10px 16px 10px 12px;display:inline-flex}.icon-btn svg{width:18px;height:18px}#startScreen,#doneScreen{text-align:center;flex-direction:column;align-items:center;gap:14px;padding-top:7vh;display:flex}h1{letter-spacing:-.025em;text-wrap:balance;margin:0;font:600 clamp(46px,14vw,62px)/.95 Fredoka Variable,system-ui,sans-serif}.lead{color:var(--ink-soft);text-wrap:balance;max-width:28ch;margin:0;font-size:18px;line-height:1.4}.demo{pointer-events:none;margin:22px 0 18px}.notice{color:var(--ink-soft);max-width:300px;margin-top:6px;font-size:12.5px;line-height:1.45}.bar{justify-content:space-between;align-items:center;gap:8px;display:flex}.brand{letter-spacing:-.01em;font:600 19px/1 Fredoka Variable,system-ui,sans-serif}.chip{color:var(--ink-soft);font-variant-numeric:tabular-nums;background:color-mix(in srgb, var(--ink) 7%, transparent);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800}.hint{color:var(--ink);background:var(--surface);border-radius:14px;min-height:60px;margin:12px 0 18px;padding:10px 14px;font-size:14.5px;line-height:1.4}.hint.coach{background:var(--coach);grid-template-columns:1fr auto;align-items:center;gap:8px 12px;font-size:16px;font-weight:750;line-height:1.3;display:grid}.hint.coach .dots{grid-column:1/-1;gap:5px;display:flex}.hint.coach .dots i{background:color-mix(in srgb, var(--ink) 16%, transparent);border-radius:3px;width:16px;height:5px;transition:width .25s,background-color .25s}.hint.coach .dots i.done{background:color-mix(in srgb, var(--ink) 45%, transparent)}.hint.coach .dots i.now{background:var(--primary);width:26px}.hint.coach button{background:var(--ink);min-height:40px;color:var(--page);border-color:#0000;padding:8px 18px}.stage-wrap{justify-content:center;padding:4px 0;display:flex}.hint[hidden]+.stage-wrap{padding-top:24px}#stage{justify-content:center;display:flex;position:relative}.taps{color:var(--ink-soft);text-align:center;font-variant-numeric:tabular-nums;margin-top:16px;font-size:13px;font-weight:700}#spills{letter-spacing:2px;font-size:20px}.office{background:conic-gradient(var(--tile-a) 25%, var(--tile-b) 0 50%, var(--tile-a) 0 75%, var(--tile-b) 0) 0 0 / calc(var(--c) * 2) calc(var(--c) * 2);outline:4px solid var(--wall);outline-offset:0;border-radius:6px;position:relative}.worker{z-index:10;min-height:0;font:inherit;background:0 0;border:0;border-radius:0;padding:0;transition-property:left,top;transition-timing-function:cubic-bezier(.5,0,.9,.6);position:absolute}.worker:active{transform:none}.worker .body{background:var(--tint);border-radius:50%;transition:scale .1s;position:absolute;inset:17%}.worker:active .body{scale:.9}.worker .eyes{width:46%;height:26%;translate:calc(-50% + var(--lx) * 22%) calc(-50% + var(--ly) * 45%);justify-content:space-between;display:flex;position:absolute;top:50%;left:50%}.worker .eyes i{background:var(--ink);border-radius:50%;width:28%;height:100%}.worker .arrow{z-index:2;width:calc(var(--c) * .3);height:calc(var(--c) * .3);color:var(--ink);place-items:center;display:grid;position:absolute}.worker .arrow svg{width:100%;height:100%}.worker .badge,.desk .badge{z-index:3;width:calc(var(--c) * .34);height:calc(var(--c) * .34);background:var(--surface);min-width:17px;min-height:17px;color:var(--ink);border:2px solid var(--tint);font:700 calc(var(--c) * .19)/1 "Fredoka Variable", system-ui, sans-serif;border-radius:50%;place-items:center;display:grid;position:absolute}.worker .badge{top:4%;left:4%}.desk{z-index:5;transition:transform .5s cubic-bezier(.35,1.55,.55,1);position:absolute}.desk .top{inset:calc(var(--c) * .1);border-radius:calc(var(--c) * .14);background:var(--desk);box-shadow:inset 0 0 0 2px var(--desk-edge);position:absolute}.desk .badge{transition:transform .5s cubic-bezier(.35,1.55,.55,1);top:25%;left:50%}.ghost{z-index:4;pointer-events:none;position:absolute}.ghost .top{inset:calc(var(--c) * .1);border-radius:calc(var(--c) * .14);border:2.5px dashed var(--tint);background:color-mix(in srgb, var(--tint) 12%, transparent);position:absolute}.paper{background:var(--surface);border:1px solid var(--ink);z-index:30;pointer-events:none;width:10px;height:12px;position:absolute}.bubble{z-index:40;pointer-events:none;white-space:nowrap;background:var(--surface);color:var(--ink);border:2px solid var(--ink);border-radius:10px;padding:2px 7px;font:600 13px/1.2 Fredoka Variable,system-ui,sans-serif;animation:1.2s cubic-bezier(.2,.9,.3,1) forwards bub;position:absolute}@keyframes bub{0%{opacity:0;transform:translateY(6px)}15%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.shake{animation:.35s linear shake}@keyframes shake{0%,to{transform:none}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(3px)}}.dimmer{background:rgba(var(--dim), .6);z-index:25;pointer-events:none;border-radius:6px;animation:.3s fadeIn;position:absolute;inset:-4px}.office .lit{z-index:31!important}.worker.lit .body{box-shadow:0 0 0 3px var(--surface)}.worker.tapme:after{content:"";border:3px solid var(--surface);pointer-events:none;border-radius:50%;animation:1.3s cubic-bezier(.2,.7,.3,1) infinite ripple;position:absolute;inset:10%}.desk.lit .top{box-shadow:inset 0 0 0 2px var(--desk-edge), 0 0 0 3px var(--surface)}.ghost.lit .top{background:#fffaf073;border-width:3px}.hand{z-index:45;pointer-events:none;width:40px;height:28px;position:absolute;transform:translate(-50%,-50%)}.hand svg{width:100%;height:100%;fill:var(--primary);stroke:var(--surface);stroke-width:2.5px;paint-order:stroke;display:block}.hand.up{animation:.9s ease-in-out infinite bobUp}.hand.down{animation:.9s ease-in-out infinite bobDown}.hand.pointleft{animation:.9s ease-in-out infinite bobLeft}.hand.pointright{animation:.9s ease-in-out infinite bobRight}@keyframes ripple{0%{opacity:.95;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}@keyframes bobUp{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 8px))}}@keyframes bobDown{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(8px - 50%))}}@keyframes bobLeft{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(calc(-50% - 8px),-50%)}}@keyframes bobRight{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(calc(8px - 50%),-50%)}}@keyframes fadeIn{0%{opacity:0}}.overlay{z-index:50;background:color-mix(in srgb, var(--page) 70%, transparent);justify-content:center;align-items:center;padding:20px;animation:.25s fadeIn;display:flex;position:absolute;inset:0}.card{background:var(--surface);border:2px solid var(--ink);border-radius:16px;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:330px;padding:26px 18px 18px;animation:.3s cubic-bezier(.2,.9,.3,1) cardIn;display:flex}.stamp{letter-spacing:.02em;text-align:center;border:3.5px solid;border-radius:10px;padding:12px 18px;font:700 27px/1.05 Fredoka Variable,system-ui,sans-serif;animation:.35s cubic-bezier(.3,1.7,.5,1) .1s backwards stampIn;transform:rotate(-6deg)}.stamp small{letter-spacing:0;margin-top:5px;font:700 13px/1.3 Nunito Variable,system-ui,sans-serif;display:block}.stamp.win{color:var(--win);border-color:var(--win)}.stamp.fail{color:var(--fail);border-color:var(--fail)}@keyframes stampIn{0%{opacity:0;transform:rotate(-6deg)scale(2.2)}to{opacity:1;transform:rotate(-6deg)scale(1)}}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}}.ov-buttons{flex-direction:column;gap:10px;width:100%;display:flex}.toast{background:var(--ink);color:var(--page);z-index:200;border-radius:999px;padding:10px 18px;font-weight:700;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.shake,.bubble,.stamp,.card,.hand,.dimmer,.overlay,.worker.tapme:after{animation:none!important}.desk,.desk .badge,.worker{transition-duration:0s!important}}