#wsduck-companion.wsduck-visual{position:relative!important;inset:auto!important;width:var(--wsduck-width,280px)!important;max-width:100%;flex:none;font-size:14px!important}
#wsduck-companion.wsduck-visual .wsduck-character{padding:0!important;border:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important;display:flex;width:var(--wsduck-avatar,260px)!important;height:var(--wsduck-avatar,260px)!important;margin:0 auto;transform-origin:50% 90%;animation:wsduck-breathe 3.6s ease-in-out infinite;filter:drop-shadow(0 10px 12px #06132930)}
#wsduck-companion.wsduck-visual .wsduck-sprite{height:var(--wsduck-size);background-image:url('/kids-tablet/20261025-v3/learning-companion/duck-speaking-sprites.webp?v=20261025-2');background-size:calc(var(--wsduck-size)*4) auto;background-position:calc(var(--wsduck-size)*var(--wsduck-col)*-1) calc(var(--wsduck-size)*var(--wsduck-row)*-1)}
#wsduck-companion.wsduck-visual .wsduck-character .wsduck-sprite{--wsduck-size:var(--wsduck-avatar,260px)!important}
#wsduck-companion.wsduck-visual .wsduck-bubble{width:100%;padding:13px 15px;border-radius:17px 17px 4px 17px;margin-bottom:8px}
#wsduck-companion.wsduck-visual .wsduck-bubble [lang]{font-size:18px;line-height:1.45}#wsduck-companion.wsduck-visual small{font-size:12px}#wsduck-companion.wsduck-visual button{font-size:14px;min-height:34px;padding:6px 10px}#wsduck-companion.wsduck-visual .wsduck-progress{font-size:12px;padding:6px 8px;margin-top:6px}
#wsduck-companion.wsduck-visual .wsduck-home{right:0;left:auto;width:312px;max-height:420px}#wsduck-companion.wsduck-visual .wsduck-pets small{font-size:10px}
#wsduck-companion.wsduck-visual[data-placement="margin"]{position:fixed!important;left:var(--wsduck-x)!important;right:auto!important;top:clamp(64px,12vh,132px)!important;bottom:auto!important;max-height:calc(100vh - 80px)}
#wsduck-companion.wsduck-visual[data-placement="panel"]{position:absolute!important;right:12px!important;bottom:12px!important;left:auto!important;display:grid;grid-template-columns:minmax(0,1fr) var(--wsduck-avatar);grid-template-rows:auto auto auto;gap:4px 10px;align-items:center}
#wsduck-companion.wsduck-visual[data-placement="flow"]{position:relative!important;inset:auto!important;margin:14px 0 8px auto;align-self:flex-end;display:grid;grid-template-columns:minmax(120px,1fr) var(--wsduck-avatar);gap:5px 10px;align-items:center;max-width:100%}
#wsduck-companion.wsduck-visual:is([data-placement="panel"],[data-placement="flow"]) .wsduck-bubble{grid-column:1;grid-row:1/4;margin:0}#wsduck-companion.wsduck-visual:is([data-placement="panel"],[data-placement="flow"]) .wsduck-character{grid-column:2;grid-row:1}#wsduck-companion.wsduck-visual:is([data-placement="panel"],[data-placement="flow"]) .wsduck-bar{grid-column:2;grid-row:2}#wsduck-companion.wsduck-visual:is([data-placement="panel"],[data-placement="flow"]) :is(.wsduck-progress,.wsduck-reward){grid-column:2;grid-row:3}
#wsduck-companion.wsduck-visual[data-placement="portrait"]{position:absolute!important;inset:8px!important;width:auto!important;display:grid;grid-template-columns:58% minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;gap:3px 8px;align-items:center}
#wsduck-companion.wsduck-visual[data-placement="portrait"] .wsduck-character{grid-column:1;grid-row:1}#wsduck-companion.wsduck-visual[data-placement="portrait"] .wsduck-bubble{grid-column:2;grid-row:1/4;margin:0;align-self:center}#wsduck-companion.wsduck-visual[data-placement="portrait"] .wsduck-bar{grid-column:1;grid-row:2}#wsduck-companion.wsduck-visual[data-placement="portrait"] :is(.wsduck-progress,.wsduck-reward){grid-column:1;grid-row:3}
#wsduck-companion.wsduck-visual[data-placement="portrait-poster"]{position:absolute!important;right:5px!important;left:auto!important;top:5px!important;bottom:5px!important;width:37%!important;display:flex;flex-direction:column;justify-content:center;gap:3px}
#wsduck-companion.wsduck-visual[data-placement="portrait-poster"] .wsduck-character{flex:none}#wsduck-companion.wsduck-visual[data-placement="portrait-poster"] .wsduck-bubble{padding:7px 8px;margin:0}#wsduck-companion.wsduck-visual[data-placement="portrait-poster"] .wsduck-bubble [lang]{font-size:13px}#wsduck-companion.wsduck-visual[data-placement="portrait-poster"] .wsduck-bubble small{display:none}#wsduck-companion.wsduck-visual[data-placement="portrait-poster"] .wsduck-bar{margin-top:0;gap:3px}#wsduck-companion.wsduck-visual[data-placement="portrait-poster"] .wsduck-bar button{font-size:11px;min-height:26px;padding:3px 5px}#wsduck-companion.wsduck-visual[data-placement="portrait-poster"] .wsduck-progress{font-size:10px;margin:0;padding:3px}
html[data-duck-product="elf"][data-wsduck-portrait="true"] .stage>:is(#cv,#elfimg,#doom,#bubble,#badge){visibility:hidden!important;pointer-events:none!important}
html[data-duck-product="elf"][data-wsduck-portrait="true"][data-wsduck-poster="true"] .stage>#pop{left:5px!important;right:auto!important;top:5px!important;bottom:5px!important;width:60%!important;max-width:60%!important;transform:none!important}
#wsduck-companion.wsduck-visual.wsduck-inline{position:relative!important;inset:auto!important;width:150px!important;float:left;margin:0 14px 8px 0}
.gc-shell.wsduck-dialogue-shell{display:grid;grid-template-columns:clamp(150px,20vw,230px) minmax(0,1fr);column-gap:24px;width:min(1200px,96vw)!important;align-items:start}
.gc-shell.wsduck-dialogue-shell>:not(.wsduck-dialogue-rail){grid-column:2;min-width:0}
.gc-shell.wsduck-dialogue-shell>.wsduck-dialogue-rail{grid-column:1;grid-row:1/20;min-width:0;align-self:start;position:sticky;top:16px;padding:12px 0}
.wsduck-dialogue-rail #wsduck-companion.wsduck-visual.wsduck-inline{float:none;width:100%!important;margin:0!important}
.gc-shell.wsduck-dialogue-shell .gc-ai{display:block;overflow-wrap:anywhere}
@media(max-width:600px){.gc-shell.wsduck-dialogue-shell{grid-template-columns:114px minmax(0,1fr);column-gap:10px;padding:12px!important}.gc-shell.wsduck-dialogue-shell .gc-groups{flex-wrap:wrap}.gc-shell.wsduck-dialogue-shell .gc-actions{flex-wrap:wrap}.gc-shell.wsduck-dialogue-shell .gc-actions button{flex-basis:100%}}
#wsduck-companion.wsduck-visual.wsduck-speaking .wsduck-character{animation:wsduck-talk-large 1.1s ease-in-out infinite alternate}#wsduck-companion.wsduck-visual.wsduck-hop .wsduck-character{animation:wsduck-hop-large .55s ease-in-out 2}#wsduck-companion.wsduck-visual.wsduck-think .wsduck-character{animation:wsduck-think-large .8s ease-in-out 1}
@keyframes wsduck-breathe{50%{transform:translateY(-3px) rotate(.6deg)}}@keyframes wsduck-talk-large{from{transform:rotate(-1.8deg) translateY(0)}to{transform:rotate(1.8deg) translateY(-3px)}}@keyframes wsduck-hop-large{40%{transform:translateY(-22px) rotate(-4deg)}80%{transform:translateY(-3px) rotate(3deg)}}@keyframes wsduck-think-large{50%{transform:rotate(-8deg)}}
@media(max-width:600px){#wsduck-companion.wsduck-visual .wsduck-bubble{padding:9px 10px}#wsduck-companion.wsduck-visual .wsduck-bubble [lang]{font-size:15px}#wsduck-companion.wsduck-visual small{font-size:11px}#wsduck-companion.wsduck-visual .wsduck-progress{font-size:11px}#wsduck-companion.wsduck-visual[data-placement="flow"]{display:flex;flex-direction:column;width:100%!important;align-items:center}#wsduck-companion.wsduck-visual[data-placement="flow"] .wsduck-bubble{max-width:310px}}
@media(prefers-reduced-motion:reduce){#wsduck-companion.wsduck-visual *{animation:none!important;transition:none!important}}