/* 비교 컬링 (/grammar/adjective/curling.jsp, 2026-10-18). 틀(.aa-*)은 css/ps2-adjective-arcade.css, 여기는 색과 로비 그림(.ah-*) */
#main .gi .aa--curling { --aa-bg1: #061a33; --aa-bg2: #0c3866; --aa-glow: #7dd3fc; --aa-halo: rgba(125, 211, 252, .26); --aa-win: #1d4ed8; --aa-accent: #0369a1; }

/* 로비 그림: 얼음판 끝에 과녁 둘이 있고, 돌이 미끄러져 맞는 말의 과녁 가운데에 선다. 빗자루 둘이 돌 앞을 문지른다 */
#main .gi .aa--curling .aa-hero__art { height: 250px; background: radial-gradient(120% 90% at 50% 0%, #0f3b6b 0%, #061a33 60%, #020a17 100%); box-shadow: inset 0 0 0 1.5px rgba(125, 211, 252, .35); }
#main .gi .aa--curling .ah-hero__ice { position: absolute; left: 14%; right: 14%; top: 6%; bottom: 6%; border-radius: 16px; background: linear-gradient(90deg, #dbeafe, #f8fbff 50%, #dbeafe);
    box-shadow: 0 0 22px rgba(125, 211, 252, .55); }
#main .gi .aa--curling .ah-hero__ice::before { content: ""; position: absolute; left: 0; right: 0; top: 64%; height: 3px; background: rgba(220, 38, 38, .45); }
#main .gi .aa--curling .ah-hero__ice::after { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: rgba(37, 99, 235, .18); }
#main .gi .aa--curling .ah-hero__house { position: absolute; top: 20%; width: 74px; height: 74px; margin-left: -37px; border-radius: 50%;
    background: radial-gradient(circle, #fff 0 9%, #dc2626 10% 22%, #fff 23% 35%, #2563eb 36% 50%, transparent 51%); }
#main .gi .aa--curling .ah-hero__house--1 { left: 34%; animation: ah-win 4.2s ease-out infinite; }
#main .gi .aa--curling .ah-hero__house--2 { left: 66%; top: 34%; }
#main .gi .aa--curling .ah-hero__house b { position: absolute; left: 50%; bottom: calc(100% - 6px); transform: translateX(-50%); white-space: nowrap; padding: 3px 9px; border-radius: 8px;
    font-size: 12px; font-weight: 900; color: #fff; background: rgba(15, 23, 42, .88); box-shadow: 0 0 0 1.5px rgba(125, 211, 252, .8); }
#main .gi .aa--curling .ah-hero__house--1 b { animation: ah-label 4.2s ease-out infinite; }
#main .gi .aa--curling .ah-hero__stone { position: absolute; z-index: 2; left: 50%; top: 82%; width: 28px; height: 28px; margin: -14px 0 0 -14px; border-radius: 50%;
    background: radial-gradient(circle, #fbbf24 0 38%, #e5e7eb 40%, #9ca3af 70%, #4b5563 100%); box-shadow: 3px 4px 4px rgba(15, 23, 42, .3); animation: ah-slide 4.2s cubic-bezier(.2, .7, .3, 1) infinite; }
#main .gi .aa--curling .ah-hero__broom { position: absolute; z-index: 2; left: 50%; top: calc(82% - 34px); width: 5px; height: 16px; border-radius: 3px; background: #fbbf24; animation: ah-broom 4.2s cubic-bezier(.2, .7, .3, 1) infinite; }
#main .gi .aa--curling .ah-hero__broom::after { content: ""; position: absolute; left: -5px; top: -4px; width: 15px; height: 5px; border-radius: 2px; background: #b45309; animation: ah-brush .16s ease-in-out infinite alternate; }
#main .gi .aa--curling .ah-hero__broom--1 { margin-left: -24px; }
#main .gi .aa--curling .ah-hero__broom--2 { margin-left: 18px; }
#main .gi .aa--curling .ah-hero__pop { position: absolute; z-index: 3; left: 34%; top: calc(20% + 84px); transform: translateX(-50%); white-space: nowrap; font-weight: 900; font-size: 19px; color: #fde68a;
    text-shadow: 0 2px 10px rgba(2, 6, 23, .9); opacity: 0; animation: ah-pop 4.2s ease-out infinite; }
@keyframes ah-slide { 0%, 8% { left: 50%; top: 82%; opacity: 1; } 55%, 86% { left: 34%; top: calc(20% + 37px); opacity: 1; } 92%, 100% { left: 34%; top: calc(20% + 37px); opacity: 0; } }
@keyframes ah-broom { 0%, 8% { left: 50%; top: calc(82% - 34px); opacity: 1; } 50% { left: 35%; top: calc(20% + 8px); opacity: 1; } 56%, 100% { left: 34%; top: calc(20% + 4px); opacity: 0; } }
@keyframes ah-brush { from { transform: translateX(-3px); } to { transform: translateX(3px); } }
@keyframes ah-win { 0%, 54% { box-shadow: none; } 60%, 86% { box-shadow: 0 0 0 4px #fde68a, 0 0 26px rgba(253, 230, 138, .9); } 92%, 100% { box-shadow: none; } }
@keyframes ah-label { 0%, 54% { box-shadow: 0 0 0 1.5px rgba(125, 211, 252, .8); } 60%, 86% { box-shadow: 0 0 0 2px #fde68a; color: #fde68a; } 92%, 100% { box-shadow: 0 0 0 1.5px rgba(125, 211, 252, .8); } }
@keyframes ah-pop { 0%, 56% { opacity: 0; transform: translate(-50%, 10px); } 62%, 84% { opacity: 1; transform: translate(-50%, 0); } 94%, 100% { opacity: 0; transform: translate(-50%, -14px); } }

/* 한 판 */
#main .gi .aa--curling .aa-cv { touch-action: none; }
#main .gi .aa--curling .aa-side { display: none; }
@media (max-width: 760px) {
    #main .gi .aa--curling .aa-hero__art { height: 210px; }
    #main .gi .aa--curling .ah-hero__ice { left: 6%; right: 6%; }
    #main .gi .aa--curling .ah-hero__house { width: 62px; height: 62px; margin-left: -31px; }
    #main .gi .aa--curling .ah-hero__house b { font-size: 11px; }
}