.duck-sim{--ink:#0d0e11;--paper:#f3efe3;--yellow:#ffd22f;--orange:#ff6b2b;--pink:#ff4fa3;--teal:#2de1d1;--lavender:#bba4dc;background:var(--paper);width:100%;height:100%;min-height:420px;color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Noto Sans SC,sans-serif;position:relative;overflow:hidden}.duck-stage{position:absolute;inset:0}.duck-stage canvas{display:block;width:100%!important;height:100%!important}.duck-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.duck-overlay .sticker{filter:drop-shadow(0 2px #0d0e1159);will-change:transform, opacity;font-size:34px;line-height:1;position:absolute;top:0;left:0}.duck-hud{pointer-events:none;flex-direction:column;justify-content:space-between;padding:12px;display:flex;position:absolute;inset:0}.duck-hud>*{pointer-events:none}.duck-hud button,.duck-hud .pad,.duck-hud .hud-gesture{pointer-events:auto}.hud-top{align-items:flex-start;gap:10px;display:flex}.hud-mood{border:3px solid var(--ink);letter-spacing:.02em;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 8px;font-weight:800;display:inline-flex}.hud-mood .mood-emoji{font-size:22px;line-height:1}.hud-say{background:var(--yellow);border:3px solid var(--ink);min-height:0;box-shadow:4px 4px 0 var(--ink);border-radius:14px;padding:7px 12px;font-weight:800;transition:opacity .2s;transform:rotate(-1deg)}.hud-say:empty{opacity:0}.hud-stats{letter-spacing:.08em;text-transform:uppercase;opacity:.55;margin-left:auto;font:600 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.hud-gesture{border:3px solid var(--ink);width:200px;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:14px;position:absolute;top:64px;right:12px;overflow:hidden;transform:rotate(1.5deg)}.hud-gesture video{aspect-ratio:4/3;object-fit:cover;background:#111;width:100%;display:block;transform:scaleX(-1)}.hud-gesture .gesture-name{text-transform:uppercase;letter-spacing:.06em;padding:8px 10px 2px;font-size:13px;font-weight:900}.hud-gesture .gesture-hint{opacity:.8;padding:0 10px 10px;font-size:12px;line-height:1.35}.hud-bottom{align-items:flex-end;gap:12px;display:flex}.pad{border:3px solid var(--ink);width:120px;height:120px;box-shadow:4px 4px 0 var(--ink);background:radial-gradient(circle,#fff 0 40%,#ffffffa6 41%);border-radius:50%;flex:none;position:relative}.pad .knob{background:var(--yellow);border:3px solid var(--ink);border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;transition:transform 50ms linear;position:absolute;top:50%;left:50%}.pad.active .knob{background:var(--orange)}.pad .pad-label{white-space:nowrap;letter-spacing:.1em;text-transform:uppercase;opacity:.6;font:700 11px/1 ui-monospace,monospace;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.actions{flex-wrap:wrap;gap:8px;max-width:560px;display:flex}.btn{appearance:none;border:3px solid var(--ink);color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:999px;padding:8px 14px;font:800 13px/1 inherit;transition:transform 80ms,box-shadow 80ms}.btn:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn.primary{background:var(--yellow)}.btn.on{background:var(--teal)}.btn kbd{background:var(--ink);color:#fff;vertical-align:1px;border-radius:4px;margin-left:4px;padding:2px 4px;font:700 10px/1 ui-monospace,monospace}.duck-sim[data-mode=fallen] .btn:not([data-act=reset]):not([data-act=camera]):not([data-act=sound]){opacity:.45}.colorways{align-self:center;gap:6px;margin-left:auto;display:flex}.chip{border:3px solid var(--ink);background:var(--c);cursor:pointer;width:26px;height:26px;box-shadow:2px 2px 0 var(--ink);border-radius:50%}.chip.on{outline:3px solid var(--ink);outline-offset:2px}.duck-loader{background:var(--paper);z-index:5;text-align:center;place-items:center;transition:opacity .5s;display:grid;position:absolute;inset:0}.duck-loader.done{opacity:0;pointer-events:none}.duck-loader .egg{font-size:72px;animation:1.2s ease-in-out infinite wobble}@keyframes wobble{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)translateY(-6px)}}.duck-loader h2{letter-spacing:-.03em;text-transform:uppercase;margin:12px 0 6px;font:900 28px/1 Arial Black,Impact,sans-serif}.duck-loader .bar{border:3px solid var(--ink);background:#fff;border-radius:999px;width:260px;height:14px;margin:10px auto;overflow:hidden}.duck-loader .bar i{background:var(--yellow);width:0;height:100%;transition:width .3s;display:block}.duck-loader .step{letter-spacing:.1em;text-transform:uppercase;opacity:.7;font:600 12px/1.4 ui-monospace,monospace}.duck-loader .fine{opacity:.6;max-width:320px;margin-top:14px;font-size:12px}@media (max-width:720px){.hud-gesture{width:140px;top:56px}.actions{max-width:100%}.btn{padding:7px 10px;font-size:12px}.btn kbd{display:none}.pad{width:96px;height:96px}}.hud-gesture .face-line{letter-spacing:.04em;opacity:.7;padding:0 10px 10px;font:600 11px/1.3 ui-monospace,monospace}.hud-gesture .face-line:empty{display:none}.test-panel{z-index:8;border:3px solid var(--ink);max-width:520px;max-height:60%;box-shadow:4px 4px 0 var(--ink);pointer-events:auto;background:#fff;border-radius:12px;margin:0;padding:10px 12px;font:600 11px/1.5 ui-monospace,monospace;position:absolute;top:64px;left:12px;overflow:auto}.test-panel[data-result=pass]{border-color:#1a9c6b}.test-panel[data-result=fail]{border-color:#ff2d2d}