/* 콩코이들 유리 장면 스타일 — 원본('깨지는 유리 모션.txt')의 스타일을 이 영역 안으로만 한정한 사본.
   원본 마지막의 덮어쓰기 규칙(상단 문구·안내 문구 숨김, 밝은 버튼, 밝은 로딩 화면)까지 반영했습니다. */
#conchoidal-glass{position:relative;width:100%;overflow:hidden;background:#f5f4f1;color:#e7eae4;font-family:Arial,'Apple SD Gothic Neo',sans-serif}
#conchoidal-glass .cg-scene{position:absolute;inset:0;touch-action:manipulation;cursor:crosshair}
#conchoidal-glass .cg-scene canvas{display:block;width:100%;height:100%}
#conchoidal-glass .cg-bottom{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:5vw;right:5vw;display:flex;align-items:center;justify-content:flex-end;gap:16px;pointer-events:none}
#conchoidal-glass .cg-caption{display:none}
#conchoidal-glass button{pointer-events:auto;font:inherit;font-size:11px;letter-spacing:.03em;border:1px solid #7774;background:#ffffffb0;color:#444;border-radius:24px;padding:11px 19px;min-height:44px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
#conchoidal-glass button:hover{background:#35443ecc}
#conchoidal-glass button:focus-visible{outline:2px solid #e0e9e3;outline-offset:4px}
#conchoidal-glass .cg-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:#555;background:#f5f4f1;transition:opacity .5s;pointer-events:none}
#conchoidal-glass .cg-loading.ready{opacity:0}
#conchoidal-glass .cg-fallback{display:none;position:absolute;inset:30% 12%;font-size:15px;line-height:1.8;color:#444}
#conchoidal-glass.error .cg-fallback{display:block}
#conchoidal-glass.error .cg-loading{display:none}
@media(max-width:600px){#conchoidal-glass .cg-bottom{bottom:20px;gap:8px}}
