.penguin-viewport{width:100%;min-width:0;overflow-x:auto}.penguin-stage{align-items:flex-end;min-height:320px;padding:28px 0 20px;display:flex;position:relative}.penguin-stage:before{content:"";background:var(--line);border-radius:8px;height:7px;position:absolute;bottom:52px;left:0;right:0}.penguin-slot{flex-direction:column;flex:none;align-items:center;min-width:0;display:flex;position:relative}.penguin-standing{justify-content:center;align-items:flex-end;width:100%;height:245px;display:flex}.penguin-art{filter:drop-shadow(0 2px 3px #243a4933);transform-origin:bottom;display:block}.penguin-slot.comparing .penguin-art,.penguin-slot.swapping .penguin-art,.penguin-slot.sorted .penguin-art{filter:drop-shadow(0 0 4px)drop-shadow(0 2px 3px #243a4933)}.penguin-art.comparing{animation:.38s ease-in-out penguin-compare}.penguin-art.swapping{animation:.4s ease-in-out penguin-hop}.penguin-art.sorted{animation:.35s ease-out penguin-success}.penguin-value{border:1px solid var(--line);background:var(--panel);color:var(--ink);text-overflow:ellipsis;border-radius:8px;max-width:100%;margin-top:5px;padding:4px 6px;font-size:12px;overflow:hidden}.penguin-index{color:var(--muted);font-size:10px;position:absolute;top:0}.penguin-check{color:#258555;font-size:12px;position:absolute;top:16px}.penguin-scale-note{color:var(--muted);font-size:12px}.bubble-view-switch{align-items:center;gap:4px;display:flex}.bubble-view-switch button[aria-pressed=true]{background:var(--accent);color:#fff}.input-strip.bubble-compact{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:minmax(0,1fr) 72px 72px;align-items:end;gap:6px;padding:8px 10px;display:grid}.bubble-compact>label:first-of-type{grid-area:2/1}.bubble-compact>label:nth-of-type(2){grid-area:2/3}.bubble-compact>label:nth-of-type(3){grid-area:2/2}.bubble-compact h2{grid-column:1/-1;margin:0;font-size:14px}.input-strip.bubble-compact label{gap:4px;min-width:0;font-size:12px}.bubble-compact input,.bubble-compact textarea{width:100%;min-width:0;height:38px;min-height:38px;padding:8px}.bubble-compact textarea{resize:vertical}.bubble-compact .preset-row{grid-column:1/-1;align-items:center;gap:6px}.bubble-compact .preset-row button,.bubble-compact .preset-row select{min-height:36px;padding:6px 9px;font-size:12px}.bubble-compact .preset-row select{flex:0 0 114px;width:114px;min-width:0}.bubble-compact .input-messages{grid-column:1/-1}.bubble-compact .input-messages:empty{display:none}.bubble-compact .utility-row{grid-column:1/-1;gap:8px;display:flex}.bubble-compact .utility-row button{min-height:28px;padding:3px 8px;font-size:11px}@keyframes penguin-compare{25%{transform:rotate(-4deg)translateY(-2px)}65%{transform:rotate(4deg)translateY(-3px)}}@keyframes penguin-hop{30%{transform:translateY(-10px)rotate(-5deg)}65%{transform:translateY(-7px)rotate(4deg)}}@keyframes penguin-success{45%{transform:translateY(-4px)scale(1.03)}}@media (prefers-reduced-motion:reduce){.penguin-art{animation:none!important}}@media (width<=480px){.input-strip.bubble-compact{grid-template-columns:minmax(0,1fr) 60px 60px;padding:9px}}.count-character{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;align-items:center;max-width:100%;padding:4px;display:flex}.count-icon-grid{justify-content:center;align-items:center;gap:1px;display:grid}.count-icon-grid span{text-align:center;font-size:13px;line-height:15px}.count-overflow{background:var(--surface);color:var(--ink);border-radius:4px;padding:2px;font-size:10px}.count-empty{color:var(--muted);font-size:10px}.sorting-character-picker select{max-width:100%;min-height:44px;font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;padding:6px}.bubble-view-switch{flex-wrap:wrap}.penguin-slot.sorted .count-character{background:#e4f6eb;border-color:#258555}.count-character.still{animation:none}.penguin-art.moving{animation:.4s ease-in-out penguin-hop}.penguin-slot.moving .penguin-art{filter:drop-shadow(0 0 4px)}