.eco-round-card .eco-recap-friend{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:8px;margin:18px 0 22px;padding:16px 14px;border-radius:22px;background:linear-gradient(135deg,var(--ct-soft,#20394a),var(--ct-panel,#142638));border:1px solid var(--ct-line,#608277);box-sizing:border-box;isolation:isolate}
.eco-recap-stage{width:200px;text-align:center;overflow:hidden;align-self:center}.eco-recap-canvas{display:block;max-width:100%;contain:strict;pointer-events:none}
.eco-recap-body{min-width:0}.eco-recap-bubble{position:relative;border-radius:20px;background:var(--ct-panel,#142638);border:1px solid var(--ct-line,#608277);padding:19px 21px;overflow-wrap:anywhere}
.eco-recap-bubble:before{content:'';position:absolute;left:-8px;top:53px;width:14px;height:14px;background:var(--ct-panel,#142638);border-left:1px solid var(--ct-line,#608277);border-bottom:1px solid var(--ct-line,#608277);transform:rotate(45deg)}
.eco-recap-name{display:block;font-size:14px;font-weight:800;color:var(--ct-accent,#95f1d0);margin-bottom:8px}.eco-recap-word{display:block;font-size:clamp(23px,3vw,31px);line-height:1.3;color:var(--ct-ink,#f0f7ff)}
.eco-round-card .eco-recap-meaning{font-size:19px!important;line-height:1.55;margin:9px 0;color:var(--ct-ink,#f0f7ff)!important}.eco-round-card .eco-recap-encourage{font-size:14px!important;margin-bottom:0;color:var(--ct-muted,#bdcfdb)!important}
.eco-recap-nav{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:12px}.eco-recap-nav[hidden]{display:none}.eco-recap-count{font:700 14px system-ui;white-space:nowrap;color:var(--ct-muted,#bdcfdb)}
.eco-round-card .eco-recap-nav button{font-size:14px;min-height:44px;padding:8px 10px}.eco-round-card .eco-recap-replay{font-size:12px;min-height:44px;background:transparent;padding:6px 10px;color:var(--ct-muted,#bdcfdb)}.eco-recap-nav button:disabled{opacity:.42;cursor:default}.eco-recap-friend button:focus-visible{outline:3px solid var(--ct-accent,#95f1d0);outline-offset:3px}
@media(max-width:560px){.eco-round-card .eco-recap-friend{grid-template-columns:minmax(0,1fr);padding:12px;gap:8px}.eco-recap-stage{justify-self:center}.eco-recap-bubble{padding:17px}.eco-recap-bubble:before{top:-8px;left:calc(50% - 7px);transform:rotate(135deg)}.eco-recap-word{font-size:25px}}
@media(prefers-reduced-motion:reduce){.eco-recap-friend *{animation:none!important;transition:none!important}}