:root{--bg:#fcf5ec;--ink:#3b3050;--muted:#a397b0;--card:#fff;--edge:#efe3d3;--accent:#ff7b8a;--accent-edge:#e25d6e;--plank:#f7c77b;--plank-edge:#e4a652;--fulcrum:#bfb0ee;--px-ink:#1a1c2c;--wood:#e4a672;--wood-hi:#ffcd75;--wood-lo:#8f563b;--blush:#ffb3c1;--good:#7fd1a1;--ok:#8cc4ff;--bad:#ffa08f;--font:"Roboto", system-ui, sans-serif;--num:"Roboto Mono", ui-monospace, monospace;font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:17px}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit;color:inherit}.app{flex-direction:column;align-items:center;gap:20px;max-width:760px;margin:0 auto;padding:28px 20px 48px;display:flex}.topbar{justify-content:center;align-items:center;width:100%;min-height:40px;display:flex;position:relative}.topbar .home-btn{position:absolute;top:50%;left:0;transform:translateY(-50%)}.home-btn{background:var(--card);box-shadow:0 4px 0 var(--edge);color:var(--muted);cursor:pointer;border:none;border-radius:99px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:700;transition:color .15s,box-shadow 60ms,translate 60ms;display:inline-flex}.home-btn:hover:not(:disabled){color:var(--ink)}.home-btn:active:not(:disabled){box-shadow:0 1px 0 var(--edge);translate:0 3px}.home-btn:disabled{opacity:.4;cursor:default}.final .topbar{width:auto;position:absolute;top:28px;left:20px;right:20px}.dots{gap:8px;margin:0;padding:0;list-style:none;display:flex}.dots li{background:var(--edge);border-radius:99px;width:8px;height:8px;transition:width .3s,background .3s}.dots li.done{background:var(--muted)}.dots li.current{background:var(--accent);width:24px}.question{text-align:center;max-width:560px;margin:8px 0 0;font-size:clamp(22px,4vw,30px);font-weight:500;line-height:1.3}.question b{color:var(--accent);font-weight:800}.stage{width:100%;height:clamp(300px,46vw,360px);position:relative}.stage:after{content:"";background:var(--edge);border-radius:50%;width:120px;height:10px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.fulcrum{display:block;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.beam{transform-origin:50%;z-index:2;height:20px;position:absolute;bottom:84px;left:4%;right:4%}.plank{background:var(--wood);box-shadow:0 -4px 0 0 var(--px-ink), 0 4px 0 0 var(--px-ink), -4px 0 0 0 var(--px-ink), 4px 0 0 0 var(--px-ink), inset 0 4px 0 0 var(--wood-hi), inset 0 -5px 0 0 var(--wood-lo);position:absolute;inset:0}.side{justify-content:center;align-items:flex-end;width:44%;display:flex;position:absolute;bottom:20px}.side-left{left:1%}.side-right{min-height:80px;right:1%}.side-right.clickable{cursor:pointer}.target-art{max-width:100%;height:auto;display:block}.pile{flex-wrap:wrap-reverse;justify-content:center;display:flex}.pile-item{transform-origin:50% 100%;position:relative}.pile-item svg{display:block;position:absolute;bottom:0;left:0}.controls{flex-direction:column;align-items:center;gap:22px;margin-top:4px;display:flex}.stepper{align-items:center;gap:10px;display:flex}.round{background:var(--card);width:56px;height:56px;box-shadow:0 5px 0 var(--edge);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:none;border-radius:50%;font-size:28px;font-weight:500;line-height:1;transition:transform 60ms,box-shadow 60ms}.round.small{width:44px;height:44px;color:var(--muted);font-size:13px;font-weight:700}.round:active:not(:disabled){box-shadow:0 1px 0 var(--edge);transform:translateY(4px)}.round:disabled{opacity:.4;cursor:default}.count{text-align:center;width:96px;font-family:var(--num);color:var(--ink);-moz-appearance:textfield;background:0 0;border:none;outline:none;font-size:40px;font-weight:700}.count::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.count::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.weigh,.btn.go{background:var(--accent);box-shadow:0 6px 0 var(--accent-edge);color:#fff;cursor:pointer;border:none;border-radius:99px;align-items:center;gap:10px;padding:16px 44px;font-size:18px;font-weight:700;transition:transform 60ms,box-shadow 60ms;display:inline-flex}.weigh:active:not(:disabled),.btn.go:active{box-shadow:0 2px 0 var(--accent-edge);transform:translateY(4px)}.weigh:disabled{opacity:.4;cursor:default}.btn.go.big{padding:18px 40px;font-size:20px}.pile-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.tally{white-space:nowrap;gap:8px;font-size:14px;display:flex}.tally span{background:var(--card);box-shadow:0 3px 0 var(--edge);color:var(--muted);border-radius:99px;padding:5px 12px}.tally b{font-family:var(--num);color:var(--ink);margin-left:4px}.tally .actual{background:var(--accent);box-shadow:0 3px 0 var(--accent-edge);color:#fff}.tally .actual b{color:#fff}.card{background:var(--card);box-shadow:0 6px 0 var(--edge);border-radius:28px}.result{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:520px;padding:24px 28px 28px;display:flex}.fact{color:#6f6480;margin:0;font-size:16px;line-height:1.5}.stamp{color:#fff;border-radius:99px;align-items:baseline;gap:4px;padding:10px 22px;display:flex}.stamp.good{background:var(--good)}.stamp.ok{background:var(--ok)}.stamp.bad{background:var(--bad)}.stamp-num{font-family:var(--num);font-size:34px;font-weight:700;line-height:1}.stamp-of{font-family:var(--num);opacity:.85;font-size:18px;font-weight:700}.stamp.big{margin:12px 0;padding:18px 36px}.stamp.big .stamp-num{font-size:64px}.stamp.big .stamp-of{font-size:28px}.intro{text-align:center;justify-content:center;gap:28px;min-height:100vh}.intro-head{flex-direction:column;align-items:center;gap:18px;display:flex}.kicker{color:var(--muted);margin:0;font-size:13px;font-weight:700}.kicker.pill{background:var(--card);box-shadow:0 3px 0 var(--edge);border-radius:99px;padding:6px 14px}h1{letter-spacing:-.035em;margin:0;font-size:clamp(52px,11vw,104px);font-weight:900;line-height:.95}h1 b{color:var(--accent)}.lede{color:#6f6480;max-width:440px;margin:0;font-size:18px;line-height:1.55}.steps{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:0;padding:0;font-size:14px;font-weight:500;list-style:none;display:flex}.steps li{align-items:center;gap:8px;display:inline-flex}.step-num{background:var(--accent);color:#fff;width:22px;height:22px;font-family:var(--num);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:inline-grid}.intro-art{width:100%;max-width:400px;height:240px;margin-top:8px;position:relative}.mini-beam{transform-origin:50%;height:16px;position:absolute;bottom:66px;left:0;right:0}.mini-target{z-index:1;position:absolute;bottom:16px;left:6px}.mini-stack{z-index:1;flex-wrap:wrap-reverse;justify-content:center;width:132px;display:flex;position:absolute;bottom:16px;right:6px}.mini-stack svg{display:block}.mini-fulcrum{z-index:1;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mini-shadow{background:var(--edge);border-radius:50%;width:70%;height:14px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.final{text-align:center;justify-content:center;min-height:100vh;position:relative}.final-title{font-size:clamp(30px,6vw,48px);line-height:1.1}.breakdown{width:100%;max-width:560px;margin:8px 0 20px;padding:8px 24px;list-style:none}.breakdown li{text-align:left;align-items:center;gap:16px;padding:14px 0;display:flex}.breakdown li+li{border-top:2px solid var(--bg)}.bd-art{align-items:flex-end;gap:6px;min-width:84px;display:flex}.bd-text{flex-direction:column;flex:1;gap:2px;line-height:1.3;display:flex}.bd-text small{color:var(--muted);font-size:14px}.bd-score{font-family:var(--num);font-size:20px;font-weight:700}@media (width<=560px){.result{padding:20px 18px 24px}.tally{font-size:12px}.stepper{gap:6px}.round{width:50px;height:50px}.round.small{width:40px;height:40px}.count{width:80px;font-size:34px}.intro{gap:22px;padding-top:40px}.intro-art{height:210px}}:focus-visible{outline:3px solid var(--fulcrum);outline-offset:3px}