/* Theme art for every L.O.S site. Written by App\Support\ThemeArt::css() (php artisan market:css): don't edit by hand. */

html[data-theme] body.los-body { background-image: var(--t-glow, none), var(--t-page, none); background-size: 100% 520px, var(--t-page-size, auto); background-repeat: no-repeat, repeat; background-position: 50% 0, 0 0; }
@media (min-width: 761px) { html[data-theme] body.los-body { background-attachment: scroll, fixed; } }
html[data-theme] .los-header { background-image: var(--t-scene, none), var(--t-header-tile, none), linear-gradient(180deg, var(--header-from), var(--header-to)); background-repeat: repeat-x, repeat, no-repeat; background-position: 0 100%, 0 0, 0 0; background-size: var(--t-scene-size, auto), var(--t-header-tile-size, auto), 100% 100%; border-bottom: 2px solid var(--t-edge, transparent); }
@media (max-width: 640px) { html[data-theme] .los-header { background-size: var(--t-scene-size-sm, auto), var(--t-header-tile-size, auto), 100% 100%; } }
html[data-theme] .los-header-inner { position: relative; z-index: 1; }
html[data-theme] .los-card { box-shadow: var(--t-card-shadow, var(--shadow)); }
html[data-theme] .los-card-head { background-image: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, 0) 55%), var(--t-head-tile, none), linear-gradient(180deg, var(--head-from), var(--head-to)); background-size: 100% 100%, var(--t-head-tile-size, auto), 100% 100%; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); border-bottom: 2px solid var(--t-edge, transparent); }
html[data-theme] .los-body .los-btn-gold { background-image: linear-gradient(180deg, rgba(255, 255, 255, .45), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, var(--t-gold-hi, #ffd65a), var(--gold)); }
html[data-theme] .los-body .los-btn-blue { background-image: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 55%); }
html[data-theme] .los-page-title { padding-bottom: 8px; background: linear-gradient(90deg, var(--gold), transparent) 0 100% / 96px 3px no-repeat; }
html[data-theme] .los-footer { overflow: visible; }
html[data-theme] .los-footer::before { content: ""; position: absolute; left: 0; right: 0; top: -27px; height: 28px; pointer-events: none; background-image: var(--t-foot, none); background-repeat: repeat-x; background-position: 0 100%; background-size: var(--t-foot-size, auto); }
@media (max-width: 640px) { html[data-theme] .los-footer::before { top: -19px; height: 20px; background-size: var(--t-foot-size-sm, auto); } }
.los-theme-card { overflow: hidden; }
.los-theme-card[data-theme-choice] { padding-top: 58px; background-repeat: repeat-x, no-repeat; background-position: 0 22px, 0 0; }

/* classic */
html:not([data-site])[data-theme="classic"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(242, 194, 48, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='48' viewBox='0 0 160 48'%3E%3Cpath d='M0 15.5H160M0 47.5H160M60 0V15.5M130 16V47.5M20 16V47.5' fill='none' stroke='%238b5a2b' stroke-opacity='0.06' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 7c14-3 30 3 44 0M70 8c20 3 40-3 80 0M30 31c20-3 40 3 60 0M100 38c10-2 20 2 26 0' fill='none' stroke='%238b5a2b' stroke-opacity='0.048' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='98' cy='8' rx='4' ry='2' fill='none' stroke='%238b5a2b' stroke-opacity='0.06' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-page-size: 160px 48px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='48' viewBox='0 0 160 48'%3E%3Cpath d='M0 15.5H160M0 47.5H160M60 0V15.5M130 16V47.5M20 16V47.5' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 7c14-3 30 3 44 0M70 8c20 3 40-3 80 0M30 31c20-3 40 3 60 0M100 38c10-2 20 2 26 0' fill='none' stroke='%23ffffff' stroke-opacity='0.056' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='98' cy='8' rx='4' ry='2' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-header-tile-size: 160px 48px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 120px 36px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30V20h240v10z M0 14h240v4H0z' fill='%233b1b0c' fill-opacity='0.48'/%3E%3Cpath d='M6 30V9l4-4 4 4v21z' fill='%233b1b0c' fill-opacity='0.6'/%3E%3Cpath d='M36 30V9l4-4 4 4v21z' fill='%233b1b0c' fill-opacity='0.6'/%3E%3Cpath d='M66 30V9l4-4 4 4v21z' fill='%233b1b0c' fill-opacity='0.6'/%3E%3Cpath d='M96 30V9l4-4 4 4v21z' fill='%233b1b0c' fill-opacity='0.6'/%3E%3Cpath d='M126 30V9l4-4 4 4v21z' fill='%233b1b0c' fill-opacity='0.6'/%3E%3Cpath d='M156 30V9l4-4 4 4v21z' fill='%233b1b0c' fill-opacity='0.6'/%3E%3Cpath d='M186 30V9l4-4 4 4v21z' fill='%233b1b0c' fill-opacity='0.6'/%3E%3Cpath d='M216 30V9l4-4 4 4v21z' fill='%233b1b0c' fill-opacity='0.6'/%3E%3C/svg%3E"); --t-scene-size: 240px 30px; --t-scene-size-sm: 168px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='30' viewBox='0 0 360 30'%3E%3Cpath d='M0 30C40 18 90 16 140 24S260 18 360 26V30z' fill='%2317365a' fill-opacity='0.8'/%3E%3Cpath d='M200 30V16l14-9 14 9v14z M236 30V10a5 5 0 0 1 10 0v20z' fill='%2317365a' fill-opacity='1'/%3E%3Cpath d='M209 30v-7h10v7z' fill='%23f2c230' fill-opacity='1'/%3E%3Cpath d='M60 30V22l6-6 6 6v8z' fill='%2317365a' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 360px 30px; --t-foot-size-sm: 252px 21px; --t-edge: rgba(242, 194, 48, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(139, 90, 43, 0.45); --t-gold-hi: #f7d778; }
.los-theme-card[data-theme-choice="classic"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30V20h240v10z M0 14h240v4H0z' fill='%233b1b0c' fill-opacity='0.6'/%3E%3Cpath d='M6 30V9l4-4 4 4v21z' fill='%233b1b0c' fill-opacity='0.75'/%3E%3Cpath d='M36 30V9l4-4 4 4v21z' fill='%233b1b0c' fill-opacity='0.75'/%3E%3Cpath d='M66 30V9l4-4 4 4v21z' fill='%233b1b0c' fill-opacity='0.75'/%3E%3Cpath d='M96 30V9l4-4 4 4v21z' fill='%233b1b0c' fill-opacity='0.75'/%3E%3Cpath d='M126 30V9l4-4 4 4v21z' fill='%233b1b0c' fill-opacity='0.75'/%3E%3Cpath d='M156 30V9l4-4 4 4v21z' fill='%233b1b0c' fill-opacity='0.75'/%3E%3Cpath d='M186 30V9l4-4 4 4v21z' fill='%233b1b0c' fill-opacity='0.75'/%3E%3Cpath d='M216 30V9l4-4 4 4v21z' fill='%233b1b0c' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #8b5a2b, #5a2a12); background-size: 144px 18px, 100% 40px; }
/* autumn */
html:not([data-site])[data-theme="autumn"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(227, 161, 59, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg transform='translate(20 24) rotate(30) scale(1.2)'%3E%3Cpath d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%23c8641e' fill-opacity='0.09'/%3E%3Cpath d='M0-8V9' fill='none' stroke='%23c8641e' stroke-opacity='0.09' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(86 40) rotate(-40) scale(1)'%3E%3Cpath d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%23c8641e' fill-opacity='0.09'/%3E%3Cpath d='M0-8V9' fill='none' stroke='%23c8641e' stroke-opacity='0.09' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(52 92) rotate(110) scale(1.3)'%3E%3Cpath d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%23c8641e' fill-opacity='0.09'/%3E%3Cpath d='M0-8V9' fill='none' stroke='%23c8641e' stroke-opacity='0.09' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(118 110) rotate(200) scale(1.1)'%3E%3Cpath d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%23c8641e' fill-opacity='0.09'/%3E%3Cpath d='M0-8V9' fill='none' stroke='%23c8641e' stroke-opacity='0.09' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(30 128) rotate(-70) scale(0.8)'%3E%3Cpath d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%23c8641e' fill-opacity='0.09'/%3E%3Cpath d='M0-8V9' fill='none' stroke='%23c8641e' stroke-opacity='0.09' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E"); --t-page-size: 140px 140px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg transform='translate(20 24) rotate(30) scale(1.2)'%3E%3Cpath d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%23ffffff' fill-opacity='0.105'/%3E%3Cpath d='M0-8V9' fill='none' stroke='%23ffffff' stroke-opacity='0.105' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(86 40) rotate(-40) scale(1)'%3E%3Cpath d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%23ffffff' fill-opacity='0.105'/%3E%3Cpath d='M0-8V9' fill='none' stroke='%23ffffff' stroke-opacity='0.105' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(52 92) rotate(110) scale(1.3)'%3E%3Cpath d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%23ffffff' fill-opacity='0.105'/%3E%3Cpath d='M0-8V9' fill='none' stroke='%23ffffff' stroke-opacity='0.105' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(118 110) rotate(200) scale(1.1)'%3E%3Cpath d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%23ffffff' fill-opacity='0.105'/%3E%3Cpath d='M0-8V9' fill='none' stroke='%23ffffff' stroke-opacity='0.105' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(30 128) rotate(-70) scale(0.8)'%3E%3Cpath d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%23ffffff' fill-opacity='0.105'/%3E%3Cpath d='M0-8V9' fill='none' stroke='%23ffffff' stroke-opacity='0.105' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E"); --t-header-tile-size: 140px 140px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 105px 105px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath transform='translate(10 26) rotate(40) scale(.9)' d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%235a1f0d' fill-opacity='0.72'/%3E%3Cpath transform='translate(26 24) rotate(-30) scale(.9)' d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%23e3a13b' fill-opacity='0.72'/%3E%3Cpath transform='translate(44 27) rotate(80) scale(.9)' d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%235a1f0d' fill-opacity='0.72'/%3E%3Cpath transform='translate(62 25) rotate(20) scale(.9)' d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%23e3a13b' fill-opacity='0.72'/%3E%3Cpath transform='translate(82 26) rotate(-60) scale(.9)' d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%235a1f0d' fill-opacity='0.72'/%3E%3Cpath transform='translate(100 24) rotate(10) scale(.9)' d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%23e3a13b' fill-opacity='0.72'/%3E%3Cpath transform='translate(118 27) rotate(70) scale(.9)' d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%235a1f0d' fill-opacity='0.72'/%3E%3Cpath transform='translate(136 25) rotate(-20) scale(.9)' d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%235a1f0d' fill-opacity='0.72'/%3E%3Cpath transform='translate(152 26) rotate(50) scale(.9)' d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%23e3a13b' fill-opacity='0.72'/%3E%3Cpath d='M0 30h160v-4H0z' fill='%235a1f0d' fill-opacity='0.6'/%3E%3C/svg%3E"); --t-scene-size: 160px 30px; --t-scene-size-sm: 112px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='30' viewBox='0 0 300 30'%3E%3Cpath d='M0 30h300v-4H0z' fill='%236b2a14' fill-opacity='1'/%3E%3Ccircle cx='20' cy='20' r='10' fill='%236b2a14' fill-opacity='1'/%3E%3Crect x='18.5' y='20' width='3' height='10' fill='%236b2a14' fill-opacity='1'/%3E%3Ccircle cx='46' cy='16' r='14' fill='%23e3a13b' fill-opacity='0.7'/%3E%3Crect x='44.5' y='16' width='3' height='14' fill='%236b2a14' fill-opacity='1'/%3E%3Ccircle cx='80' cy='21' r='9' fill='%236b2a14' fill-opacity='1'/%3E%3Crect x='78.5' y='21' width='3' height='9' fill='%236b2a14' fill-opacity='1'/%3E%3Ccircle cx='130' cy='17' r='13' fill='%236b2a14' fill-opacity='1'/%3E%3Crect x='128.5' y='17' width='3' height='13' fill='%236b2a14' fill-opacity='1'/%3E%3Ccircle cx='160' cy='22' r='8' fill='%23e3a13b' fill-opacity='0.7'/%3E%3Crect x='158.5' y='22' width='3' height='8' fill='%236b2a14' fill-opacity='1'/%3E%3Ccircle cx='210' cy='18' r='12' fill='%236b2a14' fill-opacity='1'/%3E%3Crect x='208.5' y='18' width='3' height='12' fill='%236b2a14' fill-opacity='1'/%3E%3Ccircle cx='250' cy='20' r='10' fill='%23e3a13b' fill-opacity='0.7'/%3E%3Crect x='248.5' y='20' width='3' height='10' fill='%236b2a14' fill-opacity='1'/%3E%3Ccircle cx='280' cy='23' r='7' fill='%236b2a14' fill-opacity='1'/%3E%3Crect x='278.5' y='23' width='3' height='7' fill='%236b2a14' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 300px 30px; --t-foot-size-sm: 210px 21px; --t-edge: rgba(227, 161, 59, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(200, 100, 30, 0.45); --t-gold-hi: #edc280; }
.los-theme-card[data-theme-choice="autumn"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath transform='translate(10 26) rotate(40) scale(.9)' d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%235a1f0d' fill-opacity='0.9'/%3E%3Cpath transform='translate(26 24) rotate(-30) scale(.9)' d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%23e3a13b' fill-opacity='0.9'/%3E%3Cpath transform='translate(44 27) rotate(80) scale(.9)' d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%235a1f0d' fill-opacity='0.9'/%3E%3Cpath transform='translate(62 25) rotate(20) scale(.9)' d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%23e3a13b' fill-opacity='0.9'/%3E%3Cpath transform='translate(82 26) rotate(-60) scale(.9)' d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%235a1f0d' fill-opacity='0.9'/%3E%3Cpath transform='translate(100 24) rotate(10) scale(.9)' d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%23e3a13b' fill-opacity='0.9'/%3E%3Cpath transform='translate(118 27) rotate(70) scale(.9)' d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%235a1f0d' fill-opacity='0.9'/%3E%3Cpath transform='translate(136 25) rotate(-20) scale(.9)' d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%235a1f0d' fill-opacity='0.9'/%3E%3Cpath transform='translate(152 26) rotate(50) scale(.9)' d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%23e3a13b' fill-opacity='0.9'/%3E%3Cpath d='M0 30h160v-4H0z' fill='%235a1f0d' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #c8641e, #8a2f14); background-size: 96px 18px, 100% 40px; }
/* moonlit */
html:not([data-site])[data-theme="moonlit"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(77, 158, 224, 0.22), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Ccircle cx='12' cy='18' r='1.2' fill='%23f1dc91' fill-opacity='0.14'/%3E%3Ccircle cx='60' cy='40' r='0.8' fill='%23f1dc91' fill-opacity='0.14'/%3E%3Ccircle cx='104' cy='14' r='1.6' fill='%23f1dc91' fill-opacity='0.14'/%3E%3Ccircle cx='140' cy='62' r='0.9' fill='%23f1dc91' fill-opacity='0.14'/%3E%3Ccircle cx='30' cy='88' r='1' fill='%23f1dc91' fill-opacity='0.14'/%3E%3Ccircle cx='86' cy='104' r='1.4' fill='%23f1dc91' fill-opacity='0.14'/%3E%3Ccircle cx='128' cy='132' r='0.8' fill='%23f1dc91' fill-opacity='0.14'/%3E%3Ccircle cx='8' cy='140' r='1.1' fill='%23f1dc91' fill-opacity='0.14'/%3E%3Ccircle cx='70' cy='150' r='0.7' fill='%23f1dc91' fill-opacity='0.14'/%3E%3Ccircle cx='150' cy='100' r='1.2' fill='%23f1dc91' fill-opacity='0.14'/%3E%3Cpath d='M44 120l2 6 6 2-6 2-2 6-2-6-6-2 6-2z M120 30l1.5 4.5 4.5 1.5-4.5 1.5-1.5 4.5-1.5-4.5-4.5-1.5 4.5-1.5z' fill='%23e8c547' fill-opacity='0.175'/%3E%3C/svg%3E"); --t-page-size: 160px 160px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Ccircle cx='12' cy='18' r='1.2' fill='%23ffffff' fill-opacity='0.14'/%3E%3Ccircle cx='60' cy='40' r='0.8' fill='%23ffffff' fill-opacity='0.14'/%3E%3Ccircle cx='104' cy='14' r='1.6' fill='%23ffffff' fill-opacity='0.14'/%3E%3Ccircle cx='140' cy='62' r='0.9' fill='%23ffffff' fill-opacity='0.14'/%3E%3Ccircle cx='30' cy='88' r='1' fill='%23ffffff' fill-opacity='0.14'/%3E%3Ccircle cx='86' cy='104' r='1.4' fill='%23ffffff' fill-opacity='0.14'/%3E%3Ccircle cx='128' cy='132' r='0.8' fill='%23ffffff' fill-opacity='0.14'/%3E%3Ccircle cx='8' cy='140' r='1.1' fill='%23ffffff' fill-opacity='0.14'/%3E%3Ccircle cx='70' cy='150' r='0.7' fill='%23ffffff' fill-opacity='0.14'/%3E%3Ccircle cx='150' cy='100' r='1.2' fill='%23ffffff' fill-opacity='0.14'/%3E%3Cpath d='M44 120l2 6 6 2-6 2-2 6-2-6-6-2 6-2z M120 30l1.5 4.5 4.5 1.5-4.5 1.5-1.5 4.5-1.5-4.5-4.5-1.5 4.5-1.5z' fill='%23ffffff' fill-opacity='0.175'/%3E%3C/svg%3E"); --t-header-tile-size: 160px 160px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 120px 120px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='30' viewBox='0 0 360 30'%3E%3Cpath d='M0 30C40 18 90 16 140 24S260 18 360 26V30z' fill='%23141f39' fill-opacity='0.48'/%3E%3Cpath d='M200 30V16l14-9 14 9v14z M236 30V10a5 5 0 0 1 10 0v20z' fill='%23141f39' fill-opacity='0.6'/%3E%3Cpath d='M209 30v-7h10v7z' fill='%23e8c547' fill-opacity='0.6'/%3E%3Cpath d='M60 30V22l6-6 6 6v8z' fill='%23141f39' fill-opacity='0.6'/%3E%3C/svg%3E"); --t-scene-size: 360px 30px; --t-scene-size-sm: 252px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='30' viewBox='0 0 360 30'%3E%3Cpath d='M0 30C40 18 90 16 140 24S260 18 360 26V30z' fill='%230b1226' fill-opacity='0.8'/%3E%3Cpath d='M200 30V16l14-9 14 9v14z M236 30V10a5 5 0 0 1 10 0v20z' fill='%230b1226' fill-opacity='1'/%3E%3Cpath d='M209 30v-7h10v7z' fill='%23e8c547' fill-opacity='1'/%3E%3Cpath d='M60 30V22l6-6 6 6v8z' fill='%230b1226' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 360px 30px; --t-foot-size-sm: 252px 21px; --t-edge: rgba(232, 197, 71, 0.55); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 10px 26px -10px rgba(0, 0, 0, .7); --t-gold-hi: #f0d987; }
.los-theme-card[data-theme-choice="moonlit"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='30' viewBox='0 0 360 30'%3E%3Cpath d='M0 30C40 18 90 16 140 24S260 18 360 26V30z' fill='%23141f39' fill-opacity='0.6'/%3E%3Cpath d='M200 30V16l14-9 14 9v14z M236 30V10a5 5 0 0 1 10 0v20z' fill='%23141f39' fill-opacity='0.75'/%3E%3Cpath d='M209 30v-7h10v7z' fill='%23e8c547' fill-opacity='0.75'/%3E%3Cpath d='M60 30V22l6-6 6 6v8z' fill='%23141f39' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #0e1730, #1f2f58); background-size: 216px 18px, 100% 40px; }
/* dark */
html:not([data-site])[data-theme="dark"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(61, 143, 203, 0.22), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='1.4' fill='%23e5d094' fill-opacity='0.07'/%3E%3C/svg%3E"); --t-page-size: 22px 22px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='1.4' fill='%23ffffff' fill-opacity='0.07'/%3E%3C/svg%3E"); --t-header-tile-size: 22px 22px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 17px 17px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='30' viewBox='0 0 320 30'%3E%3Cpath d='M0 30C50 14 90 14 140 22S240 10 320 20 V30z' fill='%234d4f55' fill-opacity='0.6'/%3E%3Cpath d='M0 30C60 22 120 24 180 26S280 22 320 26V30z' fill='%234d4f55' fill-opacity='0.84'/%3E%3C/svg%3E"); --t-scene-size: 320px 30px; --t-scene-size-sm: 224px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='30' viewBox='0 0 320 30'%3E%3Cpath d='M0 30C50 14 90 14 140 22S240 10 320 20 V30z' fill='%2316181c' fill-opacity='1'/%3E%3Cpath d='M0 30C60 22 120 24 180 26S280 22 320 26V30z' fill='%2316181c' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 320px 30px; --t-foot-size-sm: 224px 21px; --t-edge: rgba(212, 176, 76, 0.55); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 10px 26px -10px rgba(0, 0, 0, .7); --t-gold-hi: #e3cc8b; }
.los-theme-card[data-theme-choice="dark"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='30' viewBox='0 0 320 30'%3E%3Cpath d='M0 30C50 14 90 14 140 22S240 10 320 20 V30z' fill='%234d4f55' fill-opacity='0.75'/%3E%3Cpath d='M0 30C60 22 120 24 180 26S280 22 320 26V30z' fill='%234d4f55' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #2b2e35, #1a1c20); background-size: 192px 18px, 100% 40px; }
/* sunflower */
html:not([data-site])[data-theme="sunflower"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(247, 195, 37, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130' viewBox='0 0 130 130'%3E%3Cg transform='translate(32 34) scale(1)'%3E%3Cellipse transform='rotate(0)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(45)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(90)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(135)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(180)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(225)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(270)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(315)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Ccircle r='5' fill='%233f7d20' fill-opacity='0.132'/%3E%3C/g%3E%3Cg transform='translate(100 96) scale(0.8)'%3E%3Cellipse transform='rotate(0)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(45)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(90)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(135)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(180)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(225)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(270)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(315)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Ccircle r='5' fill='%233f7d20' fill-opacity='0.132'/%3E%3C/g%3E%3Cg transform='translate(104 20) scale(0.45)'%3E%3Cellipse transform='rotate(0)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(45)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(90)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(135)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(180)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(225)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(270)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(315)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Ccircle r='5' fill='%233f7d20' fill-opacity='0.132'/%3E%3C/g%3E%3Cg transform='translate(24 110) scale(0.5)'%3E%3Cellipse transform='rotate(0)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(45)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(90)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(135)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(180)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(225)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(270)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Cellipse transform='rotate(315)' cx='0' cy='-9' rx='3.4' ry='6' fill='%233f7d20' fill-opacity='0.096'/%3E%3Ccircle r='5' fill='%233f7d20' fill-opacity='0.132'/%3E%3C/g%3E%3C/svg%3E"); --t-page-size: 130px 130px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130' viewBox='0 0 130 130'%3E%3Cg transform='translate(32 34) scale(1)'%3E%3Cellipse transform='rotate(0)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(45)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(90)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(135)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(180)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(225)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(270)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(315)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Ccircle r='5' fill='%23ffffff' fill-opacity='0.154'/%3E%3C/g%3E%3Cg transform='translate(100 96) scale(0.8)'%3E%3Cellipse transform='rotate(0)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(45)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(90)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(135)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(180)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(225)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(270)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(315)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Ccircle r='5' fill='%23ffffff' fill-opacity='0.154'/%3E%3C/g%3E%3Cg transform='translate(104 20) scale(0.45)'%3E%3Cellipse transform='rotate(0)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(45)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(90)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(135)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(180)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(225)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(270)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(315)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Ccircle r='5' fill='%23ffffff' fill-opacity='0.154'/%3E%3C/g%3E%3Cg transform='translate(24 110) scale(0.5)'%3E%3Cellipse transform='rotate(0)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(45)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(90)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(135)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(180)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(225)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(270)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cellipse transform='rotate(315)' cx='0' cy='-9' rx='3.4' ry='6' fill='%23ffffff' fill-opacity='0.112'/%3E%3Ccircle r='5' fill='%23ffffff' fill-opacity='0.154'/%3E%3C/g%3E%3C/svg%3E"); --t-header-tile-size: 130px 130px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 98px 98px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-4H0z' fill='%2317350d' fill-opacity='0.6'/%3E%3Cpath d='M20 27V12' fill='none' stroke='%2317350d' stroke-opacity='0.6' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='20' cy='12' r='6' fill='%23f7c325' fill-opacity='0.9'/%3E%3Ccircle cx='20' cy='12' r='2.6' fill='%2317350d' fill-opacity='0.6'/%3E%3Cpath d='M60 27V9' fill='none' stroke='%2317350d' stroke-opacity='0.6' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='60' cy='9' r='6' fill='%23f7c325' fill-opacity='0.9'/%3E%3Ccircle cx='60' cy='9' r='2.6' fill='%2317350d' fill-opacity='0.6'/%3E%3Cpath d='M100 27V14' fill='none' stroke='%2317350d' stroke-opacity='0.6' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='100' cy='14' r='6' fill='%23f7c325' fill-opacity='0.9'/%3E%3Ccircle cx='100' cy='14' r='2.6' fill='%2317350d' fill-opacity='0.6'/%3E%3Cpath d='M140 27V10' fill='none' stroke='%2317350d' stroke-opacity='0.6' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='140' cy='10' r='6' fill='%23f7c325' fill-opacity='0.9'/%3E%3Ccircle cx='140' cy='10' r='2.6' fill='%2317350d' fill-opacity='0.6'/%3E%3Cpath d='M180 27V13' fill='none' stroke='%2317350d' stroke-opacity='0.6' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='180' cy='13' r='6' fill='%23f7c325' fill-opacity='0.9'/%3E%3Ccircle cx='180' cy='13' r='2.6' fill='%2317350d' fill-opacity='0.6'/%3E%3C/svg%3E"); --t-scene-size: 200px 30px; --t-scene-size-sm: 140px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-4H0z' fill='%232f5a17' fill-opacity='1'/%3E%3Cpath d='M20 27V12' fill='none' stroke='%232f5a17' stroke-opacity='1' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='20' cy='12' r='6' fill='%23f7c325' fill-opacity='1'/%3E%3Ccircle cx='20' cy='12' r='2.6' fill='%232f5a17' fill-opacity='1'/%3E%3Cpath d='M60 27V9' fill='none' stroke='%232f5a17' stroke-opacity='1' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='60' cy='9' r='6' fill='%23f7c325' fill-opacity='1'/%3E%3Ccircle cx='60' cy='9' r='2.6' fill='%232f5a17' fill-opacity='1'/%3E%3Cpath d='M100 27V14' fill='none' stroke='%232f5a17' stroke-opacity='1' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='100' cy='14' r='6' fill='%23f7c325' fill-opacity='1'/%3E%3Ccircle cx='100' cy='14' r='2.6' fill='%232f5a17' fill-opacity='1'/%3E%3Cpath d='M140 27V10' fill='none' stroke='%232f5a17' stroke-opacity='1' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='140' cy='10' r='6' fill='%23f7c325' fill-opacity='1'/%3E%3Ccircle cx='140' cy='10' r='2.6' fill='%232f5a17' fill-opacity='1'/%3E%3Cpath d='M180 27V13' fill='none' stroke='%232f5a17' stroke-opacity='1' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='180' cy='13' r='6' fill='%23f7c325' fill-opacity='1'/%3E%3Ccircle cx='180' cy='13' r='2.6' fill='%232f5a17' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 200px 30px; --t-foot-size-sm: 140px 21px; --t-edge: rgba(247, 195, 37, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(63, 125, 32, 0.45); --t-gold-hi: #fad871; }
.los-theme-card[data-theme-choice="sunflower"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-4H0z' fill='%2317350d' fill-opacity='0.75'/%3E%3Cpath d='M20 27V12' fill='none' stroke='%2317350d' stroke-opacity='0.75' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='20' cy='12' r='6' fill='%23f7c325' fill-opacity='1'/%3E%3Ccircle cx='20' cy='12' r='2.6' fill='%2317350d' fill-opacity='0.75'/%3E%3Cpath d='M60 27V9' fill='none' stroke='%2317350d' stroke-opacity='0.75' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='60' cy='9' r='6' fill='%23f7c325' fill-opacity='1'/%3E%3Ccircle cx='60' cy='9' r='2.6' fill='%2317350d' fill-opacity='0.75'/%3E%3Cpath d='M100 27V14' fill='none' stroke='%2317350d' stroke-opacity='0.75' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='100' cy='14' r='6' fill='%23f7c325' fill-opacity='1'/%3E%3Ccircle cx='100' cy='14' r='2.6' fill='%2317350d' fill-opacity='0.75'/%3E%3Cpath d='M140 27V10' fill='none' stroke='%2317350d' stroke-opacity='0.75' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='140' cy='10' r='6' fill='%23f7c325' fill-opacity='1'/%3E%3Ccircle cx='140' cy='10' r='2.6' fill='%2317350d' fill-opacity='0.75'/%3E%3Cpath d='M180 27V13' fill='none' stroke='%2317350d' stroke-opacity='0.75' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='180' cy='13' r='6' fill='%23f7c325' fill-opacity='1'/%3E%3Ccircle cx='180' cy='13' r='2.6' fill='%2317350d' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #3f7d20, #245214); background-size: 120px 18px, 100% 40px; }
/* blossom */
html:not([data-site])[data-theme="blossom"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(244, 167, 195, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cpath transform='translate(24 20) rotate(20)' d='M0-8C5-6 5 2 0 8C-5 2-5-6 0-8Z' fill='%23d0578a' fill-opacity='0.096'/%3E%3Cpath transform='translate(92 46) rotate(-50)' d='M0-8C5-6 5 2 0 8C-5 2-5-6 0-8Z' fill='%23d0578a' fill-opacity='0.096'/%3E%3Cpath transform='translate(56 100) rotate(130)' d='M0-8C5-6 5 2 0 8C-5 2-5-6 0-8Z' fill='%23d0578a' fill-opacity='0.096'/%3E%3Cpath transform='translate(126 120) rotate(70)' d='M0-8C5-6 5 2 0 8C-5 2-5-6 0-8Z' fill='%23d0578a' fill-opacity='0.096'/%3E%3Cpath transform='translate(16 132) rotate(-10)' d='M0-8C5-6 5 2 0 8C-5 2-5-6 0-8Z' fill='%23d0578a' fill-opacity='0.096'/%3E%3C/svg%3E"); --t-page-size: 140px 140px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cpath transform='translate(24 20) rotate(20)' d='M0-8C5-6 5 2 0 8C-5 2-5-6 0-8Z' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cpath transform='translate(92 46) rotate(-50)' d='M0-8C5-6 5 2 0 8C-5 2-5-6 0-8Z' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cpath transform='translate(56 100) rotate(130)' d='M0-8C5-6 5 2 0 8C-5 2-5-6 0-8Z' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cpath transform='translate(126 120) rotate(70)' d='M0-8C5-6 5 2 0 8C-5 2-5-6 0-8Z' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cpath transform='translate(16 132) rotate(-10)' d='M0-8C5-6 5 2 0 8C-5 2-5-6 0-8Z' fill='%23ffffff' fill-opacity='0.112'/%3E%3C/svg%3E"); --t-header-tile-size: 140px 140px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 105px 105px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 26C40 20 80 28 120 22S200 26 240 20' fill='none' stroke='%235b1f37' stroke-opacity='0.6' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='24' cy='22' r='3.4' fill='%23f4a7c3' fill-opacity='0.96'/%3E%3Ccircle cx='24' cy='22' r='1.2' fill='%235b1f37' fill-opacity='0.6'/%3E%3Ccircle cx='52' cy='24' r='3.4' fill='%23f4a7c3' fill-opacity='0.96'/%3E%3Ccircle cx='52' cy='24' r='1.2' fill='%235b1f37' fill-opacity='0.6'/%3E%3Ccircle cx='86' cy='25' r='3.4' fill='%23f4a7c3' fill-opacity='0.96'/%3E%3Ccircle cx='86' cy='25' r='1.2' fill='%235b1f37' fill-opacity='0.6'/%3E%3Ccircle cx='112' cy='22' r='3.4' fill='%23f4a7c3' fill-opacity='0.96'/%3E%3Ccircle cx='112' cy='22' r='1.2' fill='%235b1f37' fill-opacity='0.6'/%3E%3Ccircle cx='150' cy='23' r='3.4' fill='%23f4a7c3' fill-opacity='0.96'/%3E%3Ccircle cx='150' cy='23' r='1.2' fill='%235b1f37' fill-opacity='0.6'/%3E%3Ccircle cx='184' cy='24' r='3.4' fill='%23f4a7c3' fill-opacity='0.96'/%3E%3Ccircle cx='184' cy='24' r='1.2' fill='%235b1f37' fill-opacity='0.6'/%3E%3Ccircle cx='214' cy='21' r='3.4' fill='%23f4a7c3' fill-opacity='0.96'/%3E%3Ccircle cx='214' cy='21' r='1.2' fill='%235b1f37' fill-opacity='0.6'/%3E%3C/svg%3E"); --t-scene-size: 240px 30px; --t-scene-size-sm: 168px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 26C40 20 80 28 120 22S200 26 240 20' fill='none' stroke='%237a2848' stroke-opacity='1' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='24' cy='22' r='3.4' fill='%23f4a7c3' fill-opacity='1'/%3E%3Ccircle cx='24' cy='22' r='1.2' fill='%237a2848' fill-opacity='1'/%3E%3Ccircle cx='52' cy='24' r='3.4' fill='%23f4a7c3' fill-opacity='1'/%3E%3Ccircle cx='52' cy='24' r='1.2' fill='%237a2848' fill-opacity='1'/%3E%3Ccircle cx='86' cy='25' r='3.4' fill='%23f4a7c3' fill-opacity='1'/%3E%3Ccircle cx='86' cy='25' r='1.2' fill='%237a2848' fill-opacity='1'/%3E%3Ccircle cx='112' cy='22' r='3.4' fill='%23f4a7c3' fill-opacity='1'/%3E%3Ccircle cx='112' cy='22' r='1.2' fill='%237a2848' fill-opacity='1'/%3E%3Ccircle cx='150' cy='23' r='3.4' fill='%23f4a7c3' fill-opacity='1'/%3E%3Ccircle cx='150' cy='23' r='1.2' fill='%237a2848' fill-opacity='1'/%3E%3Ccircle cx='184' cy='24' r='3.4' fill='%23f4a7c3' fill-opacity='1'/%3E%3Ccircle cx='184' cy='24' r='1.2' fill='%237a2848' fill-opacity='1'/%3E%3Ccircle cx='214' cy='21' r='3.4' fill='%23f4a7c3' fill-opacity='1'/%3E%3Ccircle cx='214' cy='21' r='1.2' fill='%237a2848' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(244, 167, 195, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(208, 87, 138, 0.45); --t-gold-hi: #f8c6d8; }
.los-theme-card[data-theme-choice="blossom"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 26C40 20 80 28 120 22S200 26 240 20' fill='none' stroke='%235b1f37' stroke-opacity='0.75' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='24' cy='22' r='3.4' fill='%23f4a7c3' fill-opacity='1'/%3E%3Ccircle cx='24' cy='22' r='1.2' fill='%235b1f37' fill-opacity='0.75'/%3E%3Ccircle cx='52' cy='24' r='3.4' fill='%23f4a7c3' fill-opacity='1'/%3E%3Ccircle cx='52' cy='24' r='1.2' fill='%235b1f37' fill-opacity='0.75'/%3E%3Ccircle cx='86' cy='25' r='3.4' fill='%23f4a7c3' fill-opacity='1'/%3E%3Ccircle cx='86' cy='25' r='1.2' fill='%235b1f37' fill-opacity='0.75'/%3E%3Ccircle cx='112' cy='22' r='3.4' fill='%23f4a7c3' fill-opacity='1'/%3E%3Ccircle cx='112' cy='22' r='1.2' fill='%235b1f37' fill-opacity='0.75'/%3E%3Ccircle cx='150' cy='23' r='3.4' fill='%23f4a7c3' fill-opacity='1'/%3E%3Ccircle cx='150' cy='23' r='1.2' fill='%235b1f37' fill-opacity='0.75'/%3E%3Ccircle cx='184' cy='24' r='3.4' fill='%23f4a7c3' fill-opacity='1'/%3E%3Ccircle cx='184' cy='24' r='1.2' fill='%235b1f37' fill-opacity='0.75'/%3E%3Ccircle cx='214' cy='21' r='3.4' fill='%23f4a7c3' fill-opacity='1'/%3E%3Ccircle cx='214' cy='21' r='1.2' fill='%235b1f37' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #d0578a, #8c2f55); background-size: 144px 18px, 100% 40px; }
/* castle-royal */
html[data-site="castle"][data-theme="castle-royal"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(242, 194, 48, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M24 2L46 24 24 46 2 24Z' fill='none' stroke='%234b2a7d' stroke-opacity='0.06' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 14c4 4 4 8 0 10-4-2-4-6 0-10zM24 24v8M20 30h8' fill='none' stroke='%234b2a7d' stroke-opacity='0.06' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='0' cy='0' r='2' fill='%234b2a7d' fill-opacity='0.084'/%3E%3Ccircle cx='48' cy='48' r='2' fill='%234b2a7d' fill-opacity='0.084'/%3E%3C/svg%3E"); --t-page-size: 48px 48px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M24 2L46 24 24 46 2 24Z' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 14c4 4 4 8 0 10-4-2-4-6 0-10zM24 24v8M20 30h8' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='0' cy='0' r='2' fill='%23ffffff' fill-opacity='0.098'/%3E%3Ccircle cx='48' cy='48' r='2' fill='%23ffffff' fill-opacity='0.098'/%3E%3C/svg%3E"); --t-header-tile-size: 48px 48px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 36px 36px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30V22h20v-4h4v4h6v-4h4v4h6v-4h4v4h16v8z' fill='%23684c92' fill-opacity='0.51'/%3E%3Cpath d='M70 30V12h-3l9-10 9 10h-3v18z M120 30V18h22V8h4v4h4V8h4v4h4V8h4v10h22v12z M200 30V14h-3l8-9 8 9h-3v16z' fill='%23684c92' fill-opacity='0.6'/%3E%3Cpath d='M76 2V-6M76-6l8 2.5-8 2.5' fill='none' stroke='%23f2c230' stroke-opacity='0.6' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M73 18h6v5h-6zM144 20h8v10h-8z' fill='%23f2c230' fill-opacity='0.72'/%3E%3C/svg%3E"); --t-scene-size: 240px 30px; --t-scene-size-sm: 168px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30V22h20v-4h4v4h6v-4h4v4h6v-4h4v4h16v8z' fill='%232a1749' fill-opacity='0.85'/%3E%3Cpath d='M70 30V12h-3l9-10 9 10h-3v18z M120 30V18h22V8h4v4h4V8h4v4h4V8h4v10h22v12z M200 30V14h-3l8-9 8 9h-3v16z' fill='%232a1749' fill-opacity='1'/%3E%3Cpath d='M76 2V-6M76-6l8 2.5-8 2.5' fill='none' stroke='%23f2c230' stroke-opacity='1' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M73 18h6v5h-6zM144 20h8v10h-8z' fill='%23f2c230' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(242, 194, 48, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(75, 42, 125, 0.45); --t-gold-hi: #f7d778; }
.los-theme-card[data-theme-choice="castle-royal"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30V22h20v-4h4v4h6v-4h4v4h6v-4h4v4h16v8z' fill='%23684c92' fill-opacity='0.638'/%3E%3Cpath d='M70 30V12h-3l9-10 9 10h-3v18z M120 30V18h22V8h4v4h4V8h4v4h4V8h4v10h22v12z M200 30V14h-3l8-9 8 9h-3v16z' fill='%23684c92' fill-opacity='0.75'/%3E%3Cpath d='M76 2V-6M76-6l8 2.5-8 2.5' fill='none' stroke='%23f2c230' stroke-opacity='0.75' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M73 18h6v5h-6zM144 20h8v10h-8z' fill='%23f2c230' fill-opacity='0.9'/%3E%3C/svg%3E"), linear-gradient(180deg, #4b2a7d, #2a1749); background-size: 144px 18px, 100% 40px; }
/* castle-enchanted */
html[data-site="castle"][data-theme="castle-enchanted"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(242, 194, 48, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cpath d='M20 80c0-30 40-30 40 0s-30 20-30 0 20-10 20 0M100 30c0-20 30-20 30 0s-22 14-22 0 14-8 14 0' fill='none' stroke='%231f4d36' stroke-opacity='0.06' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M60 80c20 0 30 30 60 30' fill='none' stroke='%231f4d36' stroke-opacity='0.06' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='136' cy='120' r='2.2' fill='%23ffb6de' fill-opacity='0.18'/%3E%3Ccircle cx='40' cy='140' r='1.6' fill='%23ffb6de' fill-opacity='0.18'/%3E%3Ccircle cx='90' cy='60' r='1.4' fill='%23ffb6de' fill-opacity='0.18'/%3E%3C/svg%3E"); --t-page-size: 160px 160px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cpath d='M20 80c0-30 40-30 40 0s-30 20-30 0 20-10 20 0M100 30c0-20 30-20 30 0s-22 14-22 0 14-8 14 0' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M60 80c20 0 30 30 60 30' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='136' cy='120' r='2.2' fill='%23ffffff' fill-opacity='0.21'/%3E%3Ccircle cx='40' cy='140' r='1.6' fill='%23ffffff' fill-opacity='0.21'/%3E%3Ccircle cx='90' cy='60' r='1.4' fill='%23ffffff' fill-opacity='0.21'/%3E%3C/svg%3E"); --t-header-tile-size: 160px 160px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 120px 120px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M12 30l-8 0 8-18 8 18z' fill='%23436956' fill-opacity='0.6'/%3E%3Cpath d='M30 30l-12 0 12-26 12 26z' fill='%23436956' fill-opacity='0.6'/%3E%3Cpath d='M50 30l-6 0 6-14 6 14z' fill='%23436956' fill-opacity='0.6'/%3E%3Cpath d='M70 30l-10 0 10-22 10 22z' fill='%23f2c230' fill-opacity='0.36'/%3E%3Cpath d='M92 30l-13 0 13-28 13 28z' fill='%23436956' fill-opacity='0.6'/%3E%3Cpath d='M116 30l-7 0 7-16 7 16z' fill='%23436956' fill-opacity='0.6'/%3E%3Cpath d='M136 30l-11 0 11-24 11 24z' fill='%23436956' fill-opacity='0.6'/%3E%3Cpath d='M160 30l-9 0 9-20 9 20z' fill='%23f2c230' fill-opacity='0.36'/%3E%3Cpath d='M182 30l-12 0 12-26 12 26z' fill='%23436956' fill-opacity='0.6'/%3E%3Cpath d='M204 30l-7 0 7-15 7 15z' fill='%23436956' fill-opacity='0.6'/%3E%3Cpath d='M224 30l-10 0 10-22 10 22z' fill='%23436956' fill-opacity='0.6'/%3E%3Cpath d='M0 30h240v-3H0z' fill='%23436956' fill-opacity='0.6'/%3E%3C/svg%3E"); --t-scene-size: 240px 30px; --t-scene-size-sm: 168px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M12 30l-8 0 8-18 8 18z' fill='%2310291d' fill-opacity='1'/%3E%3Cpath d='M30 30l-12 0 12-26 12 26z' fill='%2310291d' fill-opacity='1'/%3E%3Cpath d='M50 30l-6 0 6-14 6 14z' fill='%2310291d' fill-opacity='1'/%3E%3Cpath d='M70 30l-10 0 10-22 10 22z' fill='%23f2c230' fill-opacity='0.6'/%3E%3Cpath d='M92 30l-13 0 13-28 13 28z' fill='%2310291d' fill-opacity='1'/%3E%3Cpath d='M116 30l-7 0 7-16 7 16z' fill='%2310291d' fill-opacity='1'/%3E%3Cpath d='M136 30l-11 0 11-24 11 24z' fill='%2310291d' fill-opacity='1'/%3E%3Cpath d='M160 30l-9 0 9-20 9 20z' fill='%23f2c230' fill-opacity='0.6'/%3E%3Cpath d='M182 30l-12 0 12-26 12 26z' fill='%2310291d' fill-opacity='1'/%3E%3Cpath d='M204 30l-7 0 7-15 7 15z' fill='%2310291d' fill-opacity='1'/%3E%3Cpath d='M224 30l-10 0 10-22 10 22z' fill='%2310291d' fill-opacity='1'/%3E%3Cpath d='M0 30h240v-3H0z' fill='%2310291d' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(242, 194, 48, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(31, 77, 54, 0.45); --t-gold-hi: #f7d778; }
.los-theme-card[data-theme-choice="castle-enchanted"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M12 30l-8 0 8-18 8 18z' fill='%23436956' fill-opacity='0.75'/%3E%3Cpath d='M30 30l-12 0 12-26 12 26z' fill='%23436956' fill-opacity='0.75'/%3E%3Cpath d='M50 30l-6 0 6-14 6 14z' fill='%23436956' fill-opacity='0.75'/%3E%3Cpath d='M70 30l-10 0 10-22 10 22z' fill='%23f2c230' fill-opacity='0.45'/%3E%3Cpath d='M92 30l-13 0 13-28 13 28z' fill='%23436956' fill-opacity='0.75'/%3E%3Cpath d='M116 30l-7 0 7-16 7 16z' fill='%23436956' fill-opacity='0.75'/%3E%3Cpath d='M136 30l-11 0 11-24 11 24z' fill='%23436956' fill-opacity='0.75'/%3E%3Cpath d='M160 30l-9 0 9-20 9 20z' fill='%23f2c230' fill-opacity='0.45'/%3E%3Cpath d='M182 30l-12 0 12-26 12 26z' fill='%23436956' fill-opacity='0.75'/%3E%3Cpath d='M204 30l-7 0 7-15 7 15z' fill='%23436956' fill-opacity='0.75'/%3E%3Cpath d='M224 30l-10 0 10-22 10 22z' fill='%23436956' fill-opacity='0.75'/%3E%3Cpath d='M0 30h240v-3H0z' fill='%23436956' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #1f4d36, #10291d); background-size: 144px 18px, 100% 40px; }
/* castle-gloom */
html[data-site="castle"][data-theme="castle-gloom"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(123, 85, 199, 0.22), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cpath d='M30 120c-10-20 10-30 0-50s10-30 4-46M110 140c-8-16 8-24 0-40s8-24 3-38' fill='none' stroke='%238ef09a' stroke-opacity='0.098' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='70' cy='40' r='2' fill='%238ef09a' fill-opacity='0.21'/%3E%3Ccircle cx='140' cy='80' r='1.4' fill='%238ef09a' fill-opacity='0.21'/%3E%3Ccircle cx='20' cy='20' r='1.2' fill='%23dfc98d' fill-opacity='0.14'/%3E%3C/svg%3E"); --t-page-size: 160px 160px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cpath d='M30 120c-10-20 10-30 0-50s10-30 4-46M110 140c-8-16 8-24 0-40s8-24 3-38' fill='none' stroke='%23ffffff' stroke-opacity='0.098' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='70' cy='40' r='2' fill='%23ffffff' fill-opacity='0.21'/%3E%3Ccircle cx='140' cy='80' r='1.4' fill='%23ffffff' fill-opacity='0.21'/%3E%3Ccircle cx='20' cy='20' r='1.2' fill='%23ffffff' fill-opacity='0.14'/%3E%3C/svg%3E"); --t-header-tile-size: 160px 160px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 120px 120px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='30' viewBox='0 0 260 30'%3E%3Cpath d='M0 30h260v-3H0z' fill='%23493f5a' fill-opacity='0.6'/%3E%3Cpath d='M40 30V14l-8-8M40 16l9-9M40 20l-12-3M200 30V12l10-8M200 16l-9-7M200 22l12-2' fill='none' stroke='%23493f5a' stroke-opacity='0.6' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M120 30c0-8 4-12 10-14' fill='none' stroke='%23493f5a' stroke-opacity='0.6' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='150' cy='8' r='2' fill='%23c9a541' fill-opacity='0.96'/%3E%3Ccircle cx='70' cy='12' r='1.4' fill='%23c9a541' fill-opacity='0.96'/%3E%3C/svg%3E"); --t-scene-size: 260px 30px; --t-scene-size-sm: 182px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='30' viewBox='0 0 260 30'%3E%3Cpath d='M0 30h260v-3H0z' fill='%230f0c15' fill-opacity='1'/%3E%3Cpath d='M40 30V14l-8-8M40 16l9-9M40 20l-12-3M200 30V12l10-8M200 16l-9-7M200 22l12-2' fill='none' stroke='%230f0c15' stroke-opacity='1' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M120 30c0-8 4-12 10-14' fill='none' stroke='%230f0c15' stroke-opacity='1' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='150' cy='8' r='2' fill='%23c9a541' fill-opacity='1'/%3E%3Ccircle cx='70' cy='12' r='1.4' fill='%23c9a541' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 260px 30px; --t-foot-size-sm: 182px 21px; --t-edge: rgba(201, 165, 65, 0.55); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 10px 26px -10px rgba(0, 0, 0, .7); --t-gold-hi: #dcc584; }
.los-theme-card[data-theme-choice="castle-gloom"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='30' viewBox='0 0 260 30'%3E%3Cpath d='M0 30h260v-3H0z' fill='%23493f5a' fill-opacity='0.75'/%3E%3Cpath d='M40 30V14l-8-8M40 16l9-9M40 20l-12-3M200 30V12l10-8M200 16l-9-7M200 22l12-2' fill='none' stroke='%23493f5a' stroke-opacity='0.75' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M120 30c0-8 4-12 10-14' fill='none' stroke='%23493f5a' stroke-opacity='0.75' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='150' cy='8' r='2' fill='%23c9a541' fill-opacity='1'/%3E%3Ccircle cx='70' cy='12' r='1.4' fill='%23c9a541' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #261a3a, #120c1c); background-size: 156px 18px, 100% 40px; }
/* castle-stone */
html[data-site="castle"][data-theme="castle-stone"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(224, 177, 59, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='32' viewBox='0 0 64 32'%3E%3Cpath d='M0 .5H64M0 16.5H64M.5 0V16M32.5 16V32' fill='none' stroke='%235a564f' stroke-opacity='0.06' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 6h8M44 22h10' fill='none' stroke='%235a564f' stroke-opacity='0.036' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-page-size: 64px 32px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='32' viewBox='0 0 64 32'%3E%3Cpath d='M0 .5H64M0 16.5H64M.5 0V16M32.5 16V32' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 6h8M44 22h10' fill='none' stroke='%23ffffff' stroke-opacity='0.042' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-header-tile-size: 64px 32px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 48px 24px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='144' height='30' viewBox='0 0 144 30'%3E%3Cpath d='M0 30V18h12v-5h8v5h12v-5h8v5h12v-5h8v5h12v-5h8v5h12v-5h8v5h12v-5h8v5h12v12z' fill='%231f1d19' fill-opacity='0.6'/%3E%3Cpath d='M40 18V4h10v14l-5-4z M110 18V4h10v14l-5-4z' fill='%23e0b13b' fill-opacity='0.96'/%3E%3C/svg%3E"); --t-scene-size: 144px 30px; --t-scene-size-sm: 101px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='144' height='30' viewBox='0 0 144 30'%3E%3Cpath d='M0 30V18h12v-5h8v5h12v-5h8v5h12v-5h8v5h12v-5h8v5h12v-5h8v5h12v-5h8v5h12v12z' fill='%232f2c27' fill-opacity='1'/%3E%3Cpath d='M40 18V4h10v14l-5-4z M110 18V4h10v14l-5-4z' fill='%23e0b13b' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 144px 30px; --t-foot-size-sm: 101px 21px; --t-edge: rgba(224, 177, 59, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(90, 86, 79, 0.45); --t-gold-hi: #ebcc80; }
.los-theme-card[data-theme-choice="castle-stone"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='144' height='30' viewBox='0 0 144 30'%3E%3Cpath d='M0 30V18h12v-5h8v5h12v-5h8v5h12v-5h8v5h12v-5h8v5h12v-5h8v5h12v-5h8v5h12v12z' fill='%231f1d19' fill-opacity='0.75'/%3E%3Cpath d='M40 18V4h10v14l-5-4z M110 18V4h10v14l-5-4z' fill='%23e0b13b' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #5a564f, #2f2c27); background-size: 86px 18px, 100% 40px; }
/* castle-frost */
html[data-site="castle"][data-theme="castle-frost"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(233, 193, 74, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg transform='translate(30 30)' fill='none' stroke='%231f5a8a' stroke-opacity='0.06' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='rotate(0)' d='M0-10V10M0-6l-3-3M0-6l3-3'/%3E%3Cpath transform='rotate(60)' d='M0-10V10M0-6l-3-3M0-6l3-3'/%3E%3Cpath transform='rotate(120)' d='M0-10V10M0-6l-3-3M0-6l3-3'/%3E%3C/g%3E%3Cg transform='translate(104 72)' fill='none' stroke='%231f5a8a' stroke-opacity='0.06' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='rotate(0)' d='M0-7V7M0-4.2l-2.1-2.1M0-4.2l2.1-2.1'/%3E%3Cpath transform='rotate(60)' d='M0-7V7M0-4.2l-2.1-2.1M0-4.2l2.1-2.1'/%3E%3Cpath transform='rotate(120)' d='M0-7V7M0-4.2l-2.1-2.1M0-4.2l2.1-2.1'/%3E%3C/g%3E%3Cg transform='translate(44 118)' fill='none' stroke='%231f5a8a' stroke-opacity='0.06' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='rotate(0)' d='M0-5V5M0-3l-1.5-1.5M0-3l1.5-1.5'/%3E%3Cpath transform='rotate(60)' d='M0-5V5M0-3l-1.5-1.5M0-3l1.5-1.5'/%3E%3Cpath transform='rotate(120)' d='M0-5V5M0-3l-1.5-1.5M0-3l1.5-1.5'/%3E%3C/g%3E%3Ccircle cx='120' cy='20' r='1.5' fill='%231f5a8a' fill-opacity='0.12'/%3E%3Ccircle cx='80' cy='130' r='1.2' fill='%231f5a8a' fill-opacity='0.12'/%3E%3C/svg%3E"); --t-page-size: 140px 140px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg transform='translate(30 30)' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='rotate(0)' d='M0-10V10M0-6l-3-3M0-6l3-3'/%3E%3Cpath transform='rotate(60)' d='M0-10V10M0-6l-3-3M0-6l3-3'/%3E%3Cpath transform='rotate(120)' d='M0-10V10M0-6l-3-3M0-6l3-3'/%3E%3C/g%3E%3Cg transform='translate(104 72)' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='rotate(0)' d='M0-7V7M0-4.2l-2.1-2.1M0-4.2l2.1-2.1'/%3E%3Cpath transform='rotate(60)' d='M0-7V7M0-4.2l-2.1-2.1M0-4.2l2.1-2.1'/%3E%3Cpath transform='rotate(120)' d='M0-7V7M0-4.2l-2.1-2.1M0-4.2l2.1-2.1'/%3E%3C/g%3E%3Cg transform='translate(44 118)' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='rotate(0)' d='M0-5V5M0-3l-1.5-1.5M0-3l1.5-1.5'/%3E%3Cpath transform='rotate(60)' d='M0-5V5M0-3l-1.5-1.5M0-3l1.5-1.5'/%3E%3Cpath transform='rotate(120)' d='M0-5V5M0-3l-1.5-1.5M0-3l1.5-1.5'/%3E%3C/g%3E%3Ccircle cx='120' cy='20' r='1.5' fill='%23ffffff' fill-opacity='0.14'/%3E%3Ccircle cx='80' cy='130' r='1.2' fill='%23ffffff' fill-opacity='0.14'/%3E%3C/svg%3E"); --t-header-tile-size: 140px 140px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 105px 105px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30L40 8l22 14 30-20 38 28z M120 30l34-18 24 12 26-16 36 22z' fill='%230a2239' fill-opacity='0.6'/%3E%3Cpath d='M32 12l8-4 6 4-4 2zM84 6l8-4 7 6-6 1zM196 12l6-4 8 4-6 2z' fill='%23e9c14a' fill-opacity='0.84'/%3E%3C/svg%3E"); --t-scene-size: 240px 30px; --t-scene-size-sm: 168px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30L40 8l22 14 30-20 38 28z M120 30l34-18 24 12 26-16 36 22z' fill='%230f3557' fill-opacity='1'/%3E%3Cpath d='M32 12l8-4 6 4-4 2zM84 6l8-4 7 6-6 1zM196 12l6-4 8 4-6 2z' fill='%23e9c14a' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(233, 193, 74, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(31, 90, 138, 0.45); --t-gold-hi: #f1d789; }
.los-theme-card[data-theme-choice="castle-frost"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30L40 8l22 14 30-20 38 28z M120 30l34-18 24 12 26-16 36 22z' fill='%230a2239' fill-opacity='0.75'/%3E%3Cpath d='M32 12l8-4 6 4-4 2zM84 6l8-4 7 6-6 1zM196 12l6-4 8 4-6 2z' fill='%23e9c14a' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #1f5a8a, #0f3557); background-size: 144px 18px, 100% 40px; }
/* city-classic */
html[data-site="city"][data-theme="city-classic"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 214, 77, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='150' viewBox='0 0 240 150'%3E%3Cpath d='M30 60a14 14 0 0 1 26-8 18 18 0 0 1 34 4 12 12 0 0 1 2 24H34a12 12 0 0 1-4-20z' fill='%232a6aa6' fill-opacity='0.084'/%3E%3Cpath d='M150 120a10 10 0 0 1 18-6 13 13 0 0 1 24 3 9 9 0 0 1 1 17h-40a9 9 0 0 1-3-14z' fill='%23ffd64d' fill-opacity='0.072'/%3E%3C/svg%3E"); --t-page-size: 240px 150px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='150' viewBox='0 0 240 150'%3E%3Cpath d='M30 60a14 14 0 0 1 26-8 18 18 0 0 1 34 4 12 12 0 0 1 2 24H34a12 12 0 0 1-4-20z' fill='%23ffffff' fill-opacity='0.098'/%3E%3Cpath d='M150 120a10 10 0 0 1 18-6 13 13 0 0 1 24 3 9 9 0 0 1 1 17h-40a9 9 0 0 1-3-14z' fill='%23ffffff' fill-opacity='0.084'/%3E%3C/svg%3E"); --t-header-tile-size: 240px 150px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 180px 113px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='30' viewBox='0 0 300 30'%3E%3Cpath d='M0 30V18h14V10h12v8h8V4h16v26z M54 30V14h10V8h14v22z M84 30V20h18V12h10v18z M118 30V6h8V2h6v4h8v24z M146 30V16h20v14z M170 30V10h16v20z M190 30V20h12v-6h14v16z M220 30V8h6V4h6v4h6v22z M244 30V18h16v12z M264 30V12h14v18z M282 30V22h18v8z' fill='%230f2a46' fill-opacity='0.6'/%3E%3Crect x='38' y='8' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='44' y='14' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='38' y='20' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='58' y='18' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='70' y='12' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='70' y='22' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='122' y='10' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='130' y='16' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='122' y='22' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='174' y='14' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='180' y='22' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='224' y='12' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='232' y='18' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='268' y='16' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='272' y='24' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3C/svg%3E"); --t-scene-size: 300px 30px; --t-scene-size-sm: 210px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='30' viewBox='0 0 300 30'%3E%3Cpath d='M0 30V18h14V10h12v8h8V4h16v26z M54 30V14h10V8h14v22z M84 30V20h18V12h10v18z M118 30V6h8V2h6v4h8v24z M146 30V16h20v14z M170 30V10h16v20z M190 30V20h12v-6h14v16z M220 30V8h6V4h6v4h6v22z M244 30V18h16v12z M264 30V12h14v18z M282 30V22h18v8z' fill='%2317406b' fill-opacity='1'/%3E%3Crect x='38' y='8' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='44' y='14' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='38' y='20' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='58' y='18' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='70' y='12' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='70' y='22' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='122' y='10' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='130' y='16' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='122' y='22' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='174' y='14' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='180' y='22' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='224' y='12' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='232' y='18' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='268' y='16' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='272' y='24' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 300px 30px; --t-foot-size-sm: 210px 21px; --t-edge: rgba(255, 214, 77, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(42, 106, 166, 0.45); --t-gold-hi: #ffe48b; }
.los-theme-card[data-theme-choice="city-classic"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='30' viewBox='0 0 300 30'%3E%3Cpath d='M0 30V18h14V10h12v8h8V4h16v26z M54 30V14h10V8h14v22z M84 30V20h18V12h10v18z M118 30V6h8V2h6v4h8v24z M146 30V16h20v14z M170 30V10h16v20z M190 30V20h12v-6h14v16z M220 30V8h6V4h6v4h6v22z M244 30V18h16v12z M264 30V12h14v18z M282 30V22h18v8z' fill='%230f2a46' fill-opacity='0.75'/%3E%3Crect x='38' y='8' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='44' y='14' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='38' y='20' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='58' y='18' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='70' y='12' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='70' y='22' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='122' y='10' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='130' y='16' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='122' y='22' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='174' y='14' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='180' y='22' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='224' y='12' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='232' y='18' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='268' y='16' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='272' y='24' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #2a6aa6, #17406b); background-size: 180px 18px, 100% 40px; }
/* cars-classic */
html[data-site="cars"][data-theme="cars-classic"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 196, 64, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect width='16' height='16' fill='%233b3330' fill-opacity='0.06'/%3E%3Crect x='16' y='16' width='16' height='16' fill='%233b3330' fill-opacity='0.06'/%3E%3C/svg%3E"); --t-page-size: 32px 32px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect width='16' height='16' fill='%23ffffff' fill-opacity='0.07'/%3E%3Crect x='16' y='16' width='16' height='16' fill='%23ffffff' fill-opacity='0.07'/%3E%3C/svg%3E"); --t-header-tile-size: 32px 32px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 24px 24px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Crect x='0' y='22' width='8' height='4' fill='%235a5451' fill-opacity='0.6'/%3E%3Crect x='8' y='26' width='8' height='4' fill='%235a5451' fill-opacity='0.6'/%3E%3Crect x='16' y='22' width='8' height='4' fill='%235a5451' fill-opacity='0.6'/%3E%3Crect x='24' y='26' width='8' height='4' fill='%235a5451' fill-opacity='0.6'/%3E%3Crect x='32' y='22' width='8' height='4' fill='%235a5451' fill-opacity='0.6'/%3E%3Crect x='40' y='26' width='8' height='4' fill='%235a5451' fill-opacity='0.6'/%3E%3Crect x='48' y='22' width='8' height='4' fill='%235a5451' fill-opacity='0.6'/%3E%3Crect x='56' y='26' width='8' height='4' fill='%235a5451' fill-opacity='0.6'/%3E%3Crect x='64' y='22' width='8' height='4' fill='%235a5451' fill-opacity='0.6'/%3E%3Crect x='72' y='26' width='8' height='4' fill='%235a5451' fill-opacity='0.6'/%3E%3Crect x='80' y='22' width='8' height='4' fill='%235a5451' fill-opacity='0.6'/%3E%3Crect x='88' y='26' width='8' height='4' fill='%235a5451' fill-opacity='0.6'/%3E%3Crect x='96' y='22' width='8' height='4' fill='%235a5451' fill-opacity='0.6'/%3E%3Crect x='104' y='26' width='8' height='4' fill='%235a5451' fill-opacity='0.6'/%3E%3Crect x='112' y='22' width='8' height='4' fill='%235a5451' fill-opacity='0.6'/%3E%3Crect x='120' y='26' width='8' height='4' fill='%235a5451' fill-opacity='0.6'/%3E%3Crect x='128' y='22' width='8' height='4' fill='%235a5451' fill-opacity='0.6'/%3E%3Crect x='136' y='26' width='8' height='4' fill='%235a5451' fill-opacity='0.6'/%3E%3Crect x='144' y='22' width='8' height='4' fill='%235a5451' fill-opacity='0.6'/%3E%3Crect x='152' y='26' width='8' height='4' fill='%235a5451' fill-opacity='0.6'/%3E%3Crect x='0' y='26' width='8' height='4' fill='%23ffc440' fill-opacity='0.3'/%3E%3Crect x='8' y='22' width='8' height='4' fill='%23ffc440' fill-opacity='0.3'/%3E%3Crect x='16' y='26' width='8' height='4' fill='%23ffc440' fill-opacity='0.3'/%3E%3Crect x='24' y='22' width='8' height='4' fill='%23ffc440' fill-opacity='0.3'/%3E%3Crect x='32' y='26' width='8' height='4' fill='%23ffc440' fill-opacity='0.3'/%3E%3Crect x='40' y='22' width='8' height='4' fill='%23ffc440' fill-opacity='0.3'/%3E%3Crect x='48' y='26' width='8' height='4' fill='%23ffc440' fill-opacity='0.3'/%3E%3Crect x='56' y='22' width='8' height='4' fill='%23ffc440' fill-opacity='0.3'/%3E%3Crect x='64' y='26' width='8' height='4' fill='%23ffc440' fill-opacity='0.3'/%3E%3Crect x='72' y='22' width='8' height='4' fill='%23ffc440' fill-opacity='0.3'/%3E%3Crect x='80' y='26' width='8' height='4' fill='%23ffc440' fill-opacity='0.3'/%3E%3Crect x='88' y='22' width='8' height='4' fill='%23ffc440' fill-opacity='0.3'/%3E%3Crect x='96' y='26' width='8' height='4' fill='%23ffc440' fill-opacity='0.3'/%3E%3Crect x='104' y='22' width='8' height='4' fill='%23ffc440' fill-opacity='0.3'/%3E%3Crect x='112' y='26' width='8' height='4' fill='%23ffc440' fill-opacity='0.3'/%3E%3Crect x='120' y='22' width='8' height='4' fill='%23ffc440' fill-opacity='0.3'/%3E%3Crect x='128' y='26' width='8' height='4' fill='%23ffc440' fill-opacity='0.3'/%3E%3Crect x='136' y='22' width='8' height='4' fill='%23ffc440' fill-opacity='0.3'/%3E%3Crect x='144' y='26' width='8' height='4' fill='%23ffc440' fill-opacity='0.3'/%3E%3Crect x='152' y='22' width='8' height='4' fill='%23ffc440' fill-opacity='0.3'/%3E%3C/svg%3E"); --t-scene-size: 160px 30px; --t-scene-size-sm: 112px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30V20h200v10z' fill='%232a2321' fill-opacity='1'/%3E%3Cpath d='M10 25h24M70 25h24M130 25h24' fill='none' stroke='%23ffc440' stroke-opacity='1' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='180' cy='16' r='1.6' fill='%23ffc440' fill-opacity='1'/%3E%3Ccircle cx='186' cy='16' r='1.6' fill='%23ffc440' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 200px 30px; --t-foot-size-sm: 140px 21px; --t-edge: rgba(255, 196, 64, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(59, 51, 48, 0.45); --t-gold-hi: #ffd983; }
.los-theme-card[data-theme-choice="cars-classic"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Crect x='0' y='22' width='8' height='4' fill='%235a5451' fill-opacity='0.75'/%3E%3Crect x='8' y='26' width='8' height='4' fill='%235a5451' fill-opacity='0.75'/%3E%3Crect x='16' y='22' width='8' height='4' fill='%235a5451' fill-opacity='0.75'/%3E%3Crect x='24' y='26' width='8' height='4' fill='%235a5451' fill-opacity='0.75'/%3E%3Crect x='32' y='22' width='8' height='4' fill='%235a5451' fill-opacity='0.75'/%3E%3Crect x='40' y='26' width='8' height='4' fill='%235a5451' fill-opacity='0.75'/%3E%3Crect x='48' y='22' width='8' height='4' fill='%235a5451' fill-opacity='0.75'/%3E%3Crect x='56' y='26' width='8' height='4' fill='%235a5451' fill-opacity='0.75'/%3E%3Crect x='64' y='22' width='8' height='4' fill='%235a5451' fill-opacity='0.75'/%3E%3Crect x='72' y='26' width='8' height='4' fill='%235a5451' fill-opacity='0.75'/%3E%3Crect x='80' y='22' width='8' height='4' fill='%235a5451' fill-opacity='0.75'/%3E%3Crect x='88' y='26' width='8' height='4' fill='%235a5451' fill-opacity='0.75'/%3E%3Crect x='96' y='22' width='8' height='4' fill='%235a5451' fill-opacity='0.75'/%3E%3Crect x='104' y='26' width='8' height='4' fill='%235a5451' fill-opacity='0.75'/%3E%3Crect x='112' y='22' width='8' height='4' fill='%235a5451' fill-opacity='0.75'/%3E%3Crect x='120' y='26' width='8' height='4' fill='%235a5451' fill-opacity='0.75'/%3E%3Crect x='128' y='22' width='8' height='4' fill='%235a5451' fill-opacity='0.75'/%3E%3Crect x='136' y='26' width='8' height='4' fill='%235a5451' fill-opacity='0.75'/%3E%3Crect x='144' y='22' width='8' height='4' fill='%235a5451' fill-opacity='0.75'/%3E%3Crect x='152' y='26' width='8' height='4' fill='%235a5451' fill-opacity='0.75'/%3E%3Crect x='0' y='26' width='8' height='4' fill='%23ffc440' fill-opacity='0.375'/%3E%3Crect x='8' y='22' width='8' height='4' fill='%23ffc440' fill-opacity='0.375'/%3E%3Crect x='16' y='26' width='8' height='4' fill='%23ffc440' fill-opacity='0.375'/%3E%3Crect x='24' y='22' width='8' height='4' fill='%23ffc440' fill-opacity='0.375'/%3E%3Crect x='32' y='26' width='8' height='4' fill='%23ffc440' fill-opacity='0.375'/%3E%3Crect x='40' y='22' width='8' height='4' fill='%23ffc440' fill-opacity='0.375'/%3E%3Crect x='48' y='26' width='8' height='4' fill='%23ffc440' fill-opacity='0.375'/%3E%3Crect x='56' y='22' width='8' height='4' fill='%23ffc440' fill-opacity='0.375'/%3E%3Crect x='64' y='26' width='8' height='4' fill='%23ffc440' fill-opacity='0.375'/%3E%3Crect x='72' y='22' width='8' height='4' fill='%23ffc440' fill-opacity='0.375'/%3E%3Crect x='80' y='26' width='8' height='4' fill='%23ffc440' fill-opacity='0.375'/%3E%3Crect x='88' y='22' width='8' height='4' fill='%23ffc440' fill-opacity='0.375'/%3E%3Crect x='96' y='26' width='8' height='4' fill='%23ffc440' fill-opacity='0.375'/%3E%3Crect x='104' y='22' width='8' height='4' fill='%23ffc440' fill-opacity='0.375'/%3E%3Crect x='112' y='26' width='8' height='4' fill='%23ffc440' fill-opacity='0.375'/%3E%3Crect x='120' y='22' width='8' height='4' fill='%23ffc440' fill-opacity='0.375'/%3E%3Crect x='128' y='26' width='8' height='4' fill='%23ffc440' fill-opacity='0.375'/%3E%3Crect x='136' y='22' width='8' height='4' fill='%23ffc440' fill-opacity='0.375'/%3E%3Crect x='144' y='26' width='8' height='4' fill='%23ffc440' fill-opacity='0.375'/%3E%3Crect x='152' y='22' width='8' height='4' fill='%23ffc440' fill-opacity='0.375'/%3E%3C/svg%3E"), linear-gradient(180deg, #3b3330, #1f1a18); background-size: 96px 18px, 100% 40px; }
/* city-night */
html[data-site="city"][data-theme="city-night"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(59, 130, 196, 0.22), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='100' viewBox='0 0 110 100'%3E%3Crect x='8' y='10' width='6' height='8' rx='1' fill='%23ffd64d' fill-opacity='0.14'/%3E%3Crect x='20' y='10' width='6' height='8' rx='1' fill='%23ffe694' fill-opacity='0.056'/%3E%3Crect x='62' y='30' width='6' height='8' rx='1' fill='%23ffe694' fill-opacity='0.056'/%3E%3Crect x='74' y='30' width='6' height='8' rx='1' fill='%23ffd64d' fill-opacity='0.14'/%3E%3Crect x='30' y='56' width='6' height='8' rx='1' fill='%23ffe694' fill-opacity='0.056'/%3E%3Crect x='86' y='70' width='6' height='8' rx='1' fill='%23ffd64d' fill-opacity='0.14'/%3E%3Crect x='8' y='84' width='6' height='8' rx='1' fill='%23ffe694' fill-opacity='0.056'/%3E%3C/svg%3E"); --t-page-size: 110px 100px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='100' viewBox='0 0 110 100'%3E%3Crect x='8' y='10' width='6' height='8' rx='1' fill='%23ffffff' fill-opacity='0.14'/%3E%3Crect x='20' y='10' width='6' height='8' rx='1' fill='%23ffffff' fill-opacity='0.056'/%3E%3Crect x='62' y='30' width='6' height='8' rx='1' fill='%23ffffff' fill-opacity='0.056'/%3E%3Crect x='74' y='30' width='6' height='8' rx='1' fill='%23ffffff' fill-opacity='0.14'/%3E%3Crect x='30' y='56' width='6' height='8' rx='1' fill='%23ffffff' fill-opacity='0.056'/%3E%3Crect x='86' y='70' width='6' height='8' rx='1' fill='%23ffffff' fill-opacity='0.14'/%3E%3Crect x='8' y='84' width='6' height='8' rx='1' fill='%23ffffff' fill-opacity='0.056'/%3E%3C/svg%3E"); --t-header-tile-size: 110px 100px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 83px 75px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='30' viewBox='0 0 300 30'%3E%3Cpath d='M0 30V18h14V10h12v8h8V4h16v26z M54 30V14h10V8h14v22z M84 30V20h18V12h10v18z M118 30V6h8V2h6v4h8v24z M146 30V16h20v14z M170 30V10h16v20z M190 30V20h12v-6h14v16z M220 30V8h6V4h6v4h6v22z M244 30V18h16v12z M264 30V12h14v18z M282 30V22h18v8z' fill='%23343a47' fill-opacity='0.6'/%3E%3Crect x='38' y='8' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='44' y='14' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='38' y='20' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='58' y='18' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='70' y='12' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='70' y='22' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='122' y='10' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='130' y='16' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='122' y='22' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='174' y='14' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='180' y='22' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='224' y='12' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='232' y='18' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='268' y='16' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3Crect x='272' y='24' width='2.4' height='3' fill='%23ffd64d' fill-opacity='0.84'/%3E%3C/svg%3E"); --t-scene-size: 300px 30px; --t-scene-size-sm: 210px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='30' viewBox='0 0 300 30'%3E%3Cpath d='M0 30V18h14V10h12v8h8V4h16v26z M54 30V14h10V8h14v22z M84 30V20h18V12h10v18z M118 30V6h8V2h6v4h8v24z M146 30V16h20v14z M170 30V10h16v20z M190 30V20h12v-6h14v16z M220 30V8h6V4h6v4h6v22z M244 30V18h16v12z M264 30V12h14v18z M282 30V22h18v8z' fill='%230a101d' fill-opacity='1'/%3E%3Crect x='38' y='8' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='44' y='14' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='38' y='20' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='58' y='18' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='70' y='12' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='70' y='22' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='122' y='10' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='130' y='16' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='122' y='22' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='174' y='14' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='180' y='22' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='224' y='12' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='232' y='18' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='268' y='16' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='272' y='24' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 300px 30px; --t-foot-size-sm: 210px 21px; --t-edge: rgba(255, 214, 77, 0.55); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 10px 26px -10px rgba(0, 0, 0, .7); --t-gold-hi: #ffe48b; }
.los-theme-card[data-theme-choice="city-night"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='30' viewBox='0 0 300 30'%3E%3Cpath d='M0 30V18h14V10h12v8h8V4h16v26z M54 30V14h10V8h14v22z M84 30V20h18V12h10v18z M118 30V6h8V2h6v4h8v24z M146 30V16h20v14z M170 30V10h16v20z M190 30V20h12v-6h14v16z M220 30V8h6V4h6v4h6v22z M244 30V18h16v12z M264 30V12h14v18z M282 30V22h18v8z' fill='%23343a47' fill-opacity='0.75'/%3E%3Crect x='38' y='8' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='44' y='14' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='38' y='20' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='58' y='18' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='70' y='12' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='70' y='22' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='122' y='10' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='130' y='16' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='122' y='22' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='174' y='14' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='180' y='22' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='224' y='12' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='232' y='18' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='268' y='16' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3Crect x='272' y='24' width='2.4' height='3' fill='%23ffd64d' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #0d1424, #080d17); background-size: 180px 18px, 100% 40px; }
/* city-sunset */
html[data-site="city"][data-theme="city-sunset"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 192, 77, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='150' viewBox='0 0 240 150'%3E%3Cpath d='M30 60a14 14 0 0 1 26-8 18 18 0 0 1 34 4 12 12 0 0 1 2 24H34a12 12 0 0 1-4-20z' fill='%237a2e4a' fill-opacity='0.084'/%3E%3Cpath d='M150 120a10 10 0 0 1 18-6 13 13 0 0 1 24 3 9 9 0 0 1 1 17h-40a9 9 0 0 1-3-14z' fill='%23e86a3a' fill-opacity='0.072'/%3E%3C/svg%3E"); --t-page-size: 240px 150px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='150' viewBox='0 0 240 150'%3E%3Cpath d='M30 60a14 14 0 0 1 26-8 18 18 0 0 1 34 4 12 12 0 0 1 2 24H34a12 12 0 0 1-4-20z' fill='%23ffffff' fill-opacity='0.098'/%3E%3Cpath d='M150 120a10 10 0 0 1 18-6 13 13 0 0 1 24 3 9 9 0 0 1 1 17h-40a9 9 0 0 1-3-14z' fill='%23ffffff' fill-opacity='0.084'/%3E%3C/svg%3E"); --t-header-tile-size: 240px 150px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 180px 113px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='30' viewBox='0 0 300 30'%3E%3Cpath d='M0 30V18h14V10h12v8h8V4h16v26z M54 30V14h10V8h14v22z M84 30V20h18V12h10v18z M118 30V6h8V2h6v4h8v24z M146 30V16h20v14z M170 30V10h16v20z M190 30V20h12v-6h14v16z M220 30V8h6V4h6v4h6v22z M244 30V18h16v12z M264 30V12h14v18z M282 30V22h18v8z' fill='%2333141f' fill-opacity='0.6'/%3E%3Crect x='38' y='8' width='2.4' height='3' fill='%23ffc04d' fill-opacity='0.84'/%3E%3Crect x='44' y='14' width='2.4' height='3' fill='%23ffc04d' fill-opacity='0.84'/%3E%3Crect x='38' y='20' width='2.4' height='3' fill='%23ffc04d' fill-opacity='0.84'/%3E%3Crect x='58' y='18' width='2.4' height='3' fill='%23ffc04d' fill-opacity='0.84'/%3E%3Crect x='70' y='12' width='2.4' height='3' fill='%23ffc04d' fill-opacity='0.84'/%3E%3Crect x='70' y='22' width='2.4' height='3' fill='%23ffc04d' fill-opacity='0.84'/%3E%3Crect x='122' y='10' width='2.4' height='3' fill='%23ffc04d' fill-opacity='0.84'/%3E%3Crect x='130' y='16' width='2.4' height='3' fill='%23ffc04d' fill-opacity='0.84'/%3E%3Crect x='122' y='22' width='2.4' height='3' fill='%23ffc04d' fill-opacity='0.84'/%3E%3Crect x='174' y='14' width='2.4' height='3' fill='%23ffc04d' fill-opacity='0.84'/%3E%3Crect x='180' y='22' width='2.4' height='3' fill='%23ffc04d' fill-opacity='0.84'/%3E%3Crect x='224' y='12' width='2.4' height='3' fill='%23ffc04d' fill-opacity='0.84'/%3E%3Crect x='232' y='18' width='2.4' height='3' fill='%23ffc04d' fill-opacity='0.84'/%3E%3Crect x='268' y='16' width='2.4' height='3' fill='%23ffc04d' fill-opacity='0.84'/%3E%3Crect x='272' y='24' width='2.4' height='3' fill='%23ffc04d' fill-opacity='0.84'/%3E%3C/svg%3E"); --t-scene-size: 300px 30px; --t-scene-size-sm: 210px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='30' viewBox='0 0 300 30'%3E%3Cpath d='M0 30V18h14V10h12v8h8V4h16v26z M54 30V14h10V8h14v22z M84 30V20h18V12h10v18z M118 30V6h8V2h6v4h8v24z M146 30V16h20v14z M170 30V10h16v20z M190 30V20h12v-6h14v16z M220 30V8h6V4h6v4h6v22z M244 30V18h16v12z M264 30V12h14v18z M282 30V22h18v8z' fill='%2362253b' fill-opacity='1'/%3E%3Crect x='38' y='8' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='44' y='14' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='38' y='20' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='58' y='18' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='70' y='12' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='70' y='22' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='122' y='10' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='130' y='16' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='122' y='22' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='174' y='14' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='180' y='22' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='224' y='12' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='232' y='18' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='268' y='16' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='272' y='24' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 300px 30px; --t-foot-size-sm: 210px 21px; --t-edge: rgba(255, 192, 77, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(122, 46, 74, 0.45); --t-gold-hi: #ffd68b; }
.los-theme-card[data-theme-choice="city-sunset"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='30' viewBox='0 0 300 30'%3E%3Cpath d='M0 30V18h14V10h12v8h8V4h16v26z M54 30V14h10V8h14v22z M84 30V20h18V12h10v18z M118 30V6h8V2h6v4h8v24z M146 30V16h20v14z M170 30V10h16v20z M190 30V20h12v-6h14v16z M220 30V8h6V4h6v4h6v22z M244 30V18h16v12z M264 30V12h14v18z M282 30V22h18v8z' fill='%2333141f' fill-opacity='0.75'/%3E%3Crect x='38' y='8' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='44' y='14' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='38' y='20' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='58' y='18' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='70' y='12' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='70' y='22' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='122' y='10' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='130' y='16' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='122' y='22' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='174' y='14' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='180' y='22' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='224' y='12' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='232' y='18' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='268' y='16' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3Crect x='272' y='24' width='2.4' height='3' fill='%23ffc04d' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #7a2e4a, #4f1e30); background-size: 180px 18px, 100% 40px; }
/* city-park */
html[data-site="city"][data-theme="city-park"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(242, 201, 76, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='140' viewBox='0 0 150 140'%3E%3Cpath d='M30 20l12 22H18zM30 34l14 22H16zM28 56h4v6h-4zM110 80l10 18H100zM110 92l12 18H98zM108 110h4v5h-4z' fill='%231f4d2a' fill-opacity='0.084'/%3E%3Ccircle cx='80' cy='30' r='1.4' fill='%23f2c94c' fill-opacity='0.12'/%3E%3C/svg%3E"); --t-page-size: 150px 140px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='140' viewBox='0 0 150 140'%3E%3Cpath d='M30 20l12 22H18zM30 34l14 22H16zM28 56h4v6h-4zM110 80l10 18H100zM110 92l12 18H98zM108 110h4v5h-4z' fill='%23ffffff' fill-opacity='0.098'/%3E%3Ccircle cx='80' cy='30' r='1.4' fill='%23ffffff' fill-opacity='0.14'/%3E%3C/svg%3E"); --t-header-tile-size: 150px 140px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 113px 105px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='30' viewBox='0 0 300 30'%3E%3Cpath d='M0 30h300v-4H0z' fill='%230d2112' fill-opacity='0.6'/%3E%3Ccircle cx='20' cy='20' r='10' fill='%230d2112' fill-opacity='0.6'/%3E%3Crect x='18.5' y='20' width='3' height='10' fill='%230d2112' fill-opacity='0.6'/%3E%3Ccircle cx='46' cy='16' r='14' fill='%23f2c94c' fill-opacity='0.42'/%3E%3Crect x='44.5' y='16' width='3' height='14' fill='%230d2112' fill-opacity='0.6'/%3E%3Ccircle cx='80' cy='21' r='9' fill='%230d2112' fill-opacity='0.6'/%3E%3Crect x='78.5' y='21' width='3' height='9' fill='%230d2112' fill-opacity='0.6'/%3E%3Ccircle cx='130' cy='17' r='13' fill='%230d2112' fill-opacity='0.6'/%3E%3Crect x='128.5' y='17' width='3' height='13' fill='%230d2112' fill-opacity='0.6'/%3E%3Ccircle cx='160' cy='22' r='8' fill='%23f2c94c' fill-opacity='0.42'/%3E%3Crect x='158.5' y='22' width='3' height='8' fill='%230d2112' fill-opacity='0.6'/%3E%3Ccircle cx='210' cy='18' r='12' fill='%230d2112' fill-opacity='0.6'/%3E%3Crect x='208.5' y='18' width='3' height='12' fill='%230d2112' fill-opacity='0.6'/%3E%3Ccircle cx='250' cy='20' r='10' fill='%23f2c94c' fill-opacity='0.42'/%3E%3Crect x='248.5' y='20' width='3' height='10' fill='%230d2112' fill-opacity='0.6'/%3E%3Ccircle cx='280' cy='23' r='7' fill='%230d2112' fill-opacity='0.6'/%3E%3Crect x='278.5' y='23' width='3' height='7' fill='%230d2112' fill-opacity='0.6'/%3E%3C/svg%3E"); --t-scene-size: 300px 30px; --t-scene-size-sm: 210px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='30' viewBox='0 0 300 30'%3E%3Cpath d='M0 30h300v-4H0z' fill='%23193e22' fill-opacity='1'/%3E%3Ccircle cx='20' cy='20' r='10' fill='%23193e22' fill-opacity='1'/%3E%3Crect x='18.5' y='20' width='3' height='10' fill='%23193e22' fill-opacity='1'/%3E%3Ccircle cx='46' cy='16' r='14' fill='%23f2c94c' fill-opacity='0.7'/%3E%3Crect x='44.5' y='16' width='3' height='14' fill='%23193e22' fill-opacity='1'/%3E%3Ccircle cx='80' cy='21' r='9' fill='%23193e22' fill-opacity='1'/%3E%3Crect x='78.5' y='21' width='3' height='9' fill='%23193e22' fill-opacity='1'/%3E%3Ccircle cx='130' cy='17' r='13' fill='%23193e22' fill-opacity='1'/%3E%3Crect x='128.5' y='17' width='3' height='13' fill='%23193e22' fill-opacity='1'/%3E%3Ccircle cx='160' cy='22' r='8' fill='%23f2c94c' fill-opacity='0.7'/%3E%3Crect x='158.5' y='22' width='3' height='8' fill='%23193e22' fill-opacity='1'/%3E%3Ccircle cx='210' cy='18' r='12' fill='%23193e22' fill-opacity='1'/%3E%3Crect x='208.5' y='18' width='3' height='12' fill='%23193e22' fill-opacity='1'/%3E%3Ccircle cx='250' cy='20' r='10' fill='%23f2c94c' fill-opacity='0.7'/%3E%3Crect x='248.5' y='20' width='3' height='10' fill='%23193e22' fill-opacity='1'/%3E%3Ccircle cx='280' cy='23' r='7' fill='%23193e22' fill-opacity='1'/%3E%3Crect x='278.5' y='23' width='3' height='7' fill='%23193e22' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 300px 30px; --t-foot-size-sm: 210px 21px; --t-edge: rgba(242, 201, 76, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(31, 77, 42, 0.45); --t-gold-hi: #f7dc8b; }
.los-theme-card[data-theme-choice="city-park"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='30' viewBox='0 0 300 30'%3E%3Cpath d='M0 30h300v-4H0z' fill='%230d2112' fill-opacity='0.75'/%3E%3Ccircle cx='20' cy='20' r='10' fill='%230d2112' fill-opacity='0.75'/%3E%3Crect x='18.5' y='20' width='3' height='10' fill='%230d2112' fill-opacity='0.75'/%3E%3Ccircle cx='46' cy='16' r='14' fill='%23f2c94c' fill-opacity='0.525'/%3E%3Crect x='44.5' y='16' width='3' height='14' fill='%230d2112' fill-opacity='0.75'/%3E%3Ccircle cx='80' cy='21' r='9' fill='%230d2112' fill-opacity='0.75'/%3E%3Crect x='78.5' y='21' width='3' height='9' fill='%230d2112' fill-opacity='0.75'/%3E%3Ccircle cx='130' cy='17' r='13' fill='%230d2112' fill-opacity='0.75'/%3E%3Crect x='128.5' y='17' width='3' height='13' fill='%230d2112' fill-opacity='0.75'/%3E%3Ccircle cx='160' cy='22' r='8' fill='%23f2c94c' fill-opacity='0.525'/%3E%3Crect x='158.5' y='22' width='3' height='8' fill='%230d2112' fill-opacity='0.75'/%3E%3Ccircle cx='210' cy='18' r='12' fill='%230d2112' fill-opacity='0.75'/%3E%3Crect x='208.5' y='18' width='3' height='12' fill='%230d2112' fill-opacity='0.75'/%3E%3Ccircle cx='250' cy='20' r='10' fill='%23f2c94c' fill-opacity='0.525'/%3E%3Crect x='248.5' y='20' width='3' height='10' fill='%230d2112' fill-opacity='0.75'/%3E%3Ccircle cx='280' cy='23' r='7' fill='%230d2112' fill-opacity='0.75'/%3E%3Crect x='278.5' y='23' width='3' height='7' fill='%230d2112' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #1f4d2a, #14321b); background-size: 180px 18px, 100% 40px; }
/* cars-midnight */
html[data-site="cars"][data-theme="cars-midnight"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(224, 59, 47, 0.22), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Crect width='6' height='3' fill='%23ffdc8c' fill-opacity='0.112'/%3E%3Crect x='6' y='6' width='6' height='3' fill='%23ffdc8c' fill-opacity='0.112'/%3E%3Crect x='3' y='3' width='3' height='6' fill='%23ffdc8c' fill-opacity='0.056'/%3E%3Crect x='9' y='9' width='3' height='3' fill='%23ffdc8c' fill-opacity='0.056'/%3E%3C/svg%3E"); --t-page-size: 12px 12px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Crect width='6' height='3' fill='%23ffffff' fill-opacity='0.112'/%3E%3Crect x='6' y='6' width='6' height='3' fill='%23ffffff' fill-opacity='0.112'/%3E%3Crect x='3' y='3' width='3' height='6' fill='%23ffffff' fill-opacity='0.056'/%3E%3Crect x='9' y='9' width='3' height='3' fill='%23ffffff' fill-opacity='0.056'/%3E%3C/svg%3E"); --t-header-tile-size: 12px 12px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 9px 9px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30V20h200v10z' fill='%23323234' fill-opacity='0.6'/%3E%3Cpath d='M10 25h24M70 25h24M130 25h24' fill='none' stroke='%23ffc440' stroke-opacity='0.6' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='180' cy='16' r='1.6' fill='%23ffc440' fill-opacity='0.96'/%3E%3Ccircle cx='186' cy='16' r='1.6' fill='%23ffc440' fill-opacity='0.96'/%3E%3C/svg%3E"); --t-scene-size: 200px 30px; --t-scene-size-sm: 140px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30V20h200v10z' fill='%2309090a' fill-opacity='1'/%3E%3Cpath d='M10 25h24M70 25h24M130 25h24' fill='none' stroke='%23ffc440' stroke-opacity='1' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='180' cy='16' r='1.6' fill='%23ffc440' fill-opacity='1'/%3E%3Ccircle cx='186' cy='16' r='1.6' fill='%23ffc440' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 200px 30px; --t-foot-size-sm: 140px 21px; --t-edge: rgba(255, 196, 64, 0.55); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 10px 26px -10px rgba(0, 0, 0, .7); --t-gold-hi: #ffd983; }
.los-theme-card[data-theme-choice="cars-midnight"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30V20h200v10z' fill='%23323234' fill-opacity='0.75'/%3E%3Cpath d='M10 25h24M70 25h24M130 25h24' fill='none' stroke='%23ffc440' stroke-opacity='0.75' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='180' cy='16' r='1.6' fill='%23ffc440' fill-opacity='1'/%3E%3Ccircle cx='186' cy='16' r='1.6' fill='%23ffc440' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #0b0b0d, #070708); background-size: 120px 18px, 100% 40px; }
/* cars-chrome */
html[data-site="cars"][data-theme="cars-chrome"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(230, 193, 90, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='24' viewBox='0 0 200 24'%3E%3Cpath d='M0 2H200M0 9H140M60 15H200M0 21H90' fill='none' stroke='%232b3138' stroke-opacity='0.06' stroke-width='0.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-page-size: 200px 24px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='24' viewBox='0 0 200 24'%3E%3Cpath d='M0 2H200M0 9H140M60 15H200M0 21H90' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='0.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-header-tile-size: 200px 24px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 150px 18px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Crect x='0' y='22' width='8' height='4' fill='%234d5258' fill-opacity='0.6'/%3E%3Crect x='8' y='26' width='8' height='4' fill='%234d5258' fill-opacity='0.6'/%3E%3Crect x='16' y='22' width='8' height='4' fill='%234d5258' fill-opacity='0.6'/%3E%3Crect x='24' y='26' width='8' height='4' fill='%234d5258' fill-opacity='0.6'/%3E%3Crect x='32' y='22' width='8' height='4' fill='%234d5258' fill-opacity='0.6'/%3E%3Crect x='40' y='26' width='8' height='4' fill='%234d5258' fill-opacity='0.6'/%3E%3Crect x='48' y='22' width='8' height='4' fill='%234d5258' fill-opacity='0.6'/%3E%3Crect x='56' y='26' width='8' height='4' fill='%234d5258' fill-opacity='0.6'/%3E%3Crect x='64' y='22' width='8' height='4' fill='%234d5258' fill-opacity='0.6'/%3E%3Crect x='72' y='26' width='8' height='4' fill='%234d5258' fill-opacity='0.6'/%3E%3Crect x='80' y='22' width='8' height='4' fill='%234d5258' fill-opacity='0.6'/%3E%3Crect x='88' y='26' width='8' height='4' fill='%234d5258' fill-opacity='0.6'/%3E%3Crect x='96' y='22' width='8' height='4' fill='%234d5258' fill-opacity='0.6'/%3E%3Crect x='104' y='26' width='8' height='4' fill='%234d5258' fill-opacity='0.6'/%3E%3Crect x='112' y='22' width='8' height='4' fill='%234d5258' fill-opacity='0.6'/%3E%3Crect x='120' y='26' width='8' height='4' fill='%234d5258' fill-opacity='0.6'/%3E%3Crect x='128' y='22' width='8' height='4' fill='%234d5258' fill-opacity='0.6'/%3E%3Crect x='136' y='26' width='8' height='4' fill='%234d5258' fill-opacity='0.6'/%3E%3Crect x='144' y='22' width='8' height='4' fill='%234d5258' fill-opacity='0.6'/%3E%3Crect x='152' y='26' width='8' height='4' fill='%234d5258' fill-opacity='0.6'/%3E%3Crect x='0' y='26' width='8' height='4' fill='%23e6c15a' fill-opacity='0.3'/%3E%3Crect x='8' y='22' width='8' height='4' fill='%23e6c15a' fill-opacity='0.3'/%3E%3Crect x='16' y='26' width='8' height='4' fill='%23e6c15a' fill-opacity='0.3'/%3E%3Crect x='24' y='22' width='8' height='4' fill='%23e6c15a' fill-opacity='0.3'/%3E%3Crect x='32' y='26' width='8' height='4' fill='%23e6c15a' fill-opacity='0.3'/%3E%3Crect x='40' y='22' width='8' height='4' fill='%23e6c15a' fill-opacity='0.3'/%3E%3Crect x='48' y='26' width='8' height='4' fill='%23e6c15a' fill-opacity='0.3'/%3E%3Crect x='56' y='22' width='8' height='4' fill='%23e6c15a' fill-opacity='0.3'/%3E%3Crect x='64' y='26' width='8' height='4' fill='%23e6c15a' fill-opacity='0.3'/%3E%3Crect x='72' y='22' width='8' height='4' fill='%23e6c15a' fill-opacity='0.3'/%3E%3Crect x='80' y='26' width='8' height='4' fill='%23e6c15a' fill-opacity='0.3'/%3E%3Crect x='88' y='22' width='8' height='4' fill='%23e6c15a' fill-opacity='0.3'/%3E%3Crect x='96' y='26' width='8' height='4' fill='%23e6c15a' fill-opacity='0.3'/%3E%3Crect x='104' y='22' width='8' height='4' fill='%23e6c15a' fill-opacity='0.3'/%3E%3Crect x='112' y='26' width='8' height='4' fill='%23e6c15a' fill-opacity='0.3'/%3E%3Crect x='120' y='22' width='8' height='4' fill='%23e6c15a' fill-opacity='0.3'/%3E%3Crect x='128' y='26' width='8' height='4' fill='%23e6c15a' fill-opacity='0.3'/%3E%3Crect x='136' y='22' width='8' height='4' fill='%23e6c15a' fill-opacity='0.3'/%3E%3Crect x='144' y='26' width='8' height='4' fill='%23e6c15a' fill-opacity='0.3'/%3E%3Crect x='152' y='22' width='8' height='4' fill='%23e6c15a' fill-opacity='0.3'/%3E%3C/svg%3E"); --t-scene-size: 160px 30px; --t-scene-size-sm: 112px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30V20h200v10z' fill='%2322272d' fill-opacity='1'/%3E%3Cpath d='M10 25h24M70 25h24M130 25h24' fill='none' stroke='%23e6c15a' stroke-opacity='1' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='180' cy='16' r='1.6' fill='%23e6c15a' fill-opacity='1'/%3E%3Ccircle cx='186' cy='16' r='1.6' fill='%23e6c15a' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 200px 30px; --t-foot-size-sm: 140px 21px; --t-edge: rgba(230, 193, 90, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(43, 49, 56, 0.45); --t-gold-hi: #efd794; }
.los-theme-card[data-theme-choice="cars-chrome"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Crect x='0' y='22' width='8' height='4' fill='%234d5258' fill-opacity='0.75'/%3E%3Crect x='8' y='26' width='8' height='4' fill='%234d5258' fill-opacity='0.75'/%3E%3Crect x='16' y='22' width='8' height='4' fill='%234d5258' fill-opacity='0.75'/%3E%3Crect x='24' y='26' width='8' height='4' fill='%234d5258' fill-opacity='0.75'/%3E%3Crect x='32' y='22' width='8' height='4' fill='%234d5258' fill-opacity='0.75'/%3E%3Crect x='40' y='26' width='8' height='4' fill='%234d5258' fill-opacity='0.75'/%3E%3Crect x='48' y='22' width='8' height='4' fill='%234d5258' fill-opacity='0.75'/%3E%3Crect x='56' y='26' width='8' height='4' fill='%234d5258' fill-opacity='0.75'/%3E%3Crect x='64' y='22' width='8' height='4' fill='%234d5258' fill-opacity='0.75'/%3E%3Crect x='72' y='26' width='8' height='4' fill='%234d5258' fill-opacity='0.75'/%3E%3Crect x='80' y='22' width='8' height='4' fill='%234d5258' fill-opacity='0.75'/%3E%3Crect x='88' y='26' width='8' height='4' fill='%234d5258' fill-opacity='0.75'/%3E%3Crect x='96' y='22' width='8' height='4' fill='%234d5258' fill-opacity='0.75'/%3E%3Crect x='104' y='26' width='8' height='4' fill='%234d5258' fill-opacity='0.75'/%3E%3Crect x='112' y='22' width='8' height='4' fill='%234d5258' fill-opacity='0.75'/%3E%3Crect x='120' y='26' width='8' height='4' fill='%234d5258' fill-opacity='0.75'/%3E%3Crect x='128' y='22' width='8' height='4' fill='%234d5258' fill-opacity='0.75'/%3E%3Crect x='136' y='26' width='8' height='4' fill='%234d5258' fill-opacity='0.75'/%3E%3Crect x='144' y='22' width='8' height='4' fill='%234d5258' fill-opacity='0.75'/%3E%3Crect x='152' y='26' width='8' height='4' fill='%234d5258' fill-opacity='0.75'/%3E%3Crect x='0' y='26' width='8' height='4' fill='%23e6c15a' fill-opacity='0.375'/%3E%3Crect x='8' y='22' width='8' height='4' fill='%23e6c15a' fill-opacity='0.375'/%3E%3Crect x='16' y='26' width='8' height='4' fill='%23e6c15a' fill-opacity='0.375'/%3E%3Crect x='24' y='22' width='8' height='4' fill='%23e6c15a' fill-opacity='0.375'/%3E%3Crect x='32' y='26' width='8' height='4' fill='%23e6c15a' fill-opacity='0.375'/%3E%3Crect x='40' y='22' width='8' height='4' fill='%23e6c15a' fill-opacity='0.375'/%3E%3Crect x='48' y='26' width='8' height='4' fill='%23e6c15a' fill-opacity='0.375'/%3E%3Crect x='56' y='22' width='8' height='4' fill='%23e6c15a' fill-opacity='0.375'/%3E%3Crect x='64' y='26' width='8' height='4' fill='%23e6c15a' fill-opacity='0.375'/%3E%3Crect x='72' y='22' width='8' height='4' fill='%23e6c15a' fill-opacity='0.375'/%3E%3Crect x='80' y='26' width='8' height='4' fill='%23e6c15a' fill-opacity='0.375'/%3E%3Crect x='88' y='22' width='8' height='4' fill='%23e6c15a' fill-opacity='0.375'/%3E%3Crect x='96' y='26' width='8' height='4' fill='%23e6c15a' fill-opacity='0.375'/%3E%3Crect x='104' y='22' width='8' height='4' fill='%23e6c15a' fill-opacity='0.375'/%3E%3Crect x='112' y='26' width='8' height='4' fill='%23e6c15a' fill-opacity='0.375'/%3E%3Crect x='120' y='22' width='8' height='4' fill='%23e6c15a' fill-opacity='0.375'/%3E%3Crect x='128' y='26' width='8' height='4' fill='%23e6c15a' fill-opacity='0.375'/%3E%3Crect x='136' y='22' width='8' height='4' fill='%23e6c15a' fill-opacity='0.375'/%3E%3Crect x='144' y='26' width='8' height='4' fill='%23e6c15a' fill-opacity='0.375'/%3E%3Crect x='152' y='22' width='8' height='4' fill='%23e6c15a' fill-opacity='0.375'/%3E%3C/svg%3E"), linear-gradient(180deg, #2b3138, #1c2024); background-size: 96px 18px, 100% 40px; }
/* cars-neon */
html[data-site="cars"][data-theme="cars-neon"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(138, 63, 252, 0.22), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M0 .5H40M.5 0V40' fill='none' stroke='%23ff4fd8' stroke-opacity='0.098' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='.5' cy='.5' r='1.6' fill='%23ff4fd8' fill-opacity='0.175'/%3E%3C/svg%3E"); --t-page-size: 40px 40px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M0 .5H40M.5 0V40' fill='none' stroke='%23ffffff' stroke-opacity='0.098' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='.5' cy='.5' r='1.6' fill='%23ffffff' fill-opacity='0.175'/%3E%3C/svg%3E"); --t-header-tile-size: 40px 40px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 30px 30px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='30' viewBox='0 0 300 30'%3E%3Cpath d='M0 30V18h14V10h12v8h8V4h16v26z M54 30V14h10V8h14v22z M84 30V20h18V12h10v18z M118 30V6h8V2h6v4h8v24z M146 30V16h20v14z M170 30V10h16v20z M190 30V20h12v-6h14v16z M220 30V8h6V4h6v4h6v22z M244 30V18h16v12z M264 30V12h14v18z M282 30V22h18v8z' fill='%2331303a' fill-opacity='0.6'/%3E%3Crect x='38' y='8' width='2.4' height='3' fill='%233ff2ff' fill-opacity='0.84'/%3E%3Crect x='44' y='14' width='2.4' height='3' fill='%233ff2ff' fill-opacity='0.84'/%3E%3Crect x='38' y='20' width='2.4' height='3' fill='%233ff2ff' fill-opacity='0.84'/%3E%3Crect x='58' y='18' width='2.4' height='3' fill='%233ff2ff' fill-opacity='0.84'/%3E%3Crect x='70' y='12' width='2.4' height='3' fill='%233ff2ff' fill-opacity='0.84'/%3E%3Crect x='70' y='22' width='2.4' height='3' fill='%233ff2ff' fill-opacity='0.84'/%3E%3Crect x='122' y='10' width='2.4' height='3' fill='%233ff2ff' fill-opacity='0.84'/%3E%3Crect x='130' y='16' width='2.4' height='3' fill='%233ff2ff' fill-opacity='0.84'/%3E%3Crect x='122' y='22' width='2.4' height='3' fill='%233ff2ff' fill-opacity='0.84'/%3E%3Crect x='174' y='14' width='2.4' height='3' fill='%233ff2ff' fill-opacity='0.84'/%3E%3Crect x='180' y='22' width='2.4' height='3' fill='%233ff2ff' fill-opacity='0.84'/%3E%3Crect x='224' y='12' width='2.4' height='3' fill='%233ff2ff' fill-opacity='0.84'/%3E%3Crect x='232' y='18' width='2.4' height='3' fill='%233ff2ff' fill-opacity='0.84'/%3E%3Crect x='268' y='16' width='2.4' height='3' fill='%233ff2ff' fill-opacity='0.84'/%3E%3Crect x='272' y='24' width='2.4' height='3' fill='%233ff2ff' fill-opacity='0.84'/%3E%3C/svg%3E"); --t-scene-size: 300px 30px; --t-scene-size-sm: 210px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='30' viewBox='0 0 300 30'%3E%3Cpath d='M0 30V18h14V10h12v8h8V4h16v26z M54 30V14h10V8h14v22z M84 30V20h18V12h10v18z M118 30V6h8V2h6v4h8v24z M146 30V16h20v14z M170 30V10h16v20z M190 30V20h12v-6h14v16z M220 30V8h6V4h6v4h6v22z M244 30V18h16v12z M264 30V12h14v18z M282 30V22h18v8z' fill='%23080610' fill-opacity='1'/%3E%3Crect x='38' y='8' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='44' y='14' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='38' y='20' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='58' y='18' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='70' y='12' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='70' y='22' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='122' y='10' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='130' y='16' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='122' y='22' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='174' y='14' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='180' y='22' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='224' y='12' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='232' y='18' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='268' y='16' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='272' y='24' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 300px 30px; --t-foot-size-sm: 210px 21px; --t-edge: rgba(63, 242, 255, 0.55); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 10px 26px -10px rgba(0, 0, 0, .7); --t-gold-hi: #82f7ff; }
.los-theme-card[data-theme-choice="cars-neon"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='30' viewBox='0 0 300 30'%3E%3Cpath d='M0 30V18h14V10h12v8h8V4h16v26z M54 30V14h10V8h14v22z M84 30V20h18V12h10v18z M118 30V6h8V2h6v4h8v24z M146 30V16h20v14z M170 30V10h16v20z M190 30V20h12v-6h14v16z M220 30V8h6V4h6v4h6v22z M244 30V18h16v12z M264 30V12h14v18z M282 30V22h18v8z' fill='%2331303a' fill-opacity='0.75'/%3E%3Crect x='38' y='8' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='44' y='14' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='38' y='20' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='58' y='18' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='70' y='12' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='70' y='22' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='122' y='10' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='130' y='16' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='122' y='22' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='174' y='14' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='180' y='22' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='224' y='12' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='232' y='18' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='268' y='16' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3Crect x='272' y='24' width='2.4' height='3' fill='%233ff2ff' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #0a0814, #07050d); background-size: 180px 18px, 100% 40px; }
/* empires-classic */
html[data-site="empires"][data-theme="empires-classic"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(242, 194, 48, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cpath d='M90 30c40 0 60 30 50 60s-60 40-90 20-30-80 40-80z' fill='none' stroke='%232f3d1e' stroke-opacity='0.06' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M90 48c26 0 40 20 32 40s-40 26-60 12-20-52 28-52z' fill='none' stroke='%232f3d1e' stroke-opacity='0.06' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M90 66c14 0 20 10 16 20s-20 14-30 6-10-26 14-26z' fill='none' stroke='%232f3d1e' stroke-opacity='0.06' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0 160c30-10 60 0 80 14M120 0c10 14 40 20 60 14' fill='none' stroke='%232f3d1e' stroke-opacity='0.06' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-page-size: 180px 180px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cpath d='M90 30c40 0 60 30 50 60s-60 40-90 20-30-80 40-80z' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M90 48c26 0 40 20 32 40s-40 26-60 12-20-52 28-52z' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M90 66c14 0 20 10 16 20s-20 14-30 6-10-26 14-26z' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0 160c30-10 60 0 80 14M120 0c10 14 40 20 60 14' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-header-tile-size: 180px 180px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 135px 135px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 30L30 10l20 12 30-18 30 22 24-14 26 18z' fill='%23505c42' fill-opacity='0.6'/%3E%3Cpath d='M74 8l6-4 7 6z' fill='%23f2c230' fill-opacity='0.72'/%3E%3C/svg%3E"); --t-scene-size: 160px 30px; --t-scene-size-sm: 112px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 30L30 10l20 12 30-18 30 22 24-14 26 18z' fill='%23263118' fill-opacity='1'/%3E%3Cpath d='M74 8l6-4 7 6z' fill='%23f2c230' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 160px 30px; --t-foot-size-sm: 112px 21px; --t-edge: rgba(242, 194, 48, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(47, 61, 30, 0.45); --t-gold-hi: #f7d778; }
.los-theme-card[data-theme-choice="empires-classic"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 30L30 10l20 12 30-18 30 22 24-14 26 18z' fill='%23505c42' fill-opacity='0.75'/%3E%3Cpath d='M74 8l6-4 7 6z' fill='%23f2c230' fill-opacity='0.9'/%3E%3C/svg%3E"), linear-gradient(180deg, #2f3d1e, #1f2814); background-size: 96px 18px, 100% 40px; }
/* empires-camo */
html[data-site="empires"][data-theme="empires-camo"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(217, 180, 74, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cpath d='M10 30c20-20 50-10 46 10s-30 30-46 16-10-14 0-26zM100 90c30-14 60 6 50 30s-50 20-60 4 0-26 10-34zM40 130c14-6 30 2 26 16s-26 14-30 4z' fill='%232a331c' fill-opacity='0.096'/%3E%3Cpath d='M110 20c16-6 40 4 32 18s-30 10-34 0zM20 90c10-10 30-6 28 6s-20 14-28 4z' fill='%233e5626' fill-opacity='0.108'/%3E%3C/svg%3E"); --t-page-size: 180px 180px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cpath d='M10 30c20-20 50-10 46 10s-30 30-46 16-10-14 0-26zM100 90c30-14 60 6 50 30s-50 20-60 4 0-26 10-34zM40 130c14-6 30 2 26 16s-26 14-30 4z' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cpath d='M110 20c16-6 40 4 32 18s-30 10-34 0zM20 90c10-10 30-6 28 6s-20 14-28 4z' fill='%23ffffff' fill-opacity='0.126'/%3E%3C/svg%3E"); --t-header-tile-size: 180px 180px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 135px 135px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-3H0z' fill='%234c5440' fill-opacity='0.6'/%3E%3Cpath d='M20 27l16-16 16 16z M90 27l12-12 12 12z M150 27l18-18 18 18z' fill='%234c5440' fill-opacity='0.6'/%3E%3Cpath d='M168 9V1l8 3-8 3' fill='%23d9b44a' fill-opacity='0.84'/%3E%3C/svg%3E"); --t-scene-size: 200px 30px; --t-scene-size-sm: 140px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-3H0z' fill='%23222916' fill-opacity='1'/%3E%3Cpath d='M20 27l16-16 16 16z M90 27l12-12 12 12z M150 27l18-18 18 18z' fill='%23222916' fill-opacity='1'/%3E%3Cpath d='M168 9V1l8 3-8 3' fill='%23d9b44a' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 200px 30px; --t-foot-size-sm: 140px 21px; --t-edge: rgba(217, 180, 74, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(42, 51, 28, 0.45); --t-gold-hi: #e6ce89; }
.los-theme-card[data-theme-choice="empires-camo"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-3H0z' fill='%234c5440' fill-opacity='0.75'/%3E%3Cpath d='M20 27l16-16 16 16z M90 27l12-12 12 12z M150 27l18-18 18 18z' fill='%234c5440' fill-opacity='0.75'/%3E%3Cpath d='M168 9V1l8 3-8 3' fill='%23d9b44a' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #2a331c, #1b2112); background-size: 120px 18px, 100% 40px; }
/* empires-night */
html[data-site="empires"][data-theme="empires-night"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(107, 142, 35, 0.22), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Ccircle cx='60' cy='60' r='26' fill='none' stroke='%23f1dc91' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='60' cy='60' r='12' fill='none' stroke='%23f1dc91' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M60 26V40M60 80V94M26 60H40M80 60H94' fill='none' stroke='%23f1dc91' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0 .5H120M.5 0V120' fill='none' stroke='%23f1dc91' stroke-opacity='0.042' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-page-size: 120px 120px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Ccircle cx='60' cy='60' r='26' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='60' cy='60' r='12' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M60 26V40M60 80V94M26 60H40M80 60H94' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0 .5H120M.5 0V120' fill='none' stroke='%23ffffff' stroke-opacity='0.042' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-header-tile-size: 120px 120px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 90px 90px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-3H0z' fill='%23313330' fill-opacity='0.6'/%3E%3Cpath d='M20 27l16-16 16 16z M90 27l12-12 12 12z M150 27l18-18 18 18z' fill='%23313330' fill-opacity='0.6'/%3E%3Cpath d='M168 9V1l8 3-8 3' fill='%23e8c547' fill-opacity='0.84'/%3E%3C/svg%3E"); --t-scene-size: 200px 30px; --t-scene-size-sm: 140px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-3H0z' fill='%23080a06' fill-opacity='1'/%3E%3Cpath d='M20 27l16-16 16 16z M90 27l12-12 12 12z M150 27l18-18 18 18z' fill='%23080a06' fill-opacity='1'/%3E%3Cpath d='M168 9V1l8 3-8 3' fill='%23e8c547' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 200px 30px; --t-foot-size-sm: 140px 21px; --t-edge: rgba(232, 197, 71, 0.55); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 10px 26px -10px rgba(0, 0, 0, .7); --t-gold-hi: #f0d987; }
.los-theme-card[data-theme-choice="empires-night"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-3H0z' fill='%23313330' fill-opacity='0.75'/%3E%3Cpath d='M20 27l16-16 16 16z M90 27l12-12 12 12z M150 27l18-18 18 18z' fill='%23313330' fill-opacity='0.75'/%3E%3Cpath d='M168 9V1l8 3-8 3' fill='%23e8c547' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #0a0c08, #070805); background-size: 120px 18px, 100% 40px; }
/* empires-desert */
html[data-site="empires"][data-theme="empires-desert"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(242, 194, 48, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='76' viewBox='0 0 220 76'%3E%3Cpath d='M0 40Q55 18 110 40T220 40M0 66Q55 46 110 66T220 66' fill='none' stroke='%235a3c18' stroke-opacity='0.06' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30 20q30-10 60 0' fill='none' stroke='%235a3c18' stroke-opacity='0.042' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-page-size: 220px 76px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='76' viewBox='0 0 220 76'%3E%3Cpath d='M0 40Q55 18 110 40T220 40M0 66Q55 46 110 66T220 66' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30 20q30-10 60 0' fill='none' stroke='%23ffffff' stroke-opacity='0.049' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-header-tile-size: 220px 76px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 165px 57px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='30' viewBox='0 0 220 30'%3E%3Cpath d='M0 30C40 16 70 16 100 24S160 14 220 26V30z' fill='%2326190a' fill-opacity='0.6'/%3E%3Cpath d='M0 30c30-6 60-6 90-2s70-2 130 0V30z' fill='%2326190a' fill-opacity='0.84'/%3E%3C/svg%3E"); --t-scene-size: 220px 30px; --t-scene-size-sm: 154px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30h240v-3H0z' fill='%23483013' fill-opacity='1'/%3E%3Cpath d='M60 28c2-8 2-14 0-20M180 28c-2-8-2-14 0-20' fill='none' stroke='%23483013' stroke-opacity='1' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M60 8c-6-4-12-2-16 2 6-1 10 0 16-2zM60 8c6-4 12-2 16 2-6-1-10 0-16-2zM60 8c-2-6-8-8-12-8 4 2 8 4 12 8zM60 8c2-6 8-8 12-8-4 2-8 4-12 8zM180 8c-6-4-12-2-16 2 6-1 10 0 16-2zM180 8c6-4 12-2 16 2-6-1-10 0-16-2zM180 8c-2-6-8-8-12-8 4 2 8 4 12 8z' fill='%23483013' fill-opacity='1'/%3E%3Cpath d='M110 30c10-10 30-10 40 0z' fill='%23483013' fill-opacity='0.8'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(242, 194, 48, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(90, 60, 24, 0.45); --t-gold-hi: #f7d778; }
.los-theme-card[data-theme-choice="empires-desert"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='30' viewBox='0 0 220 30'%3E%3Cpath d='M0 30C40 16 70 16 100 24S160 14 220 26V30z' fill='%2326190a' fill-opacity='0.75'/%3E%3Cpath d='M0 30c30-6 60-6 90-2s70-2 130 0V30z' fill='%2326190a' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #5a3c18, #3b2710); background-size: 132px 18px, 100% 40px; }
/* restaurant-classic */
html[data-site="restaurant"][data-theme="restaurant-classic"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(245, 215, 110, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect width='32' height='11' fill='%23c45f08' fill-opacity='0.072'/%3E%3Crect width='11' height='32' fill='%23c45f08' fill-opacity='0.072'/%3E%3C/svg%3E"); --t-page-size: 32px 32px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect width='32' height='11' fill='%23ffffff' fill-opacity='0.084'/%3E%3Crect width='11' height='32' fill='%23ffffff' fill-opacity='0.084'/%3E%3C/svg%3E"); --t-header-tile-size: 32px 32px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 24px 24px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 14h20v8a10 6 0 0 1-20 0z' fill='%232e1906' fill-opacity='0.6'/%3E%3Cpath d='M20 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='0.84'/%3E%3Cpath d='M40 14h20v8a10 6 0 0 1-20 0z' fill='%232e1906' fill-opacity='0.6'/%3E%3Cpath d='M60 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='0.84'/%3E%3Cpath d='M80 14h20v8a10 6 0 0 1-20 0z' fill='%232e1906' fill-opacity='0.6'/%3E%3Cpath d='M100 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='0.84'/%3E%3Cpath d='M120 14h20v8a10 6 0 0 1-20 0z' fill='%232e1906' fill-opacity='0.6'/%3E%3Cpath d='M140 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='0.84'/%3E%3Cpath d='M0 14h160v-3H0z' fill='%232e1906' fill-opacity='0.6'/%3E%3C/svg%3E"); --t-scene-size: 160px 30px; --t-scene-size-sm: 112px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 14h20v8a10 6 0 0 1-20 0z' fill='%23562e0b' fill-opacity='1'/%3E%3Cpath d='M20 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='1'/%3E%3Cpath d='M40 14h20v8a10 6 0 0 1-20 0z' fill='%23562e0b' fill-opacity='1'/%3E%3Cpath d='M60 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='1'/%3E%3Cpath d='M80 14h20v8a10 6 0 0 1-20 0z' fill='%23562e0b' fill-opacity='1'/%3E%3Cpath d='M100 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='1'/%3E%3Cpath d='M120 14h20v8a10 6 0 0 1-20 0z' fill='%23562e0b' fill-opacity='1'/%3E%3Cpath d='M140 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='1'/%3E%3Cpath d='M0 14h160v-3H0z' fill='%23562e0b' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 160px 30px; --t-foot-size-sm: 112px 21px; --t-edge: rgba(245, 215, 110, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(107, 58, 14, 0.45); --t-gold-hi: #f9e5a1; }
.los-theme-card[data-theme-choice="restaurant-classic"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 14h20v8a10 6 0 0 1-20 0z' fill='%232e1906' fill-opacity='0.75'/%3E%3Cpath d='M20 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='1'/%3E%3Cpath d='M40 14h20v8a10 6 0 0 1-20 0z' fill='%232e1906' fill-opacity='0.75'/%3E%3Cpath d='M60 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='1'/%3E%3Cpath d='M80 14h20v8a10 6 0 0 1-20 0z' fill='%232e1906' fill-opacity='0.75'/%3E%3Cpath d='M100 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='1'/%3E%3Cpath d='M120 14h20v8a10 6 0 0 1-20 0z' fill='%232e1906' fill-opacity='0.75'/%3E%3Cpath d='M140 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='1'/%3E%3Cpath d='M0 14h160v-3H0z' fill='%232e1906' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #6b3a0e, #462609); background-size: 96px 18px, 100% 40px; }
/* restaurant-bistro */
html[data-site="restaurant"][data-theme="restaurant-bistro"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(192, 57, 43, 0.22), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M0 .5H40M.5 0V40' fill='none' stroke='%23f9e7a8' stroke-opacity='0.07' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M.5-3l3 3.5-3 3.5-3-3.5z' transform='translate(0 0)' fill='%23c0392b' fill-opacity='0.14'/%3E%3C/svg%3E"); --t-page-size: 40px 40px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M0 .5H40M.5 0V40' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M.5-3l3 3.5-3 3.5-3-3.5z' transform='translate(0 0)' fill='%23ffffff' fill-opacity='0.14'/%3E%3C/svg%3E"); --t-header-tile-size: 40px 40px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 30px 30px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 14h20v8a10 6 0 0 1-20 0z' fill='%23353231' fill-opacity='0.6'/%3E%3Cpath d='M20 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='0.84'/%3E%3Cpath d='M40 14h20v8a10 6 0 0 1-20 0z' fill='%23353231' fill-opacity='0.6'/%3E%3Cpath d='M60 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='0.84'/%3E%3Cpath d='M80 14h20v8a10 6 0 0 1-20 0z' fill='%23353231' fill-opacity='0.6'/%3E%3Cpath d='M100 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='0.84'/%3E%3Cpath d='M120 14h20v8a10 6 0 0 1-20 0z' fill='%23353231' fill-opacity='0.6'/%3E%3Cpath d='M140 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='0.84'/%3E%3Cpath d='M0 14h160v-3H0z' fill='%23353231' fill-opacity='0.6'/%3E%3C/svg%3E"); --t-scene-size: 160px 30px; --t-scene-size-sm: 112px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 14h20v8a10 6 0 0 1-20 0z' fill='%230c0908' fill-opacity='1'/%3E%3Cpath d='M20 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='1'/%3E%3Cpath d='M40 14h20v8a10 6 0 0 1-20 0z' fill='%230c0908' fill-opacity='1'/%3E%3Cpath d='M60 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='1'/%3E%3Cpath d='M80 14h20v8a10 6 0 0 1-20 0z' fill='%230c0908' fill-opacity='1'/%3E%3Cpath d='M100 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='1'/%3E%3Cpath d='M120 14h20v8a10 6 0 0 1-20 0z' fill='%230c0908' fill-opacity='1'/%3E%3Cpath d='M140 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='1'/%3E%3Cpath d='M0 14h160v-3H0z' fill='%230c0908' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 160px 30px; --t-foot-size-sm: 112px 21px; --t-edge: rgba(245, 215, 110, 0.55); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 10px 26px -10px rgba(0, 0, 0, .7); --t-gold-hi: #f9e5a1; }
.los-theme-card[data-theme-choice="restaurant-bistro"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 14h20v8a10 6 0 0 1-20 0z' fill='%23353231' fill-opacity='0.75'/%3E%3Cpath d='M20 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='1'/%3E%3Cpath d='M40 14h20v8a10 6 0 0 1-20 0z' fill='%23353231' fill-opacity='0.75'/%3E%3Cpath d='M60 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='1'/%3E%3Cpath d='M80 14h20v8a10 6 0 0 1-20 0z' fill='%23353231' fill-opacity='0.75'/%3E%3Cpath d='M100 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='1'/%3E%3Cpath d='M120 14h20v8a10 6 0 0 1-20 0z' fill='%23353231' fill-opacity='0.75'/%3E%3Cpath d='M140 14h20v8a10 6 0 0 1-20 0z' fill='%23f5d76e' fill-opacity='1'/%3E%3Cpath d='M0 14h160v-3H0z' fill='%23353231' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #0f0b0a, #0a0707); background-size: 96px 18px, 100% 40px; }
/* restaurant-mint */
html[data-site="restaurant"][data-theme="restaurant-mint"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 207, 92, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M0 .5H40M.5 0V40' fill='none' stroke='%23145a48' stroke-opacity='0.06' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M.5-3l3 3.5-3 3.5-3-3.5z' transform='translate(0 0)' fill='%232fae86' fill-opacity='0.12'/%3E%3C/svg%3E"); --t-page-size: 40px 40px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M0 .5H40M.5 0V40' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M.5-3l3 3.5-3 3.5-3-3.5z' transform='translate(0 0)' fill='%23ffffff' fill-opacity='0.14'/%3E%3C/svg%3E"); --t-header-tile-size: 40px 40px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 30px 30px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 14h20v8a10 6 0 0 1-20 0z' fill='%2308261f' fill-opacity='0.6'/%3E%3Cpath d='M20 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf5c' fill-opacity='0.84'/%3E%3Cpath d='M40 14h20v8a10 6 0 0 1-20 0z' fill='%2308261f' fill-opacity='0.6'/%3E%3Cpath d='M60 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf5c' fill-opacity='0.84'/%3E%3Cpath d='M80 14h20v8a10 6 0 0 1-20 0z' fill='%2308261f' fill-opacity='0.6'/%3E%3Cpath d='M100 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf5c' fill-opacity='0.84'/%3E%3Cpath d='M120 14h20v8a10 6 0 0 1-20 0z' fill='%2308261f' fill-opacity='0.6'/%3E%3Cpath d='M140 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf5c' fill-opacity='0.84'/%3E%3Cpath d='M0 14h160v-3H0z' fill='%2308261f' fill-opacity='0.6'/%3E%3C/svg%3E"); --t-scene-size: 160px 30px; --t-scene-size-sm: 112px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 14h20v8a10 6 0 0 1-20 0z' fill='%2310483a' fill-opacity='1'/%3E%3Cpath d='M20 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf5c' fill-opacity='1'/%3E%3Cpath d='M40 14h20v8a10 6 0 0 1-20 0z' fill='%2310483a' fill-opacity='1'/%3E%3Cpath d='M60 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf5c' fill-opacity='1'/%3E%3Cpath d='M80 14h20v8a10 6 0 0 1-20 0z' fill='%2310483a' fill-opacity='1'/%3E%3Cpath d='M100 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf5c' fill-opacity='1'/%3E%3Cpath d='M120 14h20v8a10 6 0 0 1-20 0z' fill='%2310483a' fill-opacity='1'/%3E%3Cpath d='M140 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf5c' fill-opacity='1'/%3E%3Cpath d='M0 14h160v-3H0z' fill='%2310483a' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 160px 30px; --t-foot-size-sm: 112px 21px; --t-edge: rgba(255, 207, 92, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(20, 90, 72, 0.45); --t-gold-hi: #ffe095; }
.los-theme-card[data-theme-choice="restaurant-mint"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 14h20v8a10 6 0 0 1-20 0z' fill='%2308261f' fill-opacity='0.75'/%3E%3Cpath d='M20 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf5c' fill-opacity='1'/%3E%3Cpath d='M40 14h20v8a10 6 0 0 1-20 0z' fill='%2308261f' fill-opacity='0.75'/%3E%3Cpath d='M60 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf5c' fill-opacity='1'/%3E%3Cpath d='M80 14h20v8a10 6 0 0 1-20 0z' fill='%2308261f' fill-opacity='0.75'/%3E%3Cpath d='M100 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf5c' fill-opacity='1'/%3E%3Cpath d='M120 14h20v8a10 6 0 0 1-20 0z' fill='%2308261f' fill-opacity='0.75'/%3E%3Cpath d='M140 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf5c' fill-opacity='1'/%3E%3Cpath d='M0 14h160v-3H0z' fill='%2308261f' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #145a48, #0d3b2f); background-size: 96px 18px, 100% 40px; }
/* restaurant-candy */
html[data-site="restaurant"][data-theme="restaurant-candy"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 209, 102, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Ccircle cx='12' cy='12' r='5' fill='%23ec6aa0' fill-opacity='0.084'/%3E%3Ccircle cx='36' cy='36' r='5' fill='%237a2a4f' fill-opacity='0.06'/%3E%3C/svg%3E"); --t-page-size: 48px 48px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Ccircle cx='12' cy='12' r='5' fill='%23ffffff' fill-opacity='0.098'/%3E%3Ccircle cx='36' cy='36' r='5' fill='%23ffffff' fill-opacity='0.07'/%3E%3C/svg%3E"); --t-header-tile-size: 48px 48px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 36px 36px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='30' viewBox='0 0 180 30'%3E%3Cpath d='M0 14h180v4c-8 0-8 10-14 10s-4-10-14-10-6 6-14 6-6-6-16-6-8 12-16 12-6-12-14-12-8 4-16 4-6-4-14-4-8 8-14 8-6-8-14-8-8 6-14 6S8 18 0 18z' fill='%238f4c6b' fill-opacity='0.6'/%3E%3Ccircle cx='40' cy='8' r='2' fill='%23ffd166' fill-opacity='0.96'/%3E%3Ccircle cx='120' cy='6' r='1.6' fill='%23ffd166' fill-opacity='0.96'/%3E%3C/svg%3E"); --t-scene-size: 180px 30px; --t-scene-size-sm: 126px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='30' viewBox='0 0 180 30'%3E%3Cpath d='M0 14h180v4c-8 0-8 10-14 10s-4-10-14-10-6 6-14 6-6-6-16-6-8 12-16 12-6-12-14-12-8 4-16 4-6-4-14-4-8 8-14 8-6-8-14-8-8 6-14 6S8 18 0 18z' fill='%2362223f' fill-opacity='1'/%3E%3Ccircle cx='40' cy='8' r='2' fill='%23ffd166' fill-opacity='1'/%3E%3Ccircle cx='120' cy='6' r='1.6' fill='%23ffd166' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 180px 30px; --t-foot-size-sm: 126px 21px; --t-edge: rgba(255, 209, 102, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(122, 42, 79, 0.45); --t-gold-hi: #ffe19c; }
.los-theme-card[data-theme-choice="restaurant-candy"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='30' viewBox='0 0 180 30'%3E%3Cpath d='M0 14h180v4c-8 0-8 10-14 10s-4-10-14-10-6 6-14 6-6-6-16-6-8 12-16 12-6-12-14-12-8 4-16 4-6-4-14-4-8 8-14 8-6-8-14-8-8 6-14 6S8 18 0 18z' fill='%238f4c6b' fill-opacity='0.75'/%3E%3Ccircle cx='40' cy='8' r='2' fill='%23ffd166' fill-opacity='1'/%3E%3Ccircle cx='120' cy='6' r='1.6' fill='%23ffd166' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #7a2a4f, #4f1b33); background-size: 108px 18px, 100% 40px; }
/* pets-classic */
html[data-site="pets"][data-theme="pets-classic"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 209, 102, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg transform='translate(28 30) rotate(-20)' fill='%23134a66' fill-opacity='0.09'%3E%3Cellipse cx='0' cy='4' rx='6' ry='5'/%3E%3Ccircle cx='-6' cy='-4' r='2.4'/%3E%3Ccircle cx='-2' cy='-8' r='2.4'/%3E%3Ccircle cx='3' cy='-8' r='2.4'/%3E%3Ccircle cx='7' cy='-4' r='2.4'/%3E%3C/g%3E%3Cg transform='translate(86 84) rotate(25)' fill='%23134a66' fill-opacity='0.09'%3E%3Cellipse cx='0' cy='4' rx='6' ry='5'/%3E%3Ccircle cx='-6' cy='-4' r='2.4'/%3E%3Ccircle cx='-2' cy='-8' r='2.4'/%3E%3Ccircle cx='3' cy='-8' r='2.4'/%3E%3Ccircle cx='7' cy='-4' r='2.4'/%3E%3C/g%3E%3C/svg%3E"); --t-page-size: 120px 120px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg transform='translate(28 30) rotate(-20)' fill='%23ffffff' fill-opacity='0.105'%3E%3Cellipse cx='0' cy='4' rx='6' ry='5'/%3E%3Ccircle cx='-6' cy='-4' r='2.4'/%3E%3Ccircle cx='-2' cy='-8' r='2.4'/%3E%3Ccircle cx='3' cy='-8' r='2.4'/%3E%3Ccircle cx='7' cy='-4' r='2.4'/%3E%3C/g%3E%3Cg transform='translate(86 84) rotate(25)' fill='%23ffffff' fill-opacity='0.105'%3E%3Cellipse cx='0' cy='4' rx='6' ry='5'/%3E%3Ccircle cx='-6' cy='-4' r='2.4'/%3E%3Ccircle cx='-2' cy='-8' r='2.4'/%3E%3Ccircle cx='3' cy='-8' r='2.4'/%3E%3Ccircle cx='7' cy='-4' r='2.4'/%3E%3C/g%3E%3C/svg%3E"); --t-header-tile-size: 120px 120px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 90px 90px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='30' viewBox='0 0 320 30'%3E%3Cpath d='M0 30C50 14 90 14 140 22S240 10 320 20 V30z' fill='%23081f2b' fill-opacity='0.6'/%3E%3Cpath d='M0 30C60 22 120 24 180 26S280 22 320 26V30z' fill='%23081f2b' fill-opacity='0.84'/%3E%3C/svg%3E"); --t-scene-size: 320px 30px; --t-scene-size-sm: 224px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='30' viewBox='0 0 320 30'%3E%3Cpath d='M0 30C50 14 90 14 140 22S240 10 320 20 V30z' fill='%230f3b52' fill-opacity='1'/%3E%3Cpath d='M0 30C60 22 120 24 180 26S280 22 320 26V30z' fill='%230f3b52' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 320px 30px; --t-foot-size-sm: 224px 21px; --t-edge: rgba(255, 209, 102, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(19, 74, 102, 0.45); --t-gold-hi: #ffe19c; }
.los-theme-card[data-theme-choice="pets-classic"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='30' viewBox='0 0 320 30'%3E%3Cpath d='M0 30C50 14 90 14 140 22S240 10 320 20 V30z' fill='%23081f2b' fill-opacity='0.75'/%3E%3Cpath d='M0 30C60 22 120 24 180 26S280 22 320 26V30z' fill='%23081f2b' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #134a66, #0c3042); background-size: 192px 18px, 100% 40px; }
/* pets-candy */
html[data-site="pets"][data-theme="pets-candy"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 209, 102, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110' viewBox='0 0 110 110'%3E%3Cpath transform='translate(26 28) scale(1.3)' d='M0 6C-6 1-8-2-6-5-4-7-1-6 0-4 1-6 4-7 6-5 8-2 6 1 0 6Z' fill='%23ff7eb6' fill-opacity='0.096'/%3E%3Cpath transform='translate(80 84) rotate(15)' d='M0 6C-6 1-8-2-6-5-4-7-1-6 0-4 1-6 4-7 6-5 8-2 6 1 0 6Z' fill='%237a2a56' fill-opacity='0.096'/%3E%3C/svg%3E"); --t-page-size: 110px 110px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110' viewBox='0 0 110 110'%3E%3Cpath transform='translate(26 28) scale(1.3)' d='M0 6C-6 1-8-2-6-5-4-7-1-6 0-4 1-6 4-7 6-5 8-2 6 1 0 6Z' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cpath transform='translate(80 84) rotate(15)' d='M0 6C-6 1-8-2-6-5-4-7-1-6 0-4 1-6 4-7 6-5 8-2 6 1 0 6Z' fill='%23ffffff' fill-opacity='0.112'/%3E%3C/svg%3E"); --t-header-tile-size: 110px 110px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 83px 83px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='30' viewBox='0 0 180 30'%3E%3Cpath d='M0 14h180v4c-8 0-8 10-14 10s-4-10-14-10-6 6-14 6-6-6-16-6-8 12-16 12-6-12-14-12-8 4-16 4-6-4-14-4-8 8-14 8-6-8-14-8-8 6-14 6S8 18 0 18z' fill='%238f4c71' fill-opacity='0.6'/%3E%3Ccircle cx='40' cy='8' r='2' fill='%23ffd166' fill-opacity='0.96'/%3E%3Ccircle cx='120' cy='6' r='1.6' fill='%23ffd166' fill-opacity='0.96'/%3E%3C/svg%3E"); --t-scene-size: 180px 30px; --t-scene-size-sm: 126px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='30' viewBox='0 0 180 30'%3E%3Cpath d='M0 14h180v4c-8 0-8 10-14 10s-4-10-14-10-6 6-14 6-6-6-16-6-8 12-16 12-6-12-14-12-8 4-16 4-6-4-14-4-8 8-14 8-6-8-14-8-8 6-14 6S8 18 0 18z' fill='%23622245' fill-opacity='1'/%3E%3Ccircle cx='40' cy='8' r='2' fill='%23ffd166' fill-opacity='1'/%3E%3Ccircle cx='120' cy='6' r='1.6' fill='%23ffd166' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 180px 30px; --t-foot-size-sm: 126px 21px; --t-edge: rgba(255, 209, 102, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(122, 42, 86, 0.45); --t-gold-hi: #ffe19c; }
.los-theme-card[data-theme-choice="pets-candy"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='30' viewBox='0 0 180 30'%3E%3Cpath d='M0 14h180v4c-8 0-8 10-14 10s-4-10-14-10-6 6-14 6-6-6-16-6-8 12-16 12-6-12-14-12-8 4-16 4-6-4-14-4-8 8-14 8-6-8-14-8-8 6-14 6S8 18 0 18z' fill='%238f4c71' fill-opacity='0.75'/%3E%3Ccircle cx='40' cy='8' r='2' fill='%23ffd166' fill-opacity='1'/%3E%3Ccircle cx='120' cy='6' r='1.6' fill='%23ffd166' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #7a2a56, #4f1b38); background-size: 108px 18px, 100% 40px; }
/* pets-meadow */
html[data-site="pets"][data-theme="pets-meadow"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 207, 63, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='44' viewBox='0 0 120 44'%3E%3Cpath d='M10 40c2-10 0-16-4-22M12 40c0-8 4-14 10-18M60 40c-1-8-5-12-10-16M62 40c2-12 8-16 14-20M100 40c0-6 2-12 6-14' fill='none' stroke='%233d5c1a' stroke-opacity='0.06' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='80' cy='14' r='3' fill='%23ffcf3f' fill-opacity='0.15'/%3E%3Ccircle cx='30' cy='8' r='2' fill='%23ffcf3f' fill-opacity='0.15'/%3E%3C/svg%3E"); --t-page-size: 120px 44px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='44' viewBox='0 0 120 44'%3E%3Cpath d='M10 40c2-10 0-16-4-22M12 40c0-8 4-14 10-18M60 40c-1-8-5-12-10-16M62 40c2-12 8-16 14-20M100 40c0-6 2-12 6-14' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='80' cy='14' r='3' fill='%23ffffff' fill-opacity='0.175'/%3E%3Ccircle cx='30' cy='8' r='2' fill='%23ffffff' fill-opacity='0.175'/%3E%3C/svg%3E"); --t-header-tile-size: 120px 44px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 90px 33px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-4H0z' fill='%231a270b' fill-opacity='0.6'/%3E%3Cpath d='M14 27V14' fill='none' stroke='%231a270b' stroke-opacity='0.6' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='14' cy='14' r='4' fill='%23ffcf3f' fill-opacity='0.84'/%3E%3Ccircle cx='14' cy='14' r='1.6' fill='%231a270b' fill-opacity='0.6'/%3E%3Cpath d='M40 27V18' fill='none' stroke='%231a270b' stroke-opacity='0.6' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='40' cy='18' r='4' fill='%23ffcf3f' fill-opacity='0.84'/%3E%3Ccircle cx='40' cy='18' r='1.6' fill='%231a270b' fill-opacity='0.6'/%3E%3Cpath d='M66 27V12' fill='none' stroke='%231a270b' stroke-opacity='0.6' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='66' cy='12' r='4' fill='%23ffcf3f' fill-opacity='0.84'/%3E%3Ccircle cx='66' cy='12' r='1.6' fill='%231a270b' fill-opacity='0.6'/%3E%3Cpath d='M96 27V16' fill='none' stroke='%231a270b' stroke-opacity='0.6' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='96' cy='16' r='4' fill='%23ffcf3f' fill-opacity='0.84'/%3E%3Ccircle cx='96' cy='16' r='1.6' fill='%231a270b' fill-opacity='0.6'/%3E%3Cpath d='M124 27V13' fill='none' stroke='%231a270b' stroke-opacity='0.6' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='124' cy='13' r='4' fill='%23ffcf3f' fill-opacity='0.84'/%3E%3Ccircle cx='124' cy='13' r='1.6' fill='%231a270b' fill-opacity='0.6'/%3E%3Cpath d='M150 27V19' fill='none' stroke='%231a270b' stroke-opacity='0.6' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='150' cy='19' r='4' fill='%23ffcf3f' fill-opacity='0.84'/%3E%3Ccircle cx='150' cy='19' r='1.6' fill='%231a270b' fill-opacity='0.6'/%3E%3Cpath d='M178 27V14' fill='none' stroke='%231a270b' stroke-opacity='0.6' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='178' cy='14' r='4' fill='%23ffcf3f' fill-opacity='0.84'/%3E%3Ccircle cx='178' cy='14' r='1.6' fill='%231a270b' fill-opacity='0.6'/%3E%3C/svg%3E"); --t-scene-size: 200px 30px; --t-scene-size-sm: 140px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-4H0z' fill='%23314a15' fill-opacity='1'/%3E%3Cpath d='M14 27V14' fill='none' stroke='%23314a15' stroke-opacity='1' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='14' cy='14' r='4' fill='%23ffcf3f' fill-opacity='1'/%3E%3Ccircle cx='14' cy='14' r='1.6' fill='%23314a15' fill-opacity='1'/%3E%3Cpath d='M40 27V18' fill='none' stroke='%23314a15' stroke-opacity='1' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='40' cy='18' r='4' fill='%23ffcf3f' fill-opacity='1'/%3E%3Ccircle cx='40' cy='18' r='1.6' fill='%23314a15' fill-opacity='1'/%3E%3Cpath d='M66 27V12' fill='none' stroke='%23314a15' stroke-opacity='1' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='66' cy='12' r='4' fill='%23ffcf3f' fill-opacity='1'/%3E%3Ccircle cx='66' cy='12' r='1.6' fill='%23314a15' fill-opacity='1'/%3E%3Cpath d='M96 27V16' fill='none' stroke='%23314a15' stroke-opacity='1' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='96' cy='16' r='4' fill='%23ffcf3f' fill-opacity='1'/%3E%3Ccircle cx='96' cy='16' r='1.6' fill='%23314a15' fill-opacity='1'/%3E%3Cpath d='M124 27V13' fill='none' stroke='%23314a15' stroke-opacity='1' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='124' cy='13' r='4' fill='%23ffcf3f' fill-opacity='1'/%3E%3Ccircle cx='124' cy='13' r='1.6' fill='%23314a15' fill-opacity='1'/%3E%3Cpath d='M150 27V19' fill='none' stroke='%23314a15' stroke-opacity='1' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='150' cy='19' r='4' fill='%23ffcf3f' fill-opacity='1'/%3E%3Ccircle cx='150' cy='19' r='1.6' fill='%23314a15' fill-opacity='1'/%3E%3Cpath d='M178 27V14' fill='none' stroke='%23314a15' stroke-opacity='1' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='178' cy='14' r='4' fill='%23ffcf3f' fill-opacity='1'/%3E%3Ccircle cx='178' cy='14' r='1.6' fill='%23314a15' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 200px 30px; --t-foot-size-sm: 140px 21px; --t-edge: rgba(255, 207, 63, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(61, 92, 26, 0.45); --t-gold-hi: #ffe082; }
.los-theme-card[data-theme-choice="pets-meadow"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-4H0z' fill='%231a270b' fill-opacity='0.75'/%3E%3Cpath d='M14 27V14' fill='none' stroke='%231a270b' stroke-opacity='0.75' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='14' cy='14' r='4' fill='%23ffcf3f' fill-opacity='1'/%3E%3Ccircle cx='14' cy='14' r='1.6' fill='%231a270b' fill-opacity='0.75'/%3E%3Cpath d='M40 27V18' fill='none' stroke='%231a270b' stroke-opacity='0.75' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='40' cy='18' r='4' fill='%23ffcf3f' fill-opacity='1'/%3E%3Ccircle cx='40' cy='18' r='1.6' fill='%231a270b' fill-opacity='0.75'/%3E%3Cpath d='M66 27V12' fill='none' stroke='%231a270b' stroke-opacity='0.75' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='66' cy='12' r='4' fill='%23ffcf3f' fill-opacity='1'/%3E%3Ccircle cx='66' cy='12' r='1.6' fill='%231a270b' fill-opacity='0.75'/%3E%3Cpath d='M96 27V16' fill='none' stroke='%231a270b' stroke-opacity='0.75' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='96' cy='16' r='4' fill='%23ffcf3f' fill-opacity='1'/%3E%3Ccircle cx='96' cy='16' r='1.6' fill='%231a270b' fill-opacity='0.75'/%3E%3Cpath d='M124 27V13' fill='none' stroke='%231a270b' stroke-opacity='0.75' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='124' cy='13' r='4' fill='%23ffcf3f' fill-opacity='1'/%3E%3Ccircle cx='124' cy='13' r='1.6' fill='%231a270b' fill-opacity='0.75'/%3E%3Cpath d='M150 27V19' fill='none' stroke='%231a270b' stroke-opacity='0.75' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='150' cy='19' r='4' fill='%23ffcf3f' fill-opacity='1'/%3E%3Ccircle cx='150' cy='19' r='1.6' fill='%231a270b' fill-opacity='0.75'/%3E%3Cpath d='M178 27V14' fill='none' stroke='%231a270b' stroke-opacity='0.75' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='178' cy='14' r='4' fill='%23ffcf3f' fill-opacity='1'/%3E%3Ccircle cx='178' cy='14' r='1.6' fill='%231a270b' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #3d5c1a, #283c11); background-size: 120px 18px, 100% 40px; }
/* pets-night */
html[data-site="pets"][data-theme="pets-night"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(108, 126, 224, 0.22), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Ccircle cx='12' cy='18' r='1.2' fill='%23ffe8b9' fill-opacity='0.14'/%3E%3Ccircle cx='60' cy='40' r='0.8' fill='%23ffe8b9' fill-opacity='0.14'/%3E%3Ccircle cx='104' cy='14' r='1.6' fill='%23ffe8b9' fill-opacity='0.14'/%3E%3Ccircle cx='140' cy='62' r='0.9' fill='%23ffe8b9' fill-opacity='0.14'/%3E%3Ccircle cx='30' cy='88' r='1' fill='%23ffe8b9' fill-opacity='0.14'/%3E%3Ccircle cx='86' cy='104' r='1.4' fill='%23ffe8b9' fill-opacity='0.14'/%3E%3Ccircle cx='128' cy='132' r='0.8' fill='%23ffe8b9' fill-opacity='0.14'/%3E%3Ccircle cx='8' cy='140' r='1.1' fill='%23ffe8b9' fill-opacity='0.14'/%3E%3Ccircle cx='70' cy='150' r='0.7' fill='%23ffe8b9' fill-opacity='0.14'/%3E%3Ccircle cx='150' cy='100' r='1.2' fill='%23ffe8b9' fill-opacity='0.14'/%3E%3Cpath d='M44 120l2 6 6 2-6 2-2 6-2-6-6-2 6-2z M120 30l1.5 4.5 4.5 1.5-4.5 1.5-1.5 4.5-1.5-4.5-4.5-1.5 4.5-1.5z' fill='%23ffd98a' fill-opacity='0.175'/%3E%3C/svg%3E"); --t-page-size: 160px 160px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Ccircle cx='12' cy='18' r='1.2' fill='%23ffffff' fill-opacity='0.14'/%3E%3Ccircle cx='60' cy='40' r='0.8' fill='%23ffffff' fill-opacity='0.14'/%3E%3Ccircle cx='104' cy='14' r='1.6' fill='%23ffffff' fill-opacity='0.14'/%3E%3Ccircle cx='140' cy='62' r='0.9' fill='%23ffffff' fill-opacity='0.14'/%3E%3Ccircle cx='30' cy='88' r='1' fill='%23ffffff' fill-opacity='0.14'/%3E%3Ccircle cx='86' cy='104' r='1.4' fill='%23ffffff' fill-opacity='0.14'/%3E%3Ccircle cx='128' cy='132' r='0.8' fill='%23ffffff' fill-opacity='0.14'/%3E%3Ccircle cx='8' cy='140' r='1.1' fill='%23ffffff' fill-opacity='0.14'/%3E%3Ccircle cx='70' cy='150' r='0.7' fill='%23ffffff' fill-opacity='0.14'/%3E%3Ccircle cx='150' cy='100' r='1.2' fill='%23ffffff' fill-opacity='0.14'/%3E%3Cpath d='M44 120l2 6 6 2-6 2-2 6-2-6-6-2 6-2z M120 30l1.5 4.5 4.5 1.5-4.5 1.5-1.5 4.5-1.5-4.5-4.5-1.5 4.5-1.5z' fill='%23ffffff' fill-opacity='0.175'/%3E%3C/svg%3E"); --t-header-tile-size: 160px 160px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 120px 120px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 30V20l12-9 12 9v10z M30 30V16l16-12 16 12v14z M70 30V22l10-7 10 7v8z M96 30V18l14-10 14 10v12z M132 30V20l12-9 12 9v10z' fill='%23323645' fill-opacity='0.6'/%3E%3Cpath d='M52 8V2h4v9z' fill='%23323645' fill-opacity='0.6'/%3E%3Cpath d='M10 22h4v4h-4zM42 20h4v4h-4zM106 22h4v4h-4z' fill='%23ffd98a' fill-opacity='0.84'/%3E%3C/svg%3E"); --t-scene-size: 160px 30px; --t-scene-size-sm: 112px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 30V20l12-9 12 9v10z M30 30V16l16-12 16 12v14z M70 30V22l10-7 10 7v8z M96 30V18l14-10 14 10v12z M132 30V20l12-9 12 9v10z' fill='%23090d1b' fill-opacity='1'/%3E%3Cpath d='M52 8V2h4v9z' fill='%23090d1b' fill-opacity='1'/%3E%3Cpath d='M10 22h4v4h-4zM42 20h4v4h-4zM106 22h4v4h-4z' fill='%23ffd98a' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 160px 30px; --t-foot-size-sm: 112px 21px; --t-edge: rgba(255, 217, 138, 0.55); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 10px 26px -10px rgba(0, 0, 0, .7); --t-gold-hi: #ffe6b3; }
.los-theme-card[data-theme-choice="pets-night"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 30V20l12-9 12 9v10z M30 30V16l16-12 16 12v14z M70 30V22l10-7 10 7v8z M96 30V18l14-10 14 10v12z M132 30V20l12-9 12 9v10z' fill='%23323645' fill-opacity='0.75'/%3E%3Cpath d='M52 8V2h4v9z' fill='%23323645' fill-opacity='0.75'/%3E%3Cpath d='M10 22h4v4h-4zM42 20h4v4h-4zM106 22h4v4h-4z' fill='%23ffd98a' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #0b1022, #070a16); background-size: 96px 18px, 100% 40px; }
/* ville-classic */
html[data-site="ville"][data-theme="ville-classic"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 212, 92, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20' viewBox='0 0 40 20'%3E%3Cpath d='M0 20Q10 4 20 20Q30 4 40 20M-10 10Q0-6 10 10Q20-6 30 10Q40-6 50 10' fill='none' stroke='%235a3207' stroke-opacity='0.06' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-page-size: 40px 20px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20' viewBox='0 0 40 20'%3E%3Cpath d='M0 20Q10 4 20 20Q30 4 40 20M-10 10Q0-6 10 10Q20-6 30 10Q40-6 50 10' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-header-tile-size: 40px 20px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 30px 15px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 30V20l12-9 12 9v10z M30 30V16l16-12 16 12v14z M70 30V22l10-7 10 7v8z M96 30V18l14-10 14 10v12z M132 30V20l12-9 12 9v10z' fill='%2374532f' fill-opacity='0.6'/%3E%3Cpath d='M52 8V2h4v9z' fill='%2374532f' fill-opacity='0.6'/%3E%3Cpath d='M10 22h4v4h-4zM42 20h4v4h-4zM106 22h4v4h-4z' fill='%23ffd45c' fill-opacity='0.84'/%3E%3C/svg%3E"); --t-scene-size: 160px 30px; --t-scene-size-sm: 112px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 30V20l12-9 12 9v10z M30 30V16l16-12 16 12v14z M70 30V22l10-7 10 7v8z M96 30V18l14-10 14 10v12z M132 30V20l12-9 12 9v10z' fill='%23482806' fill-opacity='1'/%3E%3Cpath d='M52 8V2h4v9z' fill='%23482806' fill-opacity='1'/%3E%3Cpath d='M10 22h4v4h-4zM42 20h4v4h-4zM106 22h4v4h-4z' fill='%23ffd45c' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 160px 30px; --t-foot-size-sm: 112px 21px; --t-edge: rgba(255, 212, 92, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(90, 50, 7, 0.45); --t-gold-hi: #ffe395; }
.los-theme-card[data-theme-choice="ville-classic"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 30V20l12-9 12 9v10z M30 30V16l16-12 16 12v14z M70 30V22l10-7 10 7v8z M96 30V18l14-10 14 10v12z M132 30V20l12-9 12 9v10z' fill='%2374532f' fill-opacity='0.75'/%3E%3Cpath d='M52 8V2h4v9z' fill='%2374532f' fill-opacity='0.75'/%3E%3Cpath d='M10 22h4v4h-4zM42 20h4v4h-4zM106 22h4v4h-4z' fill='%23ffd45c' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #5a3207, #3b2105); background-size: 96px 18px, 100% 40px; }
/* ville-cozy */
html[data-site="ville"][data-theme="ville-cozy"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(232, 176, 76, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='48' viewBox='0 0 160 48'%3E%3Cpath d='M0 15.5H160M0 47.5H160M60 0V15.5M130 16V47.5M20 16V47.5' fill='none' stroke='%234a3426' stroke-opacity='0.06' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 7c14-3 30 3 44 0M70 8c20 3 40-3 80 0M30 31c20-3 40 3 60 0M100 38c10-2 20 2 26 0' fill='none' stroke='%234a3426' stroke-opacity='0.048' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='98' cy='8' rx='4' ry='2' fill='none' stroke='%234a3426' stroke-opacity='0.06' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-page-size: 160px 48px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='48' viewBox='0 0 160 48'%3E%3Cpath d='M0 15.5H160M0 47.5H160M60 0V15.5M130 16V47.5M20 16V47.5' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 7c14-3 30 3 44 0M70 8c20 3 40-3 80 0M30 31c20-3 40 3 60 0M100 38c10-2 20 2 26 0' fill='none' stroke='%23ffffff' stroke-opacity='0.056' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='98' cy='8' rx='4' ry='2' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-header-tile-size: 160px 48px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 120px 36px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 30V20l12-9 12 9v10z M30 30V16l16-12 16 12v14z M70 30V22l10-7 10 7v8z M96 30V18l14-10 14 10v12z M132 30V20l12-9 12 9v10z' fill='%23675449' fill-opacity='0.6'/%3E%3Cpath d='M52 8V2h4v9z' fill='%23675449' fill-opacity='0.6'/%3E%3Cpath d='M10 22h4v4h-4zM42 20h4v4h-4zM106 22h4v4h-4z' fill='%23e8b04c' fill-opacity='0.84'/%3E%3C/svg%3E"); --t-scene-size: 160px 30px; --t-scene-size-sm: 112px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 30V20l12-9 12 9v10z M30 30V16l16-12 16 12v14z M70 30V22l10-7 10 7v8z M96 30V18l14-10 14 10v12z M132 30V20l12-9 12 9v10z' fill='%233b2a1e' fill-opacity='1'/%3E%3Cpath d='M52 8V2h4v9z' fill='%233b2a1e' fill-opacity='1'/%3E%3Cpath d='M10 22h4v4h-4zM42 20h4v4h-4zM106 22h4v4h-4z' fill='%23e8b04c' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 160px 30px; --t-foot-size-sm: 112px 21px; --t-edge: rgba(232, 176, 76, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(74, 52, 38, 0.45); --t-gold-hi: #f0cc8b; }
.los-theme-card[data-theme-choice="ville-cozy"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 30V20l12-9 12 9v10z M30 30V16l16-12 16 12v14z M70 30V22l10-7 10 7v8z M96 30V18l14-10 14 10v12z M132 30V20l12-9 12 9v10z' fill='%23675449' fill-opacity='0.75'/%3E%3Cpath d='M52 8V2h4v9z' fill='%23675449' fill-opacity='0.75'/%3E%3Cpath d='M10 22h4v4h-4zM42 20h4v4h-4zM106 22h4v4h-4z' fill='%23e8b04c' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #4a3426, #302219); background-size: 96px 18px, 100% 40px; }
/* ville-garden */
html[data-site="ville"][data-theme="ville-garden"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 207, 77, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130' viewBox='0 0 130 130'%3E%3Crect x='14' y='20' width='7' height='3' rx='1' transform='rotate(30 14 20)' fill='%235cb85c' fill-opacity='0.12'/%3E%3Crect x='70' y='14' width='7' height='3' rx='1' transform='rotate(-20 70 14)' fill='%2324502a' fill-opacity='0.12'/%3E%3Crect x='100' y='60' width='7' height='3' rx='1' transform='rotate(60 100 60)' fill='%235cb85c' fill-opacity='0.12'/%3E%3Crect x='30' y='80' width='7' height='3' rx='1' transform='rotate(-40 30 80)' fill='%2324502a' fill-opacity='0.12'/%3E%3Crect x='80' y='104' width='7' height='3' rx='1' transform='rotate(15 80 104)' fill='%235cb85c' fill-opacity='0.12'/%3E%3Crect x='120' y='110' width='7' height='3' rx='1' transform='rotate(-60 120 110)' fill='%2324502a' fill-opacity='0.12'/%3E%3C/svg%3E"); --t-page-size: 130px 130px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130' viewBox='0 0 130 130'%3E%3Crect x='14' y='20' width='7' height='3' rx='1' transform='rotate(30 14 20)' fill='%23ffffff' fill-opacity='0.14'/%3E%3Crect x='70' y='14' width='7' height='3' rx='1' transform='rotate(-20 70 14)' fill='%23ffffff' fill-opacity='0.14'/%3E%3Crect x='100' y='60' width='7' height='3' rx='1' transform='rotate(60 100 60)' fill='%23ffffff' fill-opacity='0.14'/%3E%3Crect x='30' y='80' width='7' height='3' rx='1' transform='rotate(-40 30 80)' fill='%23ffffff' fill-opacity='0.14'/%3E%3Crect x='80' y='104' width='7' height='3' rx='1' transform='rotate(15 80 104)' fill='%23ffffff' fill-opacity='0.14'/%3E%3Crect x='120' y='110' width='7' height='3' rx='1' transform='rotate(-60 120 110)' fill='%23ffffff' fill-opacity='0.14'/%3E%3C/svg%3E"); --t-header-tile-size: 130px 130px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 98px 98px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30V20h240v10z M0 14h240v4H0z' fill='%230f2212' fill-opacity='0.48'/%3E%3Cpath d='M6 30V9l4-4 4 4v21z' fill='%230f2212' fill-opacity='0.6'/%3E%3Cpath d='M36 30V9l4-4 4 4v21z' fill='%230f2212' fill-opacity='0.6'/%3E%3Cpath d='M66 30V9l4-4 4 4v21z' fill='%230f2212' fill-opacity='0.6'/%3E%3Cpath d='M96 30V9l4-4 4 4v21z' fill='%230f2212' fill-opacity='0.6'/%3E%3Cpath d='M126 30V9l4-4 4 4v21z' fill='%230f2212' fill-opacity='0.6'/%3E%3Cpath d='M156 30V9l4-4 4 4v21z' fill='%230f2212' fill-opacity='0.6'/%3E%3Cpath d='M186 30V9l4-4 4 4v21z' fill='%230f2212' fill-opacity='0.6'/%3E%3Cpath d='M216 30V9l4-4 4 4v21z' fill='%230f2212' fill-opacity='0.6'/%3E%3C/svg%3E"); --t-scene-size: 240px 30px; --t-scene-size-sm: 168px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-4H0z' fill='%231d4022' fill-opacity='1'/%3E%3Cpath d='M14 27V14' fill='none' stroke='%231d4022' stroke-opacity='1' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='14' cy='14' r='4' fill='%23ffcf4d' fill-opacity='1'/%3E%3Ccircle cx='14' cy='14' r='1.6' fill='%231d4022' fill-opacity='1'/%3E%3Cpath d='M40 27V18' fill='none' stroke='%231d4022' stroke-opacity='1' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='40' cy='18' r='4' fill='%23ffcf4d' fill-opacity='1'/%3E%3Ccircle cx='40' cy='18' r='1.6' fill='%231d4022' fill-opacity='1'/%3E%3Cpath d='M66 27V12' fill='none' stroke='%231d4022' stroke-opacity='1' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='66' cy='12' r='4' fill='%23ffcf4d' fill-opacity='1'/%3E%3Ccircle cx='66' cy='12' r='1.6' fill='%231d4022' fill-opacity='1'/%3E%3Cpath d='M96 27V16' fill='none' stroke='%231d4022' stroke-opacity='1' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='96' cy='16' r='4' fill='%23ffcf4d' fill-opacity='1'/%3E%3Ccircle cx='96' cy='16' r='1.6' fill='%231d4022' fill-opacity='1'/%3E%3Cpath d='M124 27V13' fill='none' stroke='%231d4022' stroke-opacity='1' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='124' cy='13' r='4' fill='%23ffcf4d' fill-opacity='1'/%3E%3Ccircle cx='124' cy='13' r='1.6' fill='%231d4022' fill-opacity='1'/%3E%3Cpath d='M150 27V19' fill='none' stroke='%231d4022' stroke-opacity='1' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='150' cy='19' r='4' fill='%23ffcf4d' fill-opacity='1'/%3E%3Ccircle cx='150' cy='19' r='1.6' fill='%231d4022' fill-opacity='1'/%3E%3Cpath d='M178 27V14' fill='none' stroke='%231d4022' stroke-opacity='1' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='178' cy='14' r='4' fill='%23ffcf4d' fill-opacity='1'/%3E%3Ccircle cx='178' cy='14' r='1.6' fill='%231d4022' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 200px 30px; --t-foot-size-sm: 140px 21px; --t-edge: rgba(255, 207, 77, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(36, 80, 42, 0.45); --t-gold-hi: #ffe08b; }
.los-theme-card[data-theme-choice="ville-garden"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30V20h240v10z M0 14h240v4H0z' fill='%230f2212' fill-opacity='0.6'/%3E%3Cpath d='M6 30V9l4-4 4 4v21z' fill='%230f2212' fill-opacity='0.75'/%3E%3Cpath d='M36 30V9l4-4 4 4v21z' fill='%230f2212' fill-opacity='0.75'/%3E%3Cpath d='M66 30V9l4-4 4 4v21z' fill='%230f2212' fill-opacity='0.75'/%3E%3Cpath d='M96 30V9l4-4 4 4v21z' fill='%230f2212' fill-opacity='0.75'/%3E%3Cpath d='M126 30V9l4-4 4 4v21z' fill='%230f2212' fill-opacity='0.75'/%3E%3Cpath d='M156 30V9l4-4 4 4v21z' fill='%230f2212' fill-opacity='0.75'/%3E%3Cpath d='M186 30V9l4-4 4 4v21z' fill='%230f2212' fill-opacity='0.75'/%3E%3Cpath d='M216 30V9l4-4 4 4v21z' fill='%230f2212' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #24502a, #17341b); background-size: 144px 18px, 100% 40px; }
/* ville-evening */
html[data-site="ville"][data-theme="ville-evening"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(156, 106, 222, 0.22), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='100' viewBox='0 0 110 100'%3E%3Crect x='8' y='10' width='6' height='8' rx='1' fill='%23ffd45c' fill-opacity='0.14'/%3E%3Crect x='20' y='10' width='6' height='8' rx='1' fill='%23ffe59d' fill-opacity='0.056'/%3E%3Crect x='62' y='30' width='6' height='8' rx='1' fill='%23ffe59d' fill-opacity='0.056'/%3E%3Crect x='74' y='30' width='6' height='8' rx='1' fill='%23ffd45c' fill-opacity='0.14'/%3E%3Crect x='30' y='56' width='6' height='8' rx='1' fill='%23ffe59d' fill-opacity='0.056'/%3E%3Crect x='86' y='70' width='6' height='8' rx='1' fill='%23ffd45c' fill-opacity='0.14'/%3E%3Crect x='8' y='84' width='6' height='8' rx='1' fill='%23ffe59d' fill-opacity='0.056'/%3E%3C/svg%3E"); --t-page-size: 110px 100px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='100' viewBox='0 0 110 100'%3E%3Crect x='8' y='10' width='6' height='8' rx='1' fill='%23ffffff' fill-opacity='0.14'/%3E%3Crect x='20' y='10' width='6' height='8' rx='1' fill='%23ffffff' fill-opacity='0.056'/%3E%3Crect x='62' y='30' width='6' height='8' rx='1' fill='%23ffffff' fill-opacity='0.056'/%3E%3Crect x='74' y='30' width='6' height='8' rx='1' fill='%23ffffff' fill-opacity='0.14'/%3E%3Crect x='30' y='56' width='6' height='8' rx='1' fill='%23ffffff' fill-opacity='0.056'/%3E%3Crect x='86' y='70' width='6' height='8' rx='1' fill='%23ffffff' fill-opacity='0.14'/%3E%3Crect x='8' y='84' width='6' height='8' rx='1' fill='%23ffffff' fill-opacity='0.056'/%3E%3C/svg%3E"); --t-header-tile-size: 110px 100px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 83px 75px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 30V20l12-9 12 9v10z M30 30V16l16-12 16 12v14z M70 30V22l10-7 10 7v8z M96 30V18l14-10 14 10v12z M132 30V20l12-9 12 9v10z' fill='%23343236' fill-opacity='0.6'/%3E%3Cpath d='M52 8V2h4v9z' fill='%23343236' fill-opacity='0.6'/%3E%3Cpath d='M10 22h4v4h-4zM42 20h4v4h-4zM106 22h4v4h-4z' fill='%23ffd45c' fill-opacity='0.84'/%3E%3C/svg%3E"); --t-scene-size: 160px 30px; --t-scene-size-sm: 112px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 30V20l12-9 12 9v10z M30 30V16l16-12 16 12v14z M70 30V22l10-7 10 7v8z M96 30V18l14-10 14 10v12z M132 30V20l12-9 12 9v10z' fill='%230a090d' fill-opacity='1'/%3E%3Cpath d='M52 8V2h4v9z' fill='%230a090d' fill-opacity='1'/%3E%3Cpath d='M10 22h4v4h-4zM42 20h4v4h-4zM106 22h4v4h-4z' fill='%23ffd45c' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 160px 30px; --t-foot-size-sm: 112px 21px; --t-edge: rgba(255, 212, 92, 0.55); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 10px 26px -10px rgba(0, 0, 0, .7); --t-gold-hi: #ffe395; }
.los-theme-card[data-theme-choice="ville-evening"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 30V20l12-9 12 9v10z M30 30V16l16-12 16 12v14z M70 30V22l10-7 10 7v8z M96 30V18l14-10 14 10v12z M132 30V20l12-9 12 9v10z' fill='%23343236' fill-opacity='0.75'/%3E%3Cpath d='M52 8V2h4v9z' fill='%23343236' fill-opacity='0.75'/%3E%3Cpath d='M10 22h4v4h-4zM42 20h4v4h-4zM106 22h4v4h-4z' fill='%23ffd45c' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #0d0b10, #08070a); background-size: 96px 18px, 100% 40px; }
/* socialempires-classic */
html[data-site="socialempires"][data-theme="socialempires-classic"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(242, 194, 48, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M24 2L46 24 24 46 2 24Z' fill='none' stroke='%233b200a' stroke-opacity='0.06' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 14c4 4 4 8 0 10-4-2-4-6 0-10zM24 24v8M20 30h8' fill='none' stroke='%233b200a' stroke-opacity='0.06' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='0' cy='0' r='2' fill='%233b200a' fill-opacity='0.084'/%3E%3Ccircle cx='48' cy='48' r='2' fill='%233b200a' fill-opacity='0.084'/%3E%3C/svg%3E"); --t-page-size: 48px 48px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M24 2L46 24 24 46 2 24Z' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 14c4 4 4 8 0 10-4-2-4-6 0-10zM24 24v8M20 30h8' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='0' cy='0' r='2' fill='%23ffffff' fill-opacity='0.098'/%3E%3Ccircle cx='48' cy='48' r='2' fill='%23ffffff' fill-opacity='0.098'/%3E%3C/svg%3E"); --t-header-tile-size: 48px 48px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 36px 36px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30V22h20v-4h4v4h6v-4h4v4h6v-4h4v4h16v8z' fill='%235a4431' fill-opacity='0.51'/%3E%3Cpath d='M70 30V12h-3l9-10 9 10h-3v18z M120 30V18h22V8h4v4h4V8h4v4h4V8h4v10h22v12z M200 30V14h-3l8-9 8 9h-3v16z' fill='%235a4431' fill-opacity='0.6'/%3E%3Cpath d='M76 2V-6M76-6l8 2.5-8 2.5' fill='none' stroke='%23f2c230' stroke-opacity='0.6' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M73 18h6v5h-6zM144 20h8v10h-8z' fill='%23f2c230' fill-opacity='0.72'/%3E%3C/svg%3E"); --t-scene-size: 240px 30px; --t-scene-size-sm: 168px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30V22h20v-4h4v4h6v-4h4v4h6v-4h4v4h16v8z' fill='%232f1a08' fill-opacity='0.85'/%3E%3Cpath d='M70 30V12h-3l9-10 9 10h-3v18z M120 30V18h22V8h4v4h4V8h4v4h4V8h4v10h22v12z M200 30V14h-3l8-9 8 9h-3v16z' fill='%232f1a08' fill-opacity='1'/%3E%3Cpath d='M76 2V-6M76-6l8 2.5-8 2.5' fill='none' stroke='%23f2c230' stroke-opacity='1' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M73 18h6v5h-6zM144 20h8v10h-8z' fill='%23f2c230' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(242, 194, 48, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(59, 32, 10, 0.45); --t-gold-hi: #f7d778; }
.los-theme-card[data-theme-choice="socialempires-classic"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30V22h20v-4h4v4h6v-4h4v4h6v-4h4v4h16v8z' fill='%235a4431' fill-opacity='0.638'/%3E%3Cpath d='M70 30V12h-3l9-10 9 10h-3v18z M120 30V18h22V8h4v4h4V8h4v4h4V8h4v10h22v12z M200 30V14h-3l8-9 8 9h-3v16z' fill='%235a4431' fill-opacity='0.75'/%3E%3Cpath d='M76 2V-6M76-6l8 2.5-8 2.5' fill='none' stroke='%23f2c230' stroke-opacity='0.75' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M73 18h6v5h-6zM144 20h8v10h-8z' fill='%23f2c230' fill-opacity='0.9'/%3E%3C/svg%3E"), linear-gradient(180deg, #3b200a, #261507); background-size: 144px 18px, 100% 40px; }
/* socialempires-royal */
html[data-site="socialempires"][data-theme="socialempires-royal"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(242, 194, 48, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath d='M18 40h28l3-16-9 7-8-12-8 12-9-7z' fill='%23f2c230' fill-opacity='0.096'/%3E%3Cpath d='M78 100h22l2-12-7 5-6-9-6 9-7-5z' fill='%232a1747' fill-opacity='0.09'/%3E%3Ccircle cx='100' cy='30' r='1.6' fill='%232a1747' fill-opacity='0.12'/%3E%3Ccircle cx='30' cy='96' r='1.6' fill='%232a1747' fill-opacity='0.12'/%3E%3C/svg%3E"); --t-page-size: 120px 120px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath d='M18 40h28l3-16-9 7-8-12-8 12-9-7z' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cpath d='M78 100h22l2-12-7 5-6-9-6 9-7-5z' fill='%23ffffff' fill-opacity='0.105'/%3E%3Ccircle cx='100' cy='30' r='1.6' fill='%23ffffff' fill-opacity='0.14'/%3E%3Ccircle cx='30' cy='96' r='1.6' fill='%23ffffff' fill-opacity='0.14'/%3E%3C/svg%3E"); --t-header-tile-size: 120px 120px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 90px 90px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-6H0z' fill='%234c3c64' fill-opacity='0.6'/%3E%3Cpath d='M30 24V14a8 8 0 0 1 16 0v10z M38 6V0 M100 24V10l8-10 8 10v14z M160 24V16a6 6 0 0 1 12 0v8z' fill='%234c3c64' fill-opacity='0.6'/%3E%3Ccircle cx='38' cy='5' r='1.6' fill='%23f2c230' fill-opacity='0.96'/%3E%3Ccircle cx='108' cy='0' r='1.6' fill='%23f2c230' fill-opacity='0.96'/%3E%3C/svg%3E"); --t-scene-size: 200px 30px; --t-scene-size-sm: 140px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-6H0z' fill='%23221239' fill-opacity='1'/%3E%3Cpath d='M30 24V14a8 8 0 0 1 16 0v10z M38 6V0 M100 24V10l8-10 8 10v14z M160 24V16a6 6 0 0 1 12 0v8z' fill='%23221239' fill-opacity='1'/%3E%3Ccircle cx='38' cy='5' r='1.6' fill='%23f2c230' fill-opacity='1'/%3E%3Ccircle cx='108' cy='0' r='1.6' fill='%23f2c230' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 200px 30px; --t-foot-size-sm: 140px 21px; --t-edge: rgba(242, 194, 48, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(42, 23, 71, 0.45); --t-gold-hi: #f7d778; }
.los-theme-card[data-theme-choice="socialempires-royal"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-6H0z' fill='%234c3c64' fill-opacity='0.75'/%3E%3Cpath d='M30 24V14a8 8 0 0 1 16 0v10z M38 6V0 M100 24V10l8-10 8 10v14z M160 24V16a6 6 0 0 1 12 0v8z' fill='%234c3c64' fill-opacity='0.75'/%3E%3Ccircle cx='38' cy='5' r='1.6' fill='%23f2c230' fill-opacity='1'/%3E%3Ccircle cx='108' cy='0' r='1.6' fill='%23f2c230' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #2a1747, #1b0f2e); background-size: 120px 18px, 100% 40px; }
/* socialempires-forest */
html[data-site="socialempires"][data-theme="socialempires-forest"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(232, 197, 71, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='140' viewBox='0 0 150 140'%3E%3Cpath d='M30 20l12 22H18zM30 34l14 22H16zM28 56h4v6h-4zM110 80l10 18H100zM110 92l12 18H98zM108 110h4v5h-4z' fill='%23183a20' fill-opacity='0.084'/%3E%3Ccircle cx='80' cy='30' r='1.4' fill='%23e8c547' fill-opacity='0.12'/%3E%3C/svg%3E"); --t-page-size: 150px 140px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='140' viewBox='0 0 150 140'%3E%3Cpath d='M30 20l12 22H18zM30 34l14 22H16zM28 56h4v6h-4zM110 80l10 18H100zM110 92l12 18H98zM108 110h4v5h-4z' fill='%23ffffff' fill-opacity='0.098'/%3E%3Ccircle cx='80' cy='30' r='1.4' fill='%23ffffff' fill-opacity='0.14'/%3E%3C/svg%3E"); --t-header-tile-size: 150px 140px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 113px 105px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M12 30l-8 0 8-18 8 18z' fill='%233d5a44' fill-opacity='0.6'/%3E%3Cpath d='M30 30l-12 0 12-26 12 26z' fill='%233d5a44' fill-opacity='0.6'/%3E%3Cpath d='M50 30l-6 0 6-14 6 14z' fill='%233d5a44' fill-opacity='0.6'/%3E%3Cpath d='M70 30l-10 0 10-22 10 22z' fill='%23e8c547' fill-opacity='0.36'/%3E%3Cpath d='M92 30l-13 0 13-28 13 28z' fill='%233d5a44' fill-opacity='0.6'/%3E%3Cpath d='M116 30l-7 0 7-16 7 16z' fill='%233d5a44' fill-opacity='0.6'/%3E%3Cpath d='M136 30l-11 0 11-24 11 24z' fill='%233d5a44' fill-opacity='0.6'/%3E%3Cpath d='M160 30l-9 0 9-20 9 20z' fill='%23e8c547' fill-opacity='0.36'/%3E%3Cpath d='M182 30l-12 0 12-26 12 26z' fill='%233d5a44' fill-opacity='0.6'/%3E%3Cpath d='M204 30l-7 0 7-15 7 15z' fill='%233d5a44' fill-opacity='0.6'/%3E%3Cpath d='M224 30l-10 0 10-22 10 22z' fill='%233d5a44' fill-opacity='0.6'/%3E%3Cpath d='M0 30h240v-3H0z' fill='%233d5a44' fill-opacity='0.6'/%3E%3C/svg%3E"); --t-scene-size: 240px 30px; --t-scene-size-sm: 168px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M12 30l-8 0 8-18 8 18z' fill='%23132e1a' fill-opacity='1'/%3E%3Cpath d='M30 30l-12 0 12-26 12 26z' fill='%23132e1a' fill-opacity='1'/%3E%3Cpath d='M50 30l-6 0 6-14 6 14z' fill='%23132e1a' fill-opacity='1'/%3E%3Cpath d='M70 30l-10 0 10-22 10 22z' fill='%23e8c547' fill-opacity='0.6'/%3E%3Cpath d='M92 30l-13 0 13-28 13 28z' fill='%23132e1a' fill-opacity='1'/%3E%3Cpath d='M116 30l-7 0 7-16 7 16z' fill='%23132e1a' fill-opacity='1'/%3E%3Cpath d='M136 30l-11 0 11-24 11 24z' fill='%23132e1a' fill-opacity='1'/%3E%3Cpath d='M160 30l-9 0 9-20 9 20z' fill='%23e8c547' fill-opacity='0.6'/%3E%3Cpath d='M182 30l-12 0 12-26 12 26z' fill='%23132e1a' fill-opacity='1'/%3E%3Cpath d='M204 30l-7 0 7-15 7 15z' fill='%23132e1a' fill-opacity='1'/%3E%3Cpath d='M224 30l-10 0 10-22 10 22z' fill='%23132e1a' fill-opacity='1'/%3E%3Cpath d='M0 30h240v-3H0z' fill='%23132e1a' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(232, 197, 71, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(24, 58, 32, 0.45); --t-gold-hi: #f0d987; }
.los-theme-card[data-theme-choice="socialempires-forest"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M12 30l-8 0 8-18 8 18z' fill='%233d5a44' fill-opacity='0.75'/%3E%3Cpath d='M30 30l-12 0 12-26 12 26z' fill='%233d5a44' fill-opacity='0.75'/%3E%3Cpath d='M50 30l-6 0 6-14 6 14z' fill='%233d5a44' fill-opacity='0.75'/%3E%3Cpath d='M70 30l-10 0 10-22 10 22z' fill='%23e8c547' fill-opacity='0.45'/%3E%3Cpath d='M92 30l-13 0 13-28 13 28z' fill='%233d5a44' fill-opacity='0.75'/%3E%3Cpath d='M116 30l-7 0 7-16 7 16z' fill='%233d5a44' fill-opacity='0.75'/%3E%3Cpath d='M136 30l-11 0 11-24 11 24z' fill='%233d5a44' fill-opacity='0.75'/%3E%3Cpath d='M160 30l-9 0 9-20 9 20z' fill='%23e8c547' fill-opacity='0.45'/%3E%3Cpath d='M182 30l-12 0 12-26 12 26z' fill='%233d5a44' fill-opacity='0.75'/%3E%3Cpath d='M204 30l-7 0 7-15 7 15z' fill='%233d5a44' fill-opacity='0.75'/%3E%3Cpath d='M224 30l-10 0 10-22 10 22z' fill='%233d5a44' fill-opacity='0.75'/%3E%3Cpath d='M0 30h240v-3H0z' fill='%233d5a44' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #183a20, #102615); background-size: 144px 18px, 100% 40px; }
/* socialempires-siege */
html[data-site="socialempires"][data-theme="socialempires-siege"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(139, 43, 31, 0.22), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Ccircle cx='20' cy='30' r='1.6' fill='%23f0a04b' fill-opacity='0.21'/%3E%3Ccircle cx='80' cy='14' r='1' fill='%23f0a04b' fill-opacity='0.21'/%3E%3Ccircle cx='120' cy='70' r='2' fill='%23f0a04b' fill-opacity='0.21'/%3E%3Ccircle cx='50' cy='100' r='1.2' fill='%23f0a04b' fill-opacity='0.21'/%3E%3Ccircle cx='100' cy='130' r='1.4' fill='%23f0a04b' fill-opacity='0.21'/%3E%3Ccircle cx='14' cy='120' r='0.9' fill='%23f0a04b' fill-opacity='0.21'/%3E%3Cpath d='M60 50l2 4-2 4-2-4z' fill='%23f0a04b' fill-opacity='0.21'/%3E%3C/svg%3E"); --t-page-size: 140px 140px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Ccircle cx='20' cy='30' r='1.6' fill='%23ffffff' fill-opacity='0.21'/%3E%3Ccircle cx='80' cy='14' r='1' fill='%23ffffff' fill-opacity='0.21'/%3E%3Ccircle cx='120' cy='70' r='2' fill='%23ffffff' fill-opacity='0.21'/%3E%3Ccircle cx='50' cy='100' r='1.2' fill='%23ffffff' fill-opacity='0.21'/%3E%3Ccircle cx='100' cy='130' r='1.4' fill='%23ffffff' fill-opacity='0.21'/%3E%3Ccircle cx='14' cy='120' r='0.9' fill='%23ffffff' fill-opacity='0.21'/%3E%3Cpath d='M60 50l2 4-2 4-2-4z' fill='%23ffffff' fill-opacity='0.21'/%3E%3C/svg%3E"); --t-header-tile-size: 140px 140px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 105px 105px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='136' height='30' viewBox='0 0 136 30'%3E%3Cpath d='M0 30V16h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v14z' fill='%2333302f' fill-opacity='0.6'/%3E%3Cpath d='M54 12c-2-3 0-6 2-8 0 3 3 4 2 8z M122 12c-2-3 0-6 2-8 0 3 3 4 2 8z' fill='%23f2c230' fill-opacity='0.96'/%3E%3C/svg%3E"); --t-scene-size: 136px 30px; --t-scene-size-sm: 95px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='136' height='30' viewBox='0 0 136 30'%3E%3Cpath d='M0 30V16h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v14z' fill='%230a0706' fill-opacity='1'/%3E%3Cpath d='M54 12c-2-3 0-6 2-8 0 3 3 4 2 8z M122 12c-2-3 0-6 2-8 0 3 3 4 2 8z' fill='%23f2c230' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 136px 30px; --t-foot-size-sm: 95px 21px; --t-edge: rgba(242, 194, 48, 0.55); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 10px 26px -10px rgba(0, 0, 0, .7); --t-gold-hi: #f7d778; }
.los-theme-card[data-theme-choice="socialempires-siege"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='136' height='30' viewBox='0 0 136 30'%3E%3Cpath d='M0 30V16h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v14z' fill='%2333302f' fill-opacity='0.75'/%3E%3Cpath d='M54 12c-2-3 0-6 2-8 0 3 3 4 2 8z M122 12c-2-3 0-6 2-8 0 3 3 4 2 8z' fill='%23f2c230' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #0c0907, #080605); background-size: 82px 18px, 100% 40px; }
/* socialwars-classic */
html[data-site="socialwars"][data-theme="socialwars-classic"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 201, 64, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='96' viewBox='0 0 56 96'%3E%3Cpath d='M14 0l14 8v16L14 32 0 24V8zM42 32l14 8v16L42 64 28 56V40zM14 64l14 8v16L14 96 0 88V72z' transform='translate(0 0)' fill='none' stroke='%2310263d' stroke-opacity='0.06' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-page-size: 56px 96px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='96' viewBox='0 0 56 96'%3E%3Cpath d='M14 0l14 8v16L14 32 0 24V8zM42 32l14 8v16L42 64 28 56V40zM14 64l14 8v16L14 96 0 88V72z' transform='translate(0 0)' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-header-tile-size: 56px 96px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 42px 72px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-5H0z' fill='%2336495c' fill-opacity='0.6'/%3E%3Cpath d='M10 25c4-4 8-4 12 0M24 25c4-4 8-4 12 0M38 25c4-4 8-4 12 0' fill='%2336495c' fill-opacity='0.6'/%3E%3Cpath d='M140 25L150 2l10 23M144 16h12M146 10h8' fill='none' stroke='%2336495c' stroke-opacity='0.6' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='150' cy='2' r='1.8' fill='%23ffc940' fill-opacity='0.96'/%3E%3C/svg%3E"); --t-scene-size: 200px 30px; --t-scene-size-sm: 140px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-5H0z' fill='%230d1e31' fill-opacity='1'/%3E%3Cpath d='M10 25c4-4 8-4 12 0M24 25c4-4 8-4 12 0M38 25c4-4 8-4 12 0' fill='%230d1e31' fill-opacity='1'/%3E%3Cpath d='M140 25L150 2l10 23M144 16h12M146 10h8' fill='none' stroke='%230d1e31' stroke-opacity='1' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='150' cy='2' r='1.8' fill='%23ffc940' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 200px 30px; --t-foot-size-sm: 140px 21px; --t-edge: rgba(255, 201, 64, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(16, 38, 61, 0.45); --t-gold-hi: #ffdc83; }
.los-theme-card[data-theme-choice="socialwars-classic"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-5H0z' fill='%2336495c' fill-opacity='0.75'/%3E%3Cpath d='M10 25c4-4 8-4 12 0M24 25c4-4 8-4 12 0M38 25c4-4 8-4 12 0' fill='%2336495c' fill-opacity='0.75'/%3E%3Cpath d='M140 25L150 2l10 23M144 16h12M146 10h8' fill='none' stroke='%2336495c' stroke-opacity='0.75' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='150' cy='2' r='1.8' fill='%23ffc940' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #10263d, #0a1928); background-size: 120px 18px, 100% 40px; }
/* socialwars-camo */
html[data-site="socialwars"][data-theme="socialwars-camo"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(227, 192, 74, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cpath d='M10 30c20-20 50-10 46 10s-30 30-46 16-10-14 0-26zM100 90c30-14 60 6 50 30s-50 20-60 4 0-26 10-34zM40 130c14-6 30 2 26 16s-26 14-30 4z' fill='%2326331a' fill-opacity='0.096'/%3E%3Cpath d='M110 20c16-6 40 4 32 18s-30 10-34 0zM20 90c10-10 30-6 28 6s-20 14-28 4z' fill='%234a6b25' fill-opacity='0.108'/%3E%3C/svg%3E"); --t-page-size: 180px 180px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cpath d='M10 30c20-20 50-10 46 10s-30 30-46 16-10-14 0-26zM100 90c30-14 60 6 50 30s-50 20-60 4 0-26 10-34zM40 130c14-6 30 2 26 16s-26 14-30 4z' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cpath d='M110 20c16-6 40 4 32 18s-30 10-34 0zM20 90c10-10 30-6 28 6s-20 14-28 4z' fill='%23ffffff' fill-opacity='0.126'/%3E%3C/svg%3E"); --t-header-tile-size: 180px 180px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 135px 135px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30h240v-3H0z' fill='%2349543f' fill-opacity='0.6'/%3E%3Cpath d='M60 28c2-8 2-14 0-20M180 28c-2-8-2-14 0-20' fill='none' stroke='%2349543f' stroke-opacity='0.6' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M60 8c-6-4-12-2-16 2 6-1 10 0 16-2zM60 8c6-4 12-2 16 2-6-1-10 0-16-2zM60 8c-2-6-8-8-12-8 4 2 8 4 12 8zM60 8c2-6 8-8 12-8-4 2-8 4-12 8zM180 8c-6-4-12-2-16 2 6-1 10 0 16-2zM180 8c6-4 12-2 16 2-6-1-10 0-16-2zM180 8c-2-6-8-8-12-8 4 2 8 4 12 8z' fill='%2349543f' fill-opacity='0.6'/%3E%3Cpath d='M110 30c10-10 30-10 40 0z' fill='%2349543f' fill-opacity='0.48'/%3E%3C/svg%3E"); --t-scene-size: 240px 30px; --t-scene-size-sm: 168px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30h240v-3H0z' fill='%231e2915' fill-opacity='1'/%3E%3Cpath d='M60 28c2-8 2-14 0-20M180 28c-2-8-2-14 0-20' fill='none' stroke='%231e2915' stroke-opacity='1' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M60 8c-6-4-12-2-16 2 6-1 10 0 16-2zM60 8c6-4 12-2 16 2-6-1-10 0-16-2zM60 8c-2-6-8-8-12-8 4 2 8 4 12 8zM60 8c2-6 8-8 12-8-4 2-8 4-12 8zM180 8c-6-4-12-2-16 2 6-1 10 0 16-2zM180 8c6-4 12-2 16 2-6-1-10 0-16-2zM180 8c-2-6-8-8-12-8 4 2 8 4 12 8z' fill='%231e2915' fill-opacity='1'/%3E%3Cpath d='M110 30c10-10 30-10 40 0z' fill='%231e2915' fill-opacity='0.8'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(227, 192, 74, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(38, 51, 26, 0.45); --t-gold-hi: #edd689; }
.los-theme-card[data-theme-choice="socialwars-camo"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30h240v-3H0z' fill='%2349543f' fill-opacity='0.75'/%3E%3Cpath d='M60 28c2-8 2-14 0-20M180 28c-2-8-2-14 0-20' fill='none' stroke='%2349543f' stroke-opacity='0.75' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M60 8c-6-4-12-2-16 2 6-1 10 0 16-2zM60 8c6-4 12-2 16 2-6-1-10 0-16-2zM60 8c-2-6-8-8-12-8 4 2 8 4 12 8zM60 8c2-6 8-8 12-8-4 2-8 4-12 8zM180 8c-6-4-12-2-16 2 6-1 10 0 16-2zM180 8c6-4 12-2 16 2-6-1-10 0-16-2zM180 8c-2-6-8-8-12-8 4 2 8 4 12 8z' fill='%2349543f' fill-opacity='0.75'/%3E%3Cpath d='M110 30c10-10 30-10 40 0z' fill='%2349543f' fill-opacity='0.6'/%3E%3C/svg%3E"), linear-gradient(180deg, #26331a, #192111); background-size: 144px 18px, 100% 40px; }
/* socialwars-desert */
html[data-site="socialwars"][data-theme="socialwars-desert"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 201, 64, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='76' viewBox='0 0 220 76'%3E%3Cpath d='M0 40Q55 18 110 40T220 40M0 66Q55 46 110 66T220 66' fill='none' stroke='%235a3c18' stroke-opacity='0.06' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30 20q30-10 60 0' fill='none' stroke='%235a3c18' stroke-opacity='0.042' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-page-size: 220px 76px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='76' viewBox='0 0 220 76'%3E%3Cpath d='M0 40Q55 18 110 40T220 40M0 66Q55 46 110 66T220 66' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30 20q30-10 60 0' fill='none' stroke='%23ffffff' stroke-opacity='0.049' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-header-tile-size: 220px 76px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 165px 57px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='30' viewBox='0 0 220 30'%3E%3Cpath d='M0 30C40 16 70 16 100 24S160 14 220 26V30z' fill='%2326190a' fill-opacity='0.6'/%3E%3Cpath d='M0 30c30-6 60-6 90-2s70-2 130 0V30z' fill='%2326190a' fill-opacity='0.84'/%3E%3C/svg%3E"); --t-scene-size: 220px 30px; --t-scene-size-sm: 154px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='30' viewBox='0 0 220 30'%3E%3Cpath d='M0 30C40 16 70 16 100 24S160 14 220 26V30z' fill='%23483013' fill-opacity='1'/%3E%3Cpath d='M0 30c30-6 60-6 90-2s70-2 130 0V30z' fill='%23483013' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 220px 30px; --t-foot-size-sm: 154px 21px; --t-edge: rgba(255, 201, 64, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(90, 60, 24, 0.45); --t-gold-hi: #ffdc83; }
.los-theme-card[data-theme-choice="socialwars-desert"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='30' viewBox='0 0 220 30'%3E%3Cpath d='M0 30C40 16 70 16 100 24S160 14 220 26V30z' fill='%2326190a' fill-opacity='0.75'/%3E%3Cpath d='M0 30c30-6 60-6 90-2s70-2 130 0V30z' fill='%2326190a' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #5a3c18, #3b2710); background-size: 132px 18px, 100% 40px; }
/* socialwars-night */
html[data-site="socialwars"][data-theme="socialwars-night"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(46, 139, 87, 0.22), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Crect width='4' height='1' fill='%237dff8a' fill-opacity='0.084'/%3E%3C/svg%3E"); --t-page-size: 4px 4px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Crect width='4' height='1' fill='%23ffffff' fill-opacity='0.084'/%3E%3C/svg%3E"); --t-header-tile-size: 4px 4px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 3px 3px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-5H0z' fill='%232f3230' fill-opacity='0.6'/%3E%3Cpath d='M10 25c4-4 8-4 12 0M24 25c4-4 8-4 12 0M38 25c4-4 8-4 12 0' fill='%232f3230' fill-opacity='0.6'/%3E%3Cpath d='M140 25L150 2l10 23M144 16h12M146 10h8' fill='none' stroke='%232f3230' stroke-opacity='0.6' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='150' cy='2' r='1.8' fill='%23c8ff6b' fill-opacity='0.96'/%3E%3C/svg%3E"); --t-scene-size: 200px 30px; --t-scene-size-sm: 140px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-5H0z' fill='%23060906' fill-opacity='1'/%3E%3Cpath d='M10 25c4-4 8-4 12 0M24 25c4-4 8-4 12 0M38 25c4-4 8-4 12 0' fill='%23060906' fill-opacity='1'/%3E%3Cpath d='M140 25L150 2l10 23M144 16h12M146 10h8' fill='none' stroke='%23060906' stroke-opacity='1' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='150' cy='2' r='1.8' fill='%23c8ff6b' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 200px 30px; --t-foot-size-sm: 140px 21px; --t-edge: rgba(200, 255, 107, 0.55); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 10px 26px -10px rgba(0, 0, 0, .7); --t-gold-hi: #dbff9f; }
.los-theme-card[data-theme-choice="socialwars-night"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-5H0z' fill='%232f3230' fill-opacity='0.75'/%3E%3Cpath d='M10 25c4-4 8-4 12 0M24 25c4-4 8-4 12 0M38 25c4-4 8-4 12 0' fill='%232f3230' fill-opacity='0.75'/%3E%3Cpath d='M140 25L150 2l10 23M144 16h12M146 10h8' fill='none' stroke='%232f3230' stroke-opacity='0.75' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='150' cy='2' r='1.8' fill='%23c8ff6b' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #070b08, #050705); background-size: 120px 18px, 100% 40px; }
/* armyattack-classic */
html[data-site="armyattack"][data-theme="armyattack-classic"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(242, 194, 48, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='24' viewBox='0 0 40 24'%3E%3Cpath d='M0 18L20 6l20 12' fill='none' stroke='%232b2410' stroke-opacity='0.06' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-page-size: 40px 24px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='24' viewBox='0 0 40 24'%3E%3Cpath d='M0 18L20 6l20 12' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-header-tile-size: 40px 24px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 30px 18px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-3H0z' fill='%234d4736' fill-opacity='0.6'/%3E%3Cpath d='M20 27l16-16 16 16z M90 27l12-12 12 12z M150 27l18-18 18 18z' fill='%234d4736' fill-opacity='0.6'/%3E%3Cpath d='M168 9V1l8 3-8 3' fill='%23f2c230' fill-opacity='0.84'/%3E%3C/svg%3E"); --t-scene-size: 200px 30px; --t-scene-size-sm: 140px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-3H0z' fill='%23221d0d' fill-opacity='1'/%3E%3Cpath d='M20 27l16-16 16 16z M90 27l12-12 12 12z M150 27l18-18 18 18z' fill='%23221d0d' fill-opacity='1'/%3E%3Cpath d='M168 9V1l8 3-8 3' fill='%23f2c230' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 200px 30px; --t-foot-size-sm: 140px 21px; --t-edge: rgba(242, 194, 48, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(43, 36, 16, 0.45); --t-gold-hi: #f7d778; }
.los-theme-card[data-theme-choice="armyattack-classic"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-3H0z' fill='%234d4736' fill-opacity='0.75'/%3E%3Cpath d='M20 27l16-16 16 16z M90 27l12-12 12 12z M150 27l18-18 18 18z' fill='%234d4736' fill-opacity='0.75'/%3E%3Cpath d='M168 9V1l8 3-8 3' fill='%23f2c230' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #2b2410, #1c170a); background-size: 120px 18px, 100% 40px; }
/* armyattack-arctic */
html[data-site="armyattack"][data-theme="armyattack-arctic"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 209, 102, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cpath d='M20 20l20 6-8 18zM90 60l16-10 4 22zM40 100l18 4-10 14zM120 120l10 10-14 4z' fill='none' stroke='%23183447' stroke-opacity='0.06' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='70' cy='20' r='1.4' fill='%23183447' fill-opacity='0.12'/%3E%3C/svg%3E"); --t-page-size: 140px 140px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cpath d='M20 20l20 6-8 18zM90 60l16-10 4 22zM40 100l18 4-10 14zM120 120l10 10-14 4z' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='70' cy='20' r='1.4' fill='%23ffffff' fill-opacity='0.14'/%3E%3C/svg%3E"); --t-header-tile-size: 140px 140px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 105px 105px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30L40 8l22 14 30-20 38 28z M120 30l34-18 24 12 26-16 36 22z' fill='%233d5464' fill-opacity='0.6'/%3E%3Cpath d='M32 12l8-4 6 4-4 2zM84 6l8-4 7 6-6 1zM196 12l6-4 8 4-6 2z' fill='%23ffd166' fill-opacity='0.84'/%3E%3C/svg%3E"); --t-scene-size: 240px 30px; --t-scene-size-sm: 168px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30L40 8l22 14 30-20 38 28z M120 30l34-18 24 12 26-16 36 22z' fill='%23132a39' fill-opacity='1'/%3E%3Cpath d='M32 12l8-4 6 4-4 2zM84 6l8-4 7 6-6 1zM196 12l6-4 8 4-6 2z' fill='%23ffd166' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(255, 209, 102, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(24, 52, 71, 0.45); --t-gold-hi: #ffe19c; }
.los-theme-card[data-theme-choice="armyattack-arctic"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30L40 8l22 14 30-20 38 28z M120 30l34-18 24 12 26-16 36 22z' fill='%233d5464' fill-opacity='0.75'/%3E%3Cpath d='M32 12l8-4 6 4-4 2zM84 6l8-4 7 6-6 1zM196 12l6-4 8 4-6 2z' fill='%23ffd166' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #183447, #10222e); background-size: 144px 18px, 100% 40px; }
/* armyattack-crimson */
html[data-site="armyattack"][data-theme="armyattack-crimson"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(242, 194, 48, 0.16), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M-4 28L28-4M10 34L34 10' fill='none' stroke='%23b0261d' stroke-opacity='0.06' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-page-size: 24px 24px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M-4 28L28-4M10 34L34 10' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-header-tile-size: 24px 24px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 18px 18px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='136' height='30' viewBox='0 0 136 30'%3E%3Cpath d='M0 30V16h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v14z' fill='%23673533' fill-opacity='0.6'/%3E%3Cpath d='M54 12c-2-3 0-6 2-8 0 3 3 4 2 8z M122 12c-2-3 0-6 2-8 0 3 3 4 2 8z' fill='%23f2c230' fill-opacity='0.96'/%3E%3C/svg%3E"); --t-scene-size: 136px 30px; --t-scene-size-sm: 95px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='136' height='30' viewBox='0 0 136 30'%3E%3Cpath d='M0 30V16h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v14z' fill='%233b0c0a' fill-opacity='1'/%3E%3Cpath d='M54 12c-2-3 0-6 2-8 0 3 3 4 2 8z M122 12c-2-3 0-6 2-8 0 3 3 4 2 8z' fill='%23f2c230' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 136px 30px; --t-foot-size-sm: 95px 21px; --t-edge: rgba(242, 194, 48, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(74, 15, 12, 0.45); --t-gold-hi: #f7d778; }
.los-theme-card[data-theme-choice="armyattack-crimson"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='136' height='30' viewBox='0 0 136 30'%3E%3Cpath d='M0 30V16h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v14z' fill='%23673533' fill-opacity='0.75'/%3E%3Cpath d='M54 12c-2-3 0-6 2-8 0 3 3 4 2 8z M122 12c-2-3 0-6 2-8 0 3 3 4 2 8z' fill='%23f2c230' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #4a0f0c, #300a08); background-size: 82px 18px, 100% 40px; }
/* armyattack-night */
html[data-site="armyattack"][data-theme="armyattack-night"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(138, 106, 42, 0.22), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Ccircle cx='60' cy='60' r='26' fill='none' stroke='%23f7da83' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='60' cy='60' r='12' fill='none' stroke='%23f7da83' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M60 26V40M60 80V94M26 60H40M80 60H94' fill='none' stroke='%23f7da83' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0 .5H120M.5 0V120' fill='none' stroke='%23f7da83' stroke-opacity='0.042' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-page-size: 120px 120px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Ccircle cx='60' cy='60' r='26' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='60' cy='60' r='12' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M60 26V40M60 80V94M26 60H40M80 60H94' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0 .5H120M.5 0V120' fill='none' stroke='%23ffffff' stroke-opacity='0.042' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-header-tile-size: 120px 120px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 90px 90px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-3H0z' fill='%23323130' fill-opacity='0.6'/%3E%3Cpath d='M20 27l16-16 16 16z M90 27l12-12 12 12z M150 27l18-18 18 18z' fill='%23323130' fill-opacity='0.6'/%3E%3Cpath d='M168 9V1l8 3-8 3' fill='%23f2c230' fill-opacity='0.84'/%3E%3C/svg%3E"); --t-scene-size: 200px 30px; --t-scene-size-sm: 140px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-3H0z' fill='%23090806' fill-opacity='1'/%3E%3Cpath d='M20 27l16-16 16 16z M90 27l12-12 12 12z M150 27l18-18 18 18z' fill='%23090806' fill-opacity='1'/%3E%3Cpath d='M168 9V1l8 3-8 3' fill='%23f2c230' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 200px 30px; --t-foot-size-sm: 140px 21px; --t-edge: rgba(242, 194, 48, 0.55); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 10px 26px -10px rgba(0, 0, 0, .7); --t-gold-hi: #f7d778; }
.los-theme-card[data-theme-choice="armyattack-night"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-3H0z' fill='%23323130' fill-opacity='0.75'/%3E%3Cpath d='M20 27l16-16 16 16z M90 27l12-12 12 12z M150 27l18-18 18 18z' fill='%23323130' fill-opacity='0.75'/%3E%3Cpath d='M168 9V1l8 3-8 3' fill='%23f2c230' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #0b0a08, #070705); background-size: 120px 18px, 100% 40px; }

/* Premium themes (L.O.S Marketplace), for every site that shows Marketplace cosmetics. */
@keyframes t-aurora { to { background-position: -200% 0; } }
@keyframes t-rise { to { background-position: 0 -60px; } }
@keyframes t-rise-page { to { background-position: 0 -240px, 0 -480px; } }
@keyframes t-stars { to { background-position: 0 320px, 0 160px; } }
@keyframes t-sun { 50% { opacity: .75; transform: scale(1.08); } }
@keyframes t-waves { to { background-position: 160px 100%, 0 0, 0 0; } }
@keyframes t-neon { 0%, 100% { opacity: 1; } 47% { opacity: 1; } 48% { opacity: .6; } 50% { opacity: 1; } }
/* Aurora Borealis */
html[data-theme="m-aurora"], html[data-site][data-theme="m-aurora"] { --bg: #0b1a24; --surface: #11283a; --surface-alt: #173548; --text: #e4f3f5; --muted: #9bc0c9; --link: #6ff0c8; --link-strong: #93f4d6; --border: #415969; --row-border: #304c5d; --head-from: #1aa88f; --head-to: #147e6b; --head-text: #ffffff; --header-from: #06131c; --header-to: #040c12; --nav-text: #ebeced; --nav-active-bg: rgba(159, 247, 212, 0.22); --nav-active-text: #9ff7d4; --brand-a: #9ff7d4; --brand-b: #ffffff; --gold: #9ff7d4; --gold-dark: #8cd9bb; --gold-text: #050f16; --accent: #1aa88f; --icon-from: #43b8a3; --icon-to: #147e6b; --chip-bg: #173c4c; --chip-border: #184c56; --footer-from: #050f16; --footer-to: #030a0e; --footer-text: #dadcdd; --g1: #1aa88f; --g2: #9ff7d4; --g3: #06131c; color-scheme: dark; --accent-text: #ffffff; --input-bg: #08141b; --input-border: #3a5363; --shadow: 0 4px 18px rgba(0, 0, 0, 0.5); --online: #5fd08a; --online-bg: rgba(95, 208, 138, 0.14); --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(26, 168, 143, 0.3), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Ccircle cx='12' cy='18' r='1.2' fill='%23c5fae5' fill-opacity='0.2'/%3E%3Ccircle cx='60' cy='40' r='0.8' fill='%23c5fae5' fill-opacity='0.2'/%3E%3Ccircle cx='104' cy='14' r='1.6' fill='%23c5fae5' fill-opacity='0.2'/%3E%3Ccircle cx='140' cy='62' r='0.9' fill='%23c5fae5' fill-opacity='0.2'/%3E%3Ccircle cx='30' cy='88' r='1' fill='%23c5fae5' fill-opacity='0.2'/%3E%3Ccircle cx='86' cy='104' r='1.4' fill='%23c5fae5' fill-opacity='0.2'/%3E%3Ccircle cx='128' cy='132' r='0.8' fill='%23c5fae5' fill-opacity='0.2'/%3E%3Ccircle cx='8' cy='140' r='1.1' fill='%23c5fae5' fill-opacity='0.2'/%3E%3Ccircle cx='70' cy='150' r='0.7' fill='%23c5fae5' fill-opacity='0.2'/%3E%3Ccircle cx='150' cy='100' r='1.2' fill='%23c5fae5' fill-opacity='0.2'/%3E%3Cpath d='M44 120l2 6 6 2-6 2-2 6-2-6-6-2 6-2z M120 30l1.5 4.5 4.5 1.5-4.5 1.5-1.5 4.5-1.5-4.5-4.5-1.5 4.5-1.5z' fill='%23c59bff' fill-opacity='0.25'/%3E%3C/svg%3E"); --t-page-size: 160px 160px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Ccircle cx='12' cy='18' r='1.2' fill='%23ffffff' fill-opacity='0.16'/%3E%3Ccircle cx='60' cy='40' r='0.8' fill='%23ffffff' fill-opacity='0.16'/%3E%3Ccircle cx='104' cy='14' r='1.6' fill='%23ffffff' fill-opacity='0.16'/%3E%3Ccircle cx='140' cy='62' r='0.9' fill='%23ffffff' fill-opacity='0.16'/%3E%3Ccircle cx='30' cy='88' r='1' fill='%23ffffff' fill-opacity='0.16'/%3E%3Ccircle cx='86' cy='104' r='1.4' fill='%23ffffff' fill-opacity='0.16'/%3E%3Ccircle cx='128' cy='132' r='0.8' fill='%23ffffff' fill-opacity='0.16'/%3E%3Ccircle cx='8' cy='140' r='1.1' fill='%23ffffff' fill-opacity='0.16'/%3E%3Ccircle cx='70' cy='150' r='0.7' fill='%23ffffff' fill-opacity='0.16'/%3E%3Ccircle cx='150' cy='100' r='1.2' fill='%23ffffff' fill-opacity='0.16'/%3E%3Cpath d='M44 120l2 6 6 2-6 2-2 6-2-6-6-2 6-2z M120 30l1.5 4.5 4.5 1.5-4.5 1.5-1.5 4.5-1.5-4.5-4.5-1.5 4.5-1.5z' fill='%23ffffff' fill-opacity='0.2'/%3E%3C/svg%3E"); --t-header-tile-size: 160px 160px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 120px 120px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M12 30l-8 0 8-18 8 18z' fill='%232e3940' fill-opacity='0.7'/%3E%3Cpath d='M30 30l-12 0 12-26 12 26z' fill='%232e3940' fill-opacity='0.7'/%3E%3Cpath d='M50 30l-6 0 6-14 6 14z' fill='%232e3940' fill-opacity='0.7'/%3E%3Cpath d='M70 30l-10 0 10-22 10 22z' fill='%239ff7d4' fill-opacity='0.42'/%3E%3Cpath d='M92 30l-13 0 13-28 13 28z' fill='%232e3940' fill-opacity='0.7'/%3E%3Cpath d='M116 30l-7 0 7-16 7 16z' fill='%232e3940' fill-opacity='0.7'/%3E%3Cpath d='M136 30l-11 0 11-24 11 24z' fill='%232e3940' fill-opacity='0.7'/%3E%3Cpath d='M160 30l-9 0 9-20 9 20z' fill='%239ff7d4' fill-opacity='0.42'/%3E%3Cpath d='M182 30l-12 0 12-26 12 26z' fill='%232e3940' fill-opacity='0.7'/%3E%3Cpath d='M204 30l-7 0 7-15 7 15z' fill='%232e3940' fill-opacity='0.7'/%3E%3Cpath d='M224 30l-10 0 10-22 10 22z' fill='%232e3940' fill-opacity='0.7'/%3E%3Cpath d='M0 30h240v-3H0z' fill='%232e3940' fill-opacity='0.7'/%3E%3C/svg%3E"); --t-scene-size: 240px 30px; --t-scene-size-sm: 168px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M12 30l-8 0 8-18 8 18z' fill='%23050f16' fill-opacity='1'/%3E%3Cpath d='M30 30l-12 0 12-26 12 26z' fill='%23050f16' fill-opacity='1'/%3E%3Cpath d='M50 30l-6 0 6-14 6 14z' fill='%23050f16' fill-opacity='1'/%3E%3Cpath d='M70 30l-10 0 10-22 10 22z' fill='%239ff7d4' fill-opacity='0.6'/%3E%3Cpath d='M92 30l-13 0 13-28 13 28z' fill='%23050f16' fill-opacity='1'/%3E%3Cpath d='M116 30l-7 0 7-16 7 16z' fill='%23050f16' fill-opacity='1'/%3E%3Cpath d='M136 30l-11 0 11-24 11 24z' fill='%23050f16' fill-opacity='1'/%3E%3Cpath d='M160 30l-9 0 9-20 9 20z' fill='%239ff7d4' fill-opacity='0.6'/%3E%3Cpath d='M182 30l-12 0 12-26 12 26z' fill='%23050f16' fill-opacity='1'/%3E%3Cpath d='M204 30l-7 0 7-15 7 15z' fill='%23050f16' fill-opacity='1'/%3E%3Cpath d='M224 30l-10 0 10-22 10 22z' fill='%23050f16' fill-opacity='1'/%3E%3Cpath d='M0 30h240v-3H0z' fill='%23050f16' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(159, 247, 212, 0.75); --t-card-shadow: 0 0 0 1px rgba(159, 247, 212, 0.18), 0 12px 30px -10px rgba(0, 0, 0, .75); --t-gold-hi: #c5fae5; }
html[data-theme="m-aurora"] .los-header { box-shadow: 0 3px 16px rgba(26, 168, 143, 0.35); }
html[data-theme="m-aurora"] .los-header::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; }
html[data-theme="m-aurora"] .los-header::before { background: linear-gradient(100deg, transparent 8%, rgba(111, 240, 200, .38) 24%, transparent 38%, rgba(197, 155, 255, .32) 55%, transparent 70%, rgba(111, 240, 200, .28) 86%, transparent 96%) 0 0 / 200% 100%; animation: t-aurora 16s linear infinite; }
html[data-theme="m-aurora"] body.los-body { background-image: linear-gradient(170deg, rgba(111, 240, 200, .12), transparent 30%), linear-gradient(190deg, rgba(197, 155, 255, .12), transparent 35%), var(--t-page); background-size: 100% 600px, 100% 600px, var(--t-page-size); background-repeat: no-repeat, no-repeat, repeat; }
html[data-theme="m-aurora"] .los-card { border-color: rgba(111, 240, 200, .35); }
html[data-theme="m-aurora"] .los-card-head { background-image: linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0) 55%), linear-gradient(100deg, #127a6c, #1aa88f 45%, #6b4fb0); background-size: 100% 100%, 100% 100%; }
html[data-theme="m-aurora"] .los-page-title { text-shadow: 0 0 18px rgba(111, 240, 200, .45); }
/* Golden Hour Harvest */
html[data-theme="m-goldenhour"], html[data-site][data-theme="m-goldenhour"] { --bg: #fff5e2; --surface: #fffcf3; --surface-alt: #fbe7c2; --text: #3b2a12; --muted: #86673f; --link: #b0501a; --link-strong: #843c14; --border: #653711; --row-border: #ecd8b4; --head-from: #d4721d; --head-to: #9f5616; --head-text: #ffffff; --header-from: #8f4410; --header-to: #5d2c0a; --nav-text: #f6f0ec; --nav-active-bg: rgba(255, 201, 74, 0.22); --nav-active-text: #ffc94a; --brand-a: #ffc94a; --brand-b: #ffffff; --gold: #ffc94a; --gold-dark: #e0b141; --gold-text: #72360d; --accent: #d4721d; --icon-from: #dc8b46; --icon-to: #9f5616; --chip-bg: #f9e0b8; --chip-border: #f3d0a1; --footer-from: #72360d; --footer-to: #482208; --footer-text: #eee3db; --g1: #d4721d; --g2: #ffc94a; --g3: #8f4410; color-scheme: light; --accent-text: #ffffff; --input-bg: #ffffff; --input-border: #d5c19f; --shadow: 0 4px 14px rgba(143, 68, 16, 0.16); --online: #1f9d55; --online-bg: #e5f6ec; --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 201, 74, 0.22), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='44' viewBox='0 0 120 44'%3E%3Cpath d='M10 40c2-10 0-16-4-22M12 40c0-8 4-14 10-18M60 40c-1-8-5-12-10-16M62 40c2-12 8-16 14-20M100 40c0-6 2-12 6-14' fill='none' stroke='%238f4410' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='80' cy='14' r='3' fill='%23e39a2d' fill-opacity='0.175'/%3E%3Ccircle cx='30' cy='8' r='2' fill='%23e39a2d' fill-opacity='0.175'/%3E%3C/svg%3E"); --t-page-size: 120px 44px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='44' viewBox='0 0 120 44'%3E%3Cpath d='M10 40c2-10 0-16-4-22M12 40c0-8 4-14 10-18M60 40c-1-8-5-12-10-16M62 40c2-12 8-16 14-20M100 40c0-6 2-12 6-14' fill='none' stroke='%23ffffff' stroke-opacity='0.08' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='80' cy='14' r='3' fill='%23ffffff' fill-opacity='0.2'/%3E%3Ccircle cx='30' cy='8' r='2' fill='%23ffffff' fill-opacity='0.2'/%3E%3C/svg%3E"); --t-header-tile-size: 120px 44px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 90px 33px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='30' viewBox='0 0 120 30'%3E%3Cpath d='M0 30h120v-5H0z' fill='%233c1d07' fill-opacity='0.7'/%3E%3Cpath d='M8 26c0-8 1-14 2-18' fill='none' stroke='%233c1d07' stroke-opacity='0.7' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M10 8l-3-3 1 4zM10 8l3-3-1 4zM9.6 12l-3-3 1 4zM9.6 12l3-3-1 4zM9.2 16l-3-3 1 4zM9.2 16l3-3-1 4z' fill='%23ffc94a' fill-opacity='0.98'/%3E%3Cpath d='M22 26c0-8 1-14 2-18' fill='none' stroke='%233c1d07' stroke-opacity='0.7' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M24 8l-3-3 1 4zM24 8l3-3-1 4zM23.6 12l-3-3 1 4zM23.6 12l3-3-1 4zM23.2 16l-3-3 1 4zM23.2 16l3-3-1 4z' fill='%23ffc94a' fill-opacity='0.98'/%3E%3Cpath d='M36 26c0-8 1-14 2-18' fill='none' stroke='%233c1d07' stroke-opacity='0.7' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M38 8l-3-3 1 4zM38 8l3-3-1 4zM37.6 12l-3-3 1 4zM37.6 12l3-3-1 4zM37.2 16l-3-3 1 4zM37.2 16l3-3-1 4z' fill='%23ffc94a' fill-opacity='0.98'/%3E%3Cpath d='M52 26c0-8 1-14 2-18' fill='none' stroke='%233c1d07' stroke-opacity='0.7' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M54 8l-3-3 1 4zM54 8l3-3-1 4zM53.6 12l-3-3 1 4zM53.6 12l3-3-1 4zM53.2 16l-3-3 1 4zM53.2 16l3-3-1 4z' fill='%23ffc94a' fill-opacity='0.98'/%3E%3Cpath d='M66 26c0-8 1-14 2-18' fill='none' stroke='%233c1d07' stroke-opacity='0.7' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M68 8l-3-3 1 4zM68 8l3-3-1 4zM67.6 12l-3-3 1 4zM67.6 12l3-3-1 4zM67.2 16l-3-3 1 4zM67.2 16l3-3-1 4z' fill='%23ffc94a' fill-opacity='0.98'/%3E%3Cpath d='M80 26c0-8 1-14 2-18' fill='none' stroke='%233c1d07' stroke-opacity='0.7' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M82 8l-3-3 1 4zM82 8l3-3-1 4zM81.6 12l-3-3 1 4zM81.6 12l3-3-1 4zM81.2 16l-3-3 1 4zM81.2 16l3-3-1 4z' fill='%23ffc94a' fill-opacity='0.98'/%3E%3Cpath d='M96 26c0-8 1-14 2-18' fill='none' stroke='%233c1d07' stroke-opacity='0.7' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M98 8l-3-3 1 4zM98 8l3-3-1 4zM97.6 12l-3-3 1 4zM97.6 12l3-3-1 4zM97.2 16l-3-3 1 4zM97.2 16l3-3-1 4z' fill='%23ffc94a' fill-opacity='0.98'/%3E%3Cpath d='M110 26c0-8 1-14 2-18' fill='none' stroke='%233c1d07' stroke-opacity='0.7' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M112 8l-3-3 1 4zM112 8l3-3-1 4zM111.6 12l-3-3 1 4zM111.6 12l3-3-1 4zM111.2 16l-3-3 1 4zM111.2 16l3-3-1 4z' fill='%23ffc94a' fill-opacity='0.98'/%3E%3C/svg%3E"); --t-scene-size: 120px 30px; --t-scene-size-sm: 84px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='30' viewBox='0 0 120 30'%3E%3Cpath d='M0 30h120v-5H0z' fill='%2372360d' fill-opacity='1'/%3E%3Cpath d='M8 26c0-8 1-14 2-18' fill='none' stroke='%2372360d' stroke-opacity='1' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M10 8l-3-3 1 4zM10 8l3-3-1 4zM9.6 12l-3-3 1 4zM9.6 12l3-3-1 4zM9.2 16l-3-3 1 4zM9.2 16l3-3-1 4z' fill='%23ffc94a' fill-opacity='1'/%3E%3Cpath d='M22 26c0-8 1-14 2-18' fill='none' stroke='%2372360d' stroke-opacity='1' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M24 8l-3-3 1 4zM24 8l3-3-1 4zM23.6 12l-3-3 1 4zM23.6 12l3-3-1 4zM23.2 16l-3-3 1 4zM23.2 16l3-3-1 4z' fill='%23ffc94a' fill-opacity='1'/%3E%3Cpath d='M36 26c0-8 1-14 2-18' fill='none' stroke='%2372360d' stroke-opacity='1' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M38 8l-3-3 1 4zM38 8l3-3-1 4zM37.6 12l-3-3 1 4zM37.6 12l3-3-1 4zM37.2 16l-3-3 1 4zM37.2 16l3-3-1 4z' fill='%23ffc94a' fill-opacity='1'/%3E%3Cpath d='M52 26c0-8 1-14 2-18' fill='none' stroke='%2372360d' stroke-opacity='1' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M54 8l-3-3 1 4zM54 8l3-3-1 4zM53.6 12l-3-3 1 4zM53.6 12l3-3-1 4zM53.2 16l-3-3 1 4zM53.2 16l3-3-1 4z' fill='%23ffc94a' fill-opacity='1'/%3E%3Cpath d='M66 26c0-8 1-14 2-18' fill='none' stroke='%2372360d' stroke-opacity='1' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M68 8l-3-3 1 4zM68 8l3-3-1 4zM67.6 12l-3-3 1 4zM67.6 12l3-3-1 4zM67.2 16l-3-3 1 4zM67.2 16l3-3-1 4z' fill='%23ffc94a' fill-opacity='1'/%3E%3Cpath d='M80 26c0-8 1-14 2-18' fill='none' stroke='%2372360d' stroke-opacity='1' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M82 8l-3-3 1 4zM82 8l3-3-1 4zM81.6 12l-3-3 1 4zM81.6 12l3-3-1 4zM81.2 16l-3-3 1 4zM81.2 16l3-3-1 4z' fill='%23ffc94a' fill-opacity='1'/%3E%3Cpath d='M96 26c0-8 1-14 2-18' fill='none' stroke='%2372360d' stroke-opacity='1' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M98 8l-3-3 1 4zM98 8l3-3-1 4zM97.6 12l-3-3 1 4zM97.6 12l3-3-1 4zM97.2 16l-3-3 1 4zM97.2 16l3-3-1 4z' fill='%23ffc94a' fill-opacity='1'/%3E%3Cpath d='M110 26c0-8 1-14 2-18' fill='none' stroke='%2372360d' stroke-opacity='1' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M112 8l-3-3 1 4zM112 8l3-3-1 4zM111.6 12l-3-3 1 4zM111.6 12l3-3-1 4zM111.2 16l-3-3 1 4zM111.2 16l3-3-1 4z' fill='%23ffc94a' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 120px 30px; --t-foot-size-sm: 84px 21px; --t-edge: rgba(255, 201, 74, 0.75); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .85) inset, 0 12px 28px -12px rgba(143, 68, 16, 0.5); --t-gold-hi: #ffdf92; }
html[data-theme="m-goldenhour"] .los-header { box-shadow: 0 3px 16px rgba(143, 68, 16, 0.35); }
html[data-theme="m-goldenhour"] .los-header::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; }
html[data-theme="m-goldenhour"] body.los-body { background-image: repeating-conic-gradient(from 160deg at 50% -40px, rgba(255, 196, 80, .11) 0 5deg, transparent 5deg 13deg), var(--t-glow), var(--t-page); background-size: 100% 760px, 100% 520px, var(--t-page-size); background-repeat: no-repeat, no-repeat, repeat; }
html[data-theme="m-goldenhour"] .los-header::before { background: radial-gradient(circle at 82% 120%, rgba(255, 246, 200, .95) 0 26px, rgba(255, 201, 74, .55) 40px, rgba(255, 160, 60, 0) 110px); animation: t-sun 7s ease-in-out infinite; }
html[data-theme="m-goldenhour"] .los-card { border-color: #e7b45a; }
html[data-theme="m-goldenhour"] .los-card-head { background-image: linear-gradient(180deg, rgba(255, 255, 255, .25), rgba(255, 255, 255, 0) 55%), linear-gradient(100deg, #b5541a, #d4721d 50%, #e9a23b); background-size: 100% 100%, 100% 100%; }
html[data-theme="m-goldenhour"] .los-page-title { color: #8f4410; }
/* Deep Sea */
html[data-theme="m-deepsea"], html[data-site][data-theme="m-deepsea"] { --bg: #061a2e; --surface: #0a2a45; --surface-alt: #0f3656; --text: #dff3ff; --muted: #8fb6d0; --link: #5fd6ff; --link-strong: #87e0ff; --border: #3a5a74; --row-border: #284d6a; --head-from: #1683c9; --head-to: #116297; --head-text: #ffffff; --header-from: #03101d; --header-to: #020a13; --nav-text: #ebeced; --nav-active-bg: rgba(255, 179, 92, 0.22); --nav-active-text: #ffb35c; --brand-a: #ffb35c; --brand-b: #ffffff; --gold: #ffb35c; --gold-dark: #e09e51; --gold-text: #020d17; --accent: #1683c9; --icon-from: #4099d3; --icon-to: #116297; --chip-bg: #0f3b5d; --chip-border: #10456d; --footer-from: #020d17; --footer-to: #02080f; --footer-text: #d9dbdd; --g1: #1683c9; --g2: #ffb35c; --g3: #03101d; color-scheme: dark; --accent-text: #ffffff; --input-bg: #051423; --input-border: #33546f; --shadow: 0 4px 18px rgba(0, 0, 0, 0.5); --online: #5fd08a; --online-bg: rgba(95, 208, 138, 0.14); --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(22, 131, 201, 0.3), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130' viewBox='0 0 130 130'%3E%3Ccircle cx='20' cy='30' r='6' fill='none' stroke='%23ffd19d' stroke-opacity='0.1' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='18' cy='28' r='1.4' fill='%23ffd19d' fill-opacity='0.2'/%3E%3Ccircle cx='84' cy='70' r='9' fill='none' stroke='%235fd6ff' stroke-opacity='0.1' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='81' cy='66' r='2' fill='%235fd6ff' fill-opacity='0.2'/%3E%3Ccircle cx='50' cy='110' r='4' fill='none' stroke='%23ffd19d' stroke-opacity='0.1' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='112' cy='18' r='3' fill='none' stroke='%23ffd19d' stroke-opacity='0.1' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-page-size: 130px 130px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130' viewBox='0 0 130 130'%3E%3Ccircle cx='20' cy='30' r='6' fill='none' stroke='%23ffffff' stroke-opacity='0.08' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='18' cy='28' r='1.4' fill='%23ffffff' fill-opacity='0.16'/%3E%3Ccircle cx='84' cy='70' r='9' fill='none' stroke='%23ffffff' stroke-opacity='0.08' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='81' cy='66' r='2' fill='%23ffffff' fill-opacity='0.16'/%3E%3Ccircle cx='50' cy='110' r='4' fill='none' stroke='%23ffffff' stroke-opacity='0.08' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='112' cy='18' r='3' fill='none' stroke='%23ffffff' stroke-opacity='0.08' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-header-tile-size: 130px 130px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 98px 98px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 30V20c20-8 30-8 40 0s20 8 40 0 30-8 40 0 20 8 40 0v10z' fill='%232b3641' fill-opacity='0.7'/%3E%3Cpath d='M0 30v-4c20-6 30-6 40 0s20 6 40 0 30-6 40 0 20 6 40 0v4z' fill='%232b3641' fill-opacity='0.98'/%3E%3Cpath d='M14 17c4-2 8-2 10 0M94 17c4-2 8-2 10 0' fill='none' stroke='%23ffb35c' stroke-opacity='0.7' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E"); --t-scene-size: 160px 30px; --t-scene-size-sm: 112px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='30' viewBox='0 0 220 30'%3E%3Cpath d='M0 30h220v-4H0z' fill='%23020d17' fill-opacity='1'/%3E%3Cpath d='M30 27c0-8-6-10-6-18M30 27c0-6 6-10 6-16M30 22c-4-2-6-6-6-8M150 27c0-10 4-14 2-24M156 27c0-8-4-12-2-20' fill='none' stroke='%23020d17' stroke-opacity='1' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M80 27c-6-6-4-14 2-16 2 4 0 8 4 10 2-4 6-4 8 0-2 4-6 6-14 6zM190 27c-4-4-2-10 2-12 2 3 0 6 3 7 1-3 4-3 6 0-2 3-5 5-11 5z' fill='%23ffb35c' fill-opacity='1'/%3E%3Ccircle cx='112' cy='12' r='2' fill='none' stroke='%23ffb35c' stroke-opacity='1' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E"); --t-foot-size: 220px 30px; --t-foot-size-sm: 154px 21px; --t-edge: rgba(255, 179, 92, 0.75); --t-card-shadow: 0 0 0 1px rgba(255, 179, 92, 0.18), 0 12px 30px -10px rgba(0, 0, 0, .75); --t-gold-hi: #ffd19d; }
html[data-theme="m-deepsea"] .los-header { box-shadow: 0 3px 16px rgba(22, 131, 201, 0.35); }
html[data-theme="m-deepsea"] .los-header::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; }
html[data-theme="m-deepsea"] body.los-body { background-image: linear-gradient(105deg, transparent 20%, rgba(95, 214, 255, .08) 25%, transparent 32%, transparent 55%, rgba(95, 214, 255, .07) 60%, transparent 68%), linear-gradient(180deg, #0b3a5e, #061a2e 700px), var(--t-page); background-size: 100% 900px, 100% 900px, var(--t-page-size); background-repeat: no-repeat, no-repeat, repeat; }
html[data-theme="m-deepsea"] body.los-body::before { content: ""; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; pointer-events: none; background-image: radial-gradient(circle at 12% 30%, rgba(170, 230, 255, .35) 0 3px, transparent 4px), radial-gradient(circle at 58% 70%, rgba(170, 230, 255, .3) 0 5px, transparent 6px), radial-gradient(circle at 86% 15%, rgba(170, 230, 255, .3) 0 2px, transparent 3px), radial-gradient(circle at 34% 92%, rgba(170, 230, 255, .25) 0 4px, transparent 5px), radial-gradient(circle at 12% 30%, rgba(170, 230, 255, .35) 0 3px, transparent 4px), radial-gradient(circle at 58% 70%, rgba(170, 230, 255, .3) 0 5px, transparent 6px), radial-gradient(circle at 86% 15%, rgba(170, 230, 255, .3) 0 2px, transparent 3px), radial-gradient(circle at 34% 92%, rgba(170, 230, 255, .25) 0 4px, transparent 5px); background-size: 240px 240px, 480px 480px; background-position: 0 0, 120px 60px; animation: t-rise-page 14s linear infinite; }
html[data-theme="m-deepsea"] .los-header { animation: t-waves 10s linear infinite; }
html[data-theme="m-deepsea"] .los-card { border-color: rgba(95, 214, 255, .3); }
html[data-theme="m-deepsea"] .los-card-head { background-image: linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0) 55%), linear-gradient(100deg, #0b4f86, #1683c9 55%, #19a6b8); background-size: 100% 100%, 100% 100%; }
/* Starlight Arcade */
html[data-theme="m-arcade"], html[data-site][data-theme="m-arcade"] { --bg: #0d0820; --surface: #170f33; --surface-alt: #211646; --text: #f1eaff; --muted: #a99cd6; --link: #4ff4ff; --link-strong: #7bf7ff; --border: #494067; --row-border: #3a2f5c; --head-from: #ff3fa4; --head-to: #bf2f7b; --head-text: #ffffff; --header-from: #07041a; --header-to: #050311; --nav-text: #ebebed; --nav-active-bg: rgba(255, 225, 79, 0.22); --nav-active-text: #ffe14f; --brand-a: #ffe14f; --brand-b: #ffffff; --gold: #ffe14f; --gold-dark: #e0c646; --gold-text: #060315; --accent: #ff3fa4; --icon-from: #ff62b4; --icon-to: #bf2f7b; --chip-bg: #2e184c; --chip-border: #4d1e59; --footer-from: #060315; --footer-to: #04020d; --footer-text: #dad9dd; --g1: #ff3fa4; --g2: #ffe14f; --g3: #07041a; color-scheme: dark; --accent-text: #ffffff; --input-bg: #0a0618; --input-border: #423962; --shadow: 0 4px 18px rgba(0, 0, 0, 0.5); --online: #5fd08a; --online-bg: rgba(95, 208, 138, 0.14); --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 63, 164, 0.3), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Crect x='10' y='14' width='3' height='3' fill='%234ff4ff' fill-opacity='0.2'/%3E%3Crect x='70' y='30' width='2' height='2' fill='%23ffed95' fill-opacity='0.2'/%3E%3Crect x='120' y='10' width='3' height='3' fill='%23ffed95' fill-opacity='0.2'/%3E%3Crect x='40' y='80' width='2' height='2' fill='%234ff4ff' fill-opacity='0.2'/%3E%3Crect x='100' y='100' width='3' height='3' fill='%23ffed95' fill-opacity='0.2'/%3E%3Crect x='140' y='140' width='2' height='2' fill='%234ff4ff' fill-opacity='0.2'/%3E%3Crect x='20' y='140' width='2' height='2' fill='%23ffed95' fill-opacity='0.2'/%3E%3C/svg%3E"); --t-page-size: 160px 160px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Crect x='10' y='14' width='3' height='3' fill='%23ffffff' fill-opacity='0.16'/%3E%3Crect x='70' y='30' width='2' height='2' fill='%23ffffff' fill-opacity='0.16'/%3E%3Crect x='120' y='10' width='3' height='3' fill='%23ffffff' fill-opacity='0.16'/%3E%3Crect x='40' y='80' width='2' height='2' fill='%23ffffff' fill-opacity='0.16'/%3E%3Crect x='100' y='100' width='3' height='3' fill='%23ffffff' fill-opacity='0.16'/%3E%3Crect x='140' y='140' width='2' height='2' fill='%23ffffff' fill-opacity='0.16'/%3E%3Crect x='20' y='140' width='2' height='2' fill='%23ffffff' fill-opacity='0.16'/%3E%3C/svg%3E"); --t-header-tile-size: 160px 160px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 120px 120px; --t-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='30' viewBox='0 0 300 30'%3E%3Cpath d='M0 30V18h14V10h12v8h8V4h16v26z M54 30V14h10V8h14v22z M84 30V20h18V12h10v18z M118 30V6h8V2h6v4h8v24z M146 30V16h20v14z M170 30V10h16v20z M190 30V20h12v-6h14v16z M220 30V8h6V4h6v4h6v22z M244 30V18h16v12z M264 30V12h14v18z M282 30V22h18v8z' fill='%232f2c3f' fill-opacity='0.7'/%3E%3Crect x='38' y='8' width='2.4' height='3' fill='%23ffe14f' fill-opacity='0.98'/%3E%3Crect x='44' y='14' width='2.4' height='3' fill='%23ffe14f' fill-opacity='0.98'/%3E%3Crect x='38' y='20' width='2.4' height='3' fill='%23ffe14f' fill-opacity='0.98'/%3E%3Crect x='58' y='18' width='2.4' height='3' fill='%23ffe14f' fill-opacity='0.98'/%3E%3Crect x='70' y='12' width='2.4' height='3' fill='%23ffe14f' fill-opacity='0.98'/%3E%3Crect x='70' y='22' width='2.4' height='3' fill='%23ffe14f' fill-opacity='0.98'/%3E%3Crect x='122' y='10' width='2.4' height='3' fill='%23ffe14f' fill-opacity='0.98'/%3E%3Crect x='130' y='16' width='2.4' height='3' fill='%23ffe14f' fill-opacity='0.98'/%3E%3Crect x='122' y='22' width='2.4' height='3' fill='%23ffe14f' fill-opacity='0.98'/%3E%3Crect x='174' y='14' width='2.4' height='3' fill='%23ffe14f' fill-opacity='0.98'/%3E%3Crect x='180' y='22' width='2.4' height='3' fill='%23ffe14f' fill-opacity='0.98'/%3E%3Crect x='224' y='12' width='2.4' height='3' fill='%23ffe14f' fill-opacity='0.98'/%3E%3Crect x='232' y='18' width='2.4' height='3' fill='%23ffe14f' fill-opacity='0.98'/%3E%3Crect x='268' y='16' width='2.4' height='3' fill='%23ffe14f' fill-opacity='0.98'/%3E%3Crect x='272' y='24' width='2.4' height='3' fill='%23ffe14f' fill-opacity='0.98'/%3E%3C/svg%3E"); --t-scene-size: 300px 30px; --t-scene-size-sm: 210px 21px; --t-foot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30V12h240v18z' fill='%23060315' fill-opacity='1'/%3E%3Cpath d='M0 14H240M0 18H240M0 23H240M0 29H240M120 12L120 30M100 12L80 30M80 12L40 30M60 12L0 30M140 12L160 30M160 12L200 30M180 12L240 30' fill='none' stroke='%23ffe14f' stroke-opacity='1' stroke-width='0.9' stroke-linecap='round'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(255, 225, 79, 0.75); --t-card-shadow: 0 0 0 1px rgba(255, 225, 79, 0.18), 0 12px 30px -10px rgba(0, 0, 0, .75); --t-gold-hi: #ffed95; }
html[data-theme="m-arcade"] .los-header { box-shadow: 0 3px 16px rgba(255, 63, 164, 0.35); }
html[data-theme="m-arcade"] .los-header::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; }
html[data-theme="m-arcade"] body.los-body::before { content: ""; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; pointer-events: none; background-image: radial-gradient(1.5px 1.5px at 20px 40px, #fff, transparent), radial-gradient(1px 1px at 120px 90px, #fff, transparent), radial-gradient(2px 2px at 200px 20px, #ffe14f, transparent), radial-gradient(1px 1px at 260px 140px, #4ff4ff, transparent), radial-gradient(1.5px 1.5px at 60px 200px, #ff3fa4, transparent), radial-gradient(1px 1px at 300px 260px, #fff, transparent), radial-gradient(1.5px 1.5px at 20px 40px, #fff, transparent), radial-gradient(1px 1px at 120px 90px, #fff, transparent), radial-gradient(2px 2px at 200px 20px, #ffe14f, transparent), radial-gradient(1px 1px at 260px 140px, #4ff4ff, transparent), radial-gradient(1.5px 1.5px at 60px 200px, #ff3fa4, transparent), radial-gradient(1px 1px at 300px 260px, #fff, transparent); background-size: 320px 320px, 160px 160px; opacity: .8; animation: t-stars 24s linear infinite; }
html[data-theme="m-arcade"] .los-header { border-bottom: 2px solid #ff3fa4; box-shadow: 0 0 14px rgba(255, 63, 164, .7), 0 2px 0 #4ff4ff, 0 0 26px rgba(79, 244, 255, .35); }
html[data-theme="m-arcade"] .los-card { border-color: #4ff4ff; box-shadow: 0 0 0 1px rgba(79, 244, 255, .4), 0 0 18px rgba(255, 63, 164, .25), 0 14px 30px -12px rgba(0, 0, 0, .8); }
html[data-theme="m-arcade"] .los-card-head { background-image: linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0) 55%), linear-gradient(100deg, #8a1f8f, #ff3fa4 55%, #ff7a59); background-size: 100% 100%, 100% 100%; }
html[data-theme="m-arcade"] .los-page-title { color: #fff; text-shadow: 0 0 6px #ff3fa4, 0 0 16px #ff3fa4, 0 0 2px #fff; animation: t-neon 6s linear infinite; }
html[data-theme="m-arcade"] .los-body .los-btn-gold { box-shadow: 0 3px 0 #b39a1f, 0 0 14px rgba(255, 225, 79, .5); }
@media (prefers-reduced-motion: reduce) { html[data-theme^="m-"] .los-header::before, html[data-theme^="m-"] body.los-body::before, html[data-theme^="m-"] .los-header, html[data-theme^="m-"] .los-page-title { animation: none !important; } }