/* ============================================================
   AURA images — CSS gradient placeholders
   命名: img-{genre}-{lean}
============================================================ */

/* ISLAND */
.img-island-stay { background: radial-gradient(ellipse 60% 40% at 30% 30%, rgba(255,200,150,0.4), transparent 60%), linear-gradient(to bottom, #C5A484 0%, #B8957A 20%, #8E7762 35%, #5C5670 60%, #3A4860 80%, #1A2845 100%); background-color: #1A2845; }
.img-island-balanced { background: radial-gradient(ellipse 80% 30% at 50% 65%, rgba(255,255,255,0.15), transparent 70%), linear-gradient(to bottom, #6E9DC0 0%, #8AB3CF 25%, #A5C5DA 45%, #C9D8E5 60%, #4A7A95 60.5%, #2D5A7A 80%, #1A3F5A 100%); background-color: #1A3F5A; }
.img-island-inbound { background: linear-gradient(135deg, #2D5A8C 0%, #4A7AA8 30%, #B89758 70%, #8E6E48 100%), radial-gradient(circle at 70% 60%, rgba(0,0,0,0.3), transparent 50%); background-blend-mode: multiply; background-color: #2D5A8C; }

/* ONSEN */
.img-onsen-stay { background: radial-gradient(ellipse 70% 50% at 50% 80%, rgba(255,220,180,0.6), transparent 60%), radial-gradient(ellipse 90% 60% at 50% 30%, rgba(255,255,255,0.2), transparent 70%), linear-gradient(to bottom, #2A1F1F 0%, #4A2F28 30%, #8E5A48 60%, #C58A60 85%, #E0B58A 100%); background-color: #2A1F1F; }
.img-onsen-balanced { background: radial-gradient(ellipse 80% 40% at 50% 60%, rgba(255,240,210,0.4), transparent 65%), linear-gradient(to bottom, #5C7A60 0%, #8AA088 30%, #B8B095 55%, #C8A878 75%, #A07A50 100%); background-color: #5C7A60; }
.img-onsen-inbound { background: radial-gradient(circle at 30% 40%, rgba(220,80,80,0.5), transparent 35%), radial-gradient(circle at 70% 60%, rgba(220,80,80,0.4), transparent 30%), linear-gradient(to bottom, #1A1015 0%, #3A1F25 40%, #6E3845 80%, #8E5860 100%); background-color: #1A1015; }

/* WORLD HERITAGE */
.img-world_heritage-stay { background: radial-gradient(ellipse 90% 30% at 50% 60%, rgba(255,255,255,0.4), transparent 70%), linear-gradient(to bottom, #3A3025 0%, #5C4E3A 25%, #4A5C40 50%, #2C3E2A 75%, #1A2818 100%); background-color: #1A2818; }
.img-world_heritage-balanced { background: radial-gradient(ellipse 90% 40% at 50% 50%, rgba(255,255,255,0.3), transparent 70%), linear-gradient(to bottom, #4A4030 0%, #6E5C40 20%, #4A5C40 40%, #2C3E2A 70%, #1A2818 100%); background-color: #2C3E2A; }
.img-world_heritage-inbound { background: radial-gradient(circle at 50% 70%, rgba(220,180,100,0.4), transparent 50%), linear-gradient(to bottom, #6E4A30 0%, #8E5C40 30%, #B07850 60%, #C89060 80%, #A06840 100%); background-color: #6E4A30; }

/* MOUNTAIN */
.img-mountain-stay { background: radial-gradient(ellipse 80% 40% at 50% 70%, rgba(255,255,255,0.45), transparent 60%), linear-gradient(to bottom, #B8C8D8 0%, #8AA0B8 25%, #5C7898 50%, #3E5070 75%, #1F2A40 100%); background-color: #1F2A40; }
.img-mountain-balanced { background: radial-gradient(ellipse 100% 30% at 50% 70%, rgba(255,255,255,0.5), transparent 60%), linear-gradient(to bottom, #DCE3ED 0%, #B5C4D4 15%, #6E8AA5 40%, #4A5878 55%, #FFFFFF 55.5%, #E8EDF3 75%, #C5D0E0 100%); background-color: #C5D0E0; }
.img-mountain-inbound { background: linear-gradient(to bottom, #FFD8A0 0%, #E8B080 30%, #B08068 55%, #786040 75%, #4A3828 100%); background-color: #786040; }

/* COASTAL */
.img-coastal-stay { background: radial-gradient(ellipse 70% 30% at 50% 80%, rgba(60,80,100,0.4), transparent 60%), linear-gradient(to bottom, #B5C4D4 0%, #8AA5BC 25%, #5C7A95 45%, #3E5870 65%, #1A2845 100%); background-color: #1A2845; }
.img-coastal-balanced { background: linear-gradient(to bottom, #C5D8E5 0%, #95B5CA 25%, #5C8AA8 50%, #3A6088 75%, #1F4068 100%); background-color: #1F4068; }
.img-coastal-inbound { background: radial-gradient(circle at 50% 60%, rgba(255,180,80,0.4), transparent 50%), linear-gradient(to bottom, #5BA8C8 0%, #4A8AA8 30%, #6E8068 60%, #C09858 85%, #A87038 100%); background-color: #4A8AA8; }

/* URBAN */
.img-urban-stay { background: radial-gradient(circle at 30% 40%, rgba(180,140,100,0.3), transparent 50%), linear-gradient(to bottom, #2A2520 0%, #4A4035 30%, #6E5A48 60%, #8E7860 85%, #A8907A 100%); background-color: #2A2520; }
.img-urban-balanced { background: repeating-linear-gradient(90deg, transparent 0px, transparent 8px, rgba(120,140,160,0.1) 8px, rgba(120,140,160,0.1) 9px, transparent 9px, transparent 24px), linear-gradient(to bottom, #2D4060 0%, #3A5078 35%, #5C7898 70%, #8AA8C0 100%); background-color: #3A5078; }
.img-urban-inbound { background: repeating-linear-gradient(90deg, transparent 0px, transparent 4px, rgba(255,200,80,0.15) 4px, rgba(255,200,80,0.15) 5px, transparent 5px, transparent 12px), linear-gradient(to bottom, #0A1525 0%, #1A2840 30%, #2D3A55 60%, #4A5070 100%); background-color: #0A1525; }

/* CITY */
.img-city-stay { background: radial-gradient(ellipse 80% 50% at 50% 70%, rgba(255,220,180,0.3), transparent 65%), linear-gradient(to bottom, #6E7890 0%, #58607A 25%, #3E4860 50%, #2A3048 75%, #181C2A 100%); background-color: #181C2A; }
.img-city-balanced { background: linear-gradient(to bottom, #C5CDD8 0%, #8E98A8 25%, #5C6878 50%, #3E4858 75%, #2A3040 100%); background-color: #3E4858; }
.img-city-inbound { background: radial-gradient(circle at 50% 50%, rgba(220,140,80,0.35), transparent 50%), linear-gradient(to bottom, #2A1F25 0%, #4A3038 35%, #786060 65%, #A88878 85%, #C8A88E 100%); background-color: #2A1F25; }

/* SATOYAMA */
.img-satoyama-stay { background: radial-gradient(ellipse 80% 40% at 50% 40%, rgba(160,200,140,0.35), transparent 60%), linear-gradient(to bottom, #6E9DC0 0%, #8DB590 30%, #5A7A4A 30.5%, #3E5C32 55%, #2C4525 80%, #1F3018 100%); background-color: #1F3018; }
.img-satoyama-balanced { background: linear-gradient(to bottom, #B5D5DD 0%, #98C0A0 30%, #6A8C58 50%, #4A6838 75%, #2F4828 100%); background-color: #4A6838; }
.img-satoyama-inbound { background: linear-gradient(to bottom, #C8D0A0 0%, #A8B888 30%, #88A058 50%, #608838 75%, #4A6028 100%); background-color: #608838; }

/* PASTORAL */
.img-pastoral-stay { background: radial-gradient(ellipse 100% 30% at 50% 70%, rgba(255,230,160,0.4), transparent 65%), linear-gradient(to bottom, #DEE8DD 0%, #C5C895 30%, #A0A068 55%, #707038 75%, #404818 100%); background-color: #404818; }
.img-pastoral-balanced { background: radial-gradient(ellipse 100% 30% at 50% 60%, rgba(255,230,160,0.3), transparent 65%), linear-gradient(to bottom, #C5D5DD 0%, #DDD5A8 30%, #B5A878 45%, #8E8550 65%, #5C5530 100%); background-color: #5C5530; }
.img-pastoral-inbound { background: radial-gradient(ellipse 100% 30% at 50% 60%, rgba(255,230,160,0.3), transparent 65%), linear-gradient(to bottom, #C5D5DD 0%, #DDD5A8 30%, #B5A878 45%, #8E8550 65%, #5C5530 100%); background-color: #5C5530; }
