.putz{text-align:left;width:min(100%,720px);margin:24px auto 0}.putz-hud{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.putz-hud>div{background:#fff;border:3px solid #14313d;min-width:0;padding:6px 10px;box-shadow:4px 4px #14313d}.putz-hud small{text-transform:uppercase;letter-spacing:.08em;color:#1f7a8c;font-size:.68rem;font-weight:900;display:block}.putz-hud b{font-family:"Oswald", var(--font-bang), Impact, sans-serif;color:#14313d;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(1.15rem,4.5vw,1.7rem);font-weight:700;line-height:1.1;display:block;overflow:hidden}.putz-hud .hot{background:#bfe7e4}.putz-hud .hot b{color:#1f7a8c}.putz-stage{border-color:#14313d;overflow:hidden;box-shadow:8px 8px #14313d;background:#f3fbfb!important}.putz-stage canvas{touch-action:none;cursor:pointer}.putz-stage.playing canvas{cursor:none}.putz-watcher{pointer-events:none;align-items:flex-start;gap:6px;max-width:66%;display:flex;position:absolute;top:6px;right:6px}.putz-watcher img{transform-origin:50% 100%;flex:none;width:clamp(52px,14vw,96px);height:auto}.putz-bubble{color:#14313d;background:#fff;border:3px solid #14313d;border-radius:14px 4px 14px 14px;margin:4px 0 0;padding:6px 10px;font-size:clamp(.72rem,2.4vw,.92rem);font-weight:700;line-height:1.25;animation:.35s cubic-bezier(.34,1.56,.64,1) putz-pop;box-shadow:3px 3px #14313d}.putz-watcher.watch img{animation:2.6s ease-in-out infinite putz-peek}.putz-watcher.cheer img{animation:.6s cubic-bezier(.34,1.56,.64,1) 2 putz-cheer}.putz-watcher.shock img{animation:.4s ease-in-out putz-shock}@keyframes putz-pop{0%{opacity:.3;scale:.8}}@keyframes putz-peek{50%{translate:0 2px;rotate:-4deg}}@keyframes putz-cheer{40%{translate:0 -14px;rotate:6deg}}@keyframes putz-shock{25%{translate:-4px}75%{translate:4px}}.putz-stage .result{text-align:center;font-family:"Oswald", var(--font-bang), Impact, sans-serif;text-transform:uppercase;font-size:clamp(1.5rem,5vw,2.4rem);line-height:1.1}.putz-verdict{max-width:40ch;font-family:var(--font-body), sans-serif;text-transform:none;margin:6px auto;font-size:clamp(.8rem,2.6vw,1rem);font-weight:700;line-height:1.35;display:block}.putz-keys{color:#555;text-align:center;margin:22px 0 0;font-size:.85rem}.putz-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:520px){.putz-hud{grid-template-columns:repeat(2,minmax(0,1fr))}.putz-stage{box-shadow:5px 5px #14313d}}@media (prefers-reduced-motion:reduce){.putz-bubble,.putz-watcher img{animation:none!important}}