/* 짝 버블 (/grammar/voice/bubble.jsp, 2026-10-18). 공통 모양은 css/ps2-voice-arcade.css, 여기에는 이 게임에만 있는 것: 맛보기 캔버스 · 남은 진주 · 문장 속 목적어 표시 */
#main .gi .vx--bubble { --vx-a: #0891b2; --vx-b: #db2777; --vx-sky: radial-gradient(130% 140% at 0% 0%, #0e7490 0%, #0c4a6e 46%, #082f49 100%); }
#main .gi .vx--bubble .vx-hero__art { background: #0e7490; }
#main .gi .vx--bubble .vb-demo { display: block; width: 100%; }
#main .gi .vx--bubble .vb-pearl { display: inline-block; width: 12px; height: 12px; margin: 0 1px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff 0 18%, #e0f2fe 32%, #7dd3fc 72%, #0369a1 100%); box-shadow: 0 0 6px rgba(125, 211, 252, .7); }
#main .gi .vx--bubble .vb-pearl.is-off { background: #334155; box-shadow: none; opacity: .55; }
#main .gi .vx--bubble .vx-sent .vb-o { padding: 0 4px; border-radius: 6px; background: rgba(125, 211, 252, .18); box-shadow: inset 0 -3px 0 #7dd3fc; font-weight: inherit; }
#main .gi .vx--bubble .vx-card .vx-sent .vb-o, #main .gi .vx--bubble .vx-wrong .vx-sent .vb-o { background: #e0f2fe; box-shadow: inset 0 -3px 0 #0284c7; }
#main .gi .vx--bubble .vx-canvas { cursor: crosshair; }