/* 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; }
@media (max-width: 640px) { .los-theme-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .los-theme-card { padding: 12px; } .los-theme-card[data-theme-choice] { padding-top: 50px; } .los-theme-card strong { font-size: .95rem; margin-top: 6px; } .los-theme-card span.desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: .8rem; } .los-theme-card .check { top: 8px; right: 10px; } .los-swatches { gap: 4px; } .los-swatches i { width: 18px; height: 18px; } }

/* 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; }
/* orchard */
html:not([data-site])[data-theme="orchard"] { --bg: #f8fbef; --surface: #fffffa; --surface-alt: #ecf3dc; --text: #2a2f17; --muted: #66704d; --link: #b3261e; --link-strong: #861d17; --border: #2d451a; --row-border: #dce3cc; --head-from: #c73a2a; --head-to: #952c20; --head-text: #ffffff; --header-from: #2f5a1d; --header-to: #1f3b13; --nav-text: #eef2ed; --nav-active-bg: rgba(242, 194, 48, 0.22); --nav-active-text: #f2c230; --brand-a: #f2c230; --brand-b: #ffffff; --gold: #f2c230; --gold-dark: #d5ab2a; --gold-text: #264817; --accent: #c73a2a; --icon-from: #d15d50; --icon-to: #952c20; --chip-bg: #eae8d1; --chip-border: #e5ceb8; --footer-from: #264817; --footer-to: #182d0f; --footer-text: #e0e6dd; --g1: #c73a2a; --g2: #f2c230; --g3: #2f5a1d; color-scheme: light; --accent-text: #ffffff; --input-bg: #ffffff; --input-border: #c5ccb5; --shadow: 0 4px 14px rgba(47, 90, 29, 0.16); --online: #1f9d55; --online-bg: #e5f6ec; }
html:not([data-site])[data-theme="orchard"] .los-home-bg { background: linear-gradient(180deg, #2f5a1d 0%, #94ab86 30%, #f8fbef 60%); }
html:not([data-site])[data-theme="orchard"] { --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='130' height='130' viewBox='0 0 130 130'%3E%3Cg transform='translate(26 30) scale(1)'%3E%3Cpath d='M0-6c-4-3-9 0-9 5 0 6 5 10 9 9 4 1 9-3 9-9 0-5-5-8-9-5z' fill='%23c73a2a' fill-opacity='0.096'/%3E%3Cpath d='M0-6c0-3 1-5 3-6' fill='none' stroke='%232f5a1d' stroke-opacity='0.096' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2-9c3-2 6-1 7 1-3 1-5 0-7-1z' fill='%232f5a1d' fill-opacity='0.096'/%3E%3C/g%3E%3Cg transform='translate(96 92) scale(0.9)'%3E%3Cpath d='M0-6c-4-3-9 0-9 5 0 6 5 10 9 9 4 1 9-3 9-9 0-5-5-8-9-5z' fill='%23c73a2a' fill-opacity='0.096'/%3E%3Cpath d='M0-6c0-3 1-5 3-6' fill='none' stroke='%232f5a1d' stroke-opacity='0.096' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2-9c3-2 6-1 7 1-3 1-5 0-7-1z' fill='%232f5a1d' fill-opacity='0.096'/%3E%3C/g%3E%3Cg transform='translate(104 24) scale(0.6)'%3E%3Cpath d='M0-6c-4-3-9 0-9 5 0 6 5 10 9 9 4 1 9-3 9-9 0-5-5-8-9-5z' fill='%23c73a2a' fill-opacity='0.096'/%3E%3Cpath d='M0-6c0-3 1-5 3-6' fill='none' stroke='%232f5a1d' stroke-opacity='0.096' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2-9c3-2 6-1 7 1-3 1-5 0-7-1z' fill='%232f5a1d' fill-opacity='0.096'/%3E%3C/g%3E%3Cg transform='translate(30 112) scale(0.7)'%3E%3Cpath d='M0-6c-4-3-9 0-9 5 0 6 5 10 9 9 4 1 9-3 9-9 0-5-5-8-9-5z' fill='%23c73a2a' fill-opacity='0.096'/%3E%3Cpath d='M0-6c0-3 1-5 3-6' fill='none' stroke='%232f5a1d' stroke-opacity='0.096' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2-9c3-2 6-1 7 1-3 1-5 0-7-1z' fill='%232f5a1d' fill-opacity='0.096'/%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(26 30) scale(1)'%3E%3Cpath d='M0-6c-4-3-9 0-9 5 0 6 5 10 9 9 4 1 9-3 9-9 0-5-5-8-9-5z' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cpath d='M0-6c0-3 1-5 3-6' fill='none' stroke='%23ffffff' stroke-opacity='0.112' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2-9c3-2 6-1 7 1-3 1-5 0-7-1z' fill='%23ffffff' fill-opacity='0.112'/%3E%3C/g%3E%3Cg transform='translate(96 92) scale(0.9)'%3E%3Cpath d='M0-6c-4-3-9 0-9 5 0 6 5 10 9 9 4 1 9-3 9-9 0-5-5-8-9-5z' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cpath d='M0-6c0-3 1-5 3-6' fill='none' stroke='%23ffffff' stroke-opacity='0.112' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2-9c3-2 6-1 7 1-3 1-5 0-7-1z' fill='%23ffffff' fill-opacity='0.112'/%3E%3C/g%3E%3Cg transform='translate(104 24) scale(0.6)'%3E%3Cpath d='M0-6c-4-3-9 0-9 5 0 6 5 10 9 9 4 1 9-3 9-9 0-5-5-8-9-5z' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cpath d='M0-6c0-3 1-5 3-6' fill='none' stroke='%23ffffff' stroke-opacity='0.112' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2-9c3-2 6-1 7 1-3 1-5 0-7-1z' fill='%23ffffff' fill-opacity='0.112'/%3E%3C/g%3E%3Cg transform='translate(30 112) scale(0.7)'%3E%3Cpath d='M0-6c-4-3-9 0-9 5 0 6 5 10 9 9 4 1 9-3 9-9 0-5-5-8-9-5z' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cpath d='M0-6c0-3 1-5 3-6' fill='none' stroke='%23ffffff' stroke-opacity='0.112' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2-9c3-2 6-1 7 1-3 1-5 0-7-1z' fill='%23ffffff' fill-opacity='0.112'/%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='300' height='30' viewBox='0 0 300 30'%3E%3Cpath d='M0 30h300v-4H0z' fill='%2314260c' fill-opacity='0.6'/%3E%3Ccircle cx='20' cy='20' r='10' fill='%2314260c' fill-opacity='0.6'/%3E%3Crect x='18.5' y='20' width='3' height='10' fill='%2314260c' fill-opacity='0.6'/%3E%3Ccircle cx='46' cy='16' r='14' fill='%23f2c230' fill-opacity='0.42'/%3E%3Crect x='44.5' y='16' width='3' height='14' fill='%2314260c' fill-opacity='0.6'/%3E%3Ccircle cx='80' cy='21' r='9' fill='%2314260c' fill-opacity='0.6'/%3E%3Crect x='78.5' y='21' width='3' height='9' fill='%2314260c' fill-opacity='0.6'/%3E%3Ccircle cx='130' cy='17' r='13' fill='%2314260c' fill-opacity='0.6'/%3E%3Crect x='128.5' y='17' width='3' height='13' fill='%2314260c' fill-opacity='0.6'/%3E%3Ccircle cx='160' cy='22' r='8' fill='%23f2c230' fill-opacity='0.42'/%3E%3Crect x='158.5' y='22' width='3' height='8' fill='%2314260c' fill-opacity='0.6'/%3E%3Ccircle cx='210' cy='18' r='12' fill='%2314260c' fill-opacity='0.6'/%3E%3Crect x='208.5' y='18' width='3' height='12' fill='%2314260c' fill-opacity='0.6'/%3E%3Ccircle cx='250' cy='20' r='10' fill='%23f2c230' fill-opacity='0.42'/%3E%3Crect x='248.5' y='20' width='3' height='10' fill='%2314260c' fill-opacity='0.6'/%3E%3Ccircle cx='280' cy='23' r='7' fill='%2314260c' fill-opacity='0.6'/%3E%3Crect x='278.5' y='23' width='3' height='7' fill='%2314260c' 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='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30V20h240v10z M0 14h240v4H0z' fill='%23264817' fill-opacity='0.8'/%3E%3Cpath d='M6 30V9l4-4 4 4v21z' fill='%23264817' fill-opacity='1'/%3E%3Cpath d='M36 30V9l4-4 4 4v21z' fill='%23264817' fill-opacity='1'/%3E%3Cpath d='M66 30V9l4-4 4 4v21z' fill='%23264817' fill-opacity='1'/%3E%3Cpath d='M96 30V9l4-4 4 4v21z' fill='%23264817' fill-opacity='1'/%3E%3Cpath d='M126 30V9l4-4 4 4v21z' fill='%23264817' fill-opacity='1'/%3E%3Cpath d='M156 30V9l4-4 4 4v21z' fill='%23264817' fill-opacity='1'/%3E%3Cpath d='M186 30V9l4-4 4 4v21z' fill='%23264817' fill-opacity='1'/%3E%3Cpath d='M216 30V9l4-4 4 4v21z' fill='%23264817' 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(47, 90, 29, 0.45); --t-gold-hi: #f7d778; }
.los-theme-card[data-theme-choice="orchard"] { 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='%2314260c' fill-opacity='0.75'/%3E%3Ccircle cx='20' cy='20' r='10' fill='%2314260c' fill-opacity='0.75'/%3E%3Crect x='18.5' y='20' width='3' height='10' fill='%2314260c' fill-opacity='0.75'/%3E%3Ccircle cx='46' cy='16' r='14' fill='%23f2c230' fill-opacity='0.525'/%3E%3Crect x='44.5' y='16' width='3' height='14' fill='%2314260c' fill-opacity='0.75'/%3E%3Ccircle cx='80' cy='21' r='9' fill='%2314260c' fill-opacity='0.75'/%3E%3Crect x='78.5' y='21' width='3' height='9' fill='%2314260c' fill-opacity='0.75'/%3E%3Ccircle cx='130' cy='17' r='13' fill='%2314260c' fill-opacity='0.75'/%3E%3Crect x='128.5' y='17' width='3' height='13' fill='%2314260c' fill-opacity='0.75'/%3E%3Ccircle cx='160' cy='22' r='8' fill='%23f2c230' fill-opacity='0.525'/%3E%3Crect x='158.5' y='22' width='3' height='8' fill='%2314260c' fill-opacity='0.75'/%3E%3Ccircle cx='210' cy='18' r='12' fill='%2314260c' fill-opacity='0.75'/%3E%3Crect x='208.5' y='18' width='3' height='12' fill='%2314260c' fill-opacity='0.75'/%3E%3Ccircle cx='250' cy='20' r='10' fill='%23f2c230' fill-opacity='0.525'/%3E%3Crect x='248.5' y='20' width='3' height='10' fill='%2314260c' fill-opacity='0.75'/%3E%3Ccircle cx='280' cy='23' r='7' fill='%2314260c' fill-opacity='0.75'/%3E%3Crect x='278.5' y='23' width='3' height='7' fill='%2314260c' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #2f5a1d, #1f3b13); background-size: 180px 18px, 100% 40px; }
/* winter */
html:not([data-site])[data-theme="winter"] { --bg: #f1f6fb; --surface: #ffffff; --surface-alt: #e2ecf5; --text: #1d2c3d; --muted: #5e7186; --link: #b8322a; --link-strong: #8a2620; --border: #213b56; --row-border: #d2dde6; --head-from: #2f6fae; --head-to: #235383; --head-text: #ffffff; --header-from: #24496e; --header-to: #172f48; --nav-text: #edf0f3; --nav-active-bg: rgba(255, 209, 102, 0.22); --nav-active-text: #ffd166; --brand-a: #ffd166; --brand-b: #ffffff; --gold: #ffd166; --gold-dark: #e0b85a; --gold-text: #1d3a58; --accent: #2f6fae; --icon-from: #5489bd; --icon-to: #235383; --chip-bg: #d7e5f1; --chip-border: #bed3e7; --footer-from: #1d3a58; --footer-to: #122537; --footer-text: #dee4e9; --g1: #2f6fae; --g2: #ffd166; --g3: #24496e; color-scheme: light; --accent-text: #ffffff; --input-bg: #ffffff; --input-border: #bbc6d0; --shadow: 0 4px 14px rgba(36, 73, 110, 0.16); --online: #1f9d55; --online-bg: #e5f6ec; }
html:not([data-site])[data-theme="winter"] .los-home-bg { background: linear-gradient(180deg, #24496e 0%, #8ba0b5 30%, #f1f6fb 60%); }
html:not([data-site])[data-theme="winter"] { --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%3Cg transform='translate(30 30)' fill='none' stroke='%2324496e' 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='%2324496e' 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='%2324496e' 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='%2324496e' fill-opacity='0.12'/%3E%3Ccircle cx='80' cy='130' r='1.2' fill='%2324496e' 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='360' height='30' viewBox='0 0 360 30'%3E%3Cpath d='M0 30C40 18 90 16 140 24S260 18 360 26V30z' fill='%230f1f2f' fill-opacity='0.48'/%3E%3Cpath d='M200 30V16l14-9 14 9v14z M236 30V10a5 5 0 0 1 10 0v20z' fill='%230f1f2f' fill-opacity='0.6'/%3E%3Cpath d='M209 30v-7h10v7z' fill='%23ffd166' fill-opacity='0.6'/%3E%3Cpath d='M60 30V22l6-6 6 6v8z' fill='%230f1f2f' 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='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='%231d3a58' 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(36, 73, 110, 0.45); --t-gold-hi: #ffe19c; }
.los-theme-card[data-theme-choice="winter"] { 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='%230f1f2f' fill-opacity='0.6'/%3E%3Cpath d='M200 30V16l14-9 14 9v14z M236 30V10a5 5 0 0 1 10 0v20z' fill='%230f1f2f' fill-opacity='0.75'/%3E%3Cpath d='M209 30v-7h10v7z' fill='%23ffd166' fill-opacity='0.75'/%3E%3Cpath d='M60 30V22l6-6 6 6v8z' fill='%230f1f2f' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #24496e, #172f48); background-size: 216px 18px, 100% 40px; }
/* harvestnight */
html:not([data-site])[data-theme="harvestnight"] { --bg: #17131f; --surface: #211b2c; --surface-alt: #2b2338; --text: #f1e7da; --muted: #b3a38f; --link: #ffa64d; --link-strong: #ffbc7a; --border: #514b5c; --row-border: #433b4b; --head-from: #d96a1e; --head-to: #a35017; --head-text: #ffffff; --header-from: #120e19; --header-to: #0c0910; --nav-text: #ececed; --nav-active-bg: rgba(255, 179, 71, 0.22); --nav-active-text: #ffb347; --brand-a: #ffb347; --brand-b: #ffffff; --gold: #ffb347; --gold-dark: #e09e3e; --gold-text: #0e0b14; --accent: #d96a1e; --icon-from: #e08547; --icon-to: #a35017; --chip-bg: #352736; --chip-border: #4e3133; --footer-from: #0e0b14; --footer-to: #09070d; --footer-text: #dbdbdd; --g1: #d96a1e; --g2: #ffb347; --g3: #120e19; color-scheme: dark; --accent-text: #ffffff; --input-bg: #110e17; --input-border: #4b4456; --shadow: 0 4px 18px rgba(0, 0, 0, 0.5); --online: #5fd08a; --online-bg: rgba(95, 208, 138, 0.14); }
html:not([data-site])[data-theme="harvestnight"] .los-home-bg { background: linear-gradient(180deg, #120e19 0%, #15111c 30%, #17131f 60%); }
html:not([data-site])[data-theme="harvestnight"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(217, 106, 30, 0.22), 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(28 32) scale(1)'%3E%3Cellipse cx='-5' cy='0' rx='6' ry='8' fill='%23ff8a1c' fill-opacity='0.126'/%3E%3Cellipse cx='5' cy='0' rx='6' ry='8' fill='%23ff8a1c' fill-opacity='0.126'/%3E%3Cellipse cx='0' cy='0' rx='6' ry='8.5' fill='%23ff8a1c' fill-opacity='0.154'/%3E%3Cpath d='M0-8c0-3 1-4 3-5' fill='none' stroke='%23ffd191' stroke-opacity='0.14' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(100 96) scale(0.8)'%3E%3Cellipse cx='-5' cy='0' rx='6' ry='8' fill='%23ff8a1c' fill-opacity='0.126'/%3E%3Cellipse cx='5' cy='0' rx='6' ry='8' fill='%23ff8a1c' fill-opacity='0.126'/%3E%3Cellipse cx='0' cy='0' rx='6' ry='8.5' fill='%23ff8a1c' fill-opacity='0.154'/%3E%3Cpath d='M0-8c0-3 1-4 3-5' fill='none' stroke='%23ffd191' stroke-opacity='0.14' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(104 24) scale(0.5)'%3E%3Cellipse cx='-5' cy='0' rx='6' ry='8' fill='%23ff8a1c' fill-opacity='0.126'/%3E%3Cellipse cx='5' cy='0' rx='6' ry='8' fill='%23ff8a1c' fill-opacity='0.126'/%3E%3Cellipse cx='0' cy='0' rx='6' ry='8.5' fill='%23ff8a1c' fill-opacity='0.154'/%3E%3Cpath d='M0-8c0-3 1-4 3-5' fill='none' stroke='%23ffd191' stroke-opacity='0.14' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(26 116) scale(0.6)'%3E%3Cellipse cx='-5' cy='0' rx='6' ry='8' fill='%23ff8a1c' fill-opacity='0.126'/%3E%3Cellipse cx='5' cy='0' rx='6' ry='8' fill='%23ff8a1c' fill-opacity='0.126'/%3E%3Cellipse cx='0' cy='0' rx='6' ry='8.5' fill='%23ff8a1c' fill-opacity='0.154'/%3E%3Cpath d='M0-8c0-3 1-4 3-5' fill='none' stroke='%23ffd191' stroke-opacity='0.14' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Ccircle cx='70' cy='60' r='1.4' fill='%23ffd191' fill-opacity='0.175'/%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(28 32) scale(1)'%3E%3Cellipse cx='-5' cy='0' rx='6' ry='8' fill='%23ffffff' fill-opacity='0.126'/%3E%3Cellipse cx='5' cy='0' rx='6' ry='8' fill='%23ffffff' fill-opacity='0.126'/%3E%3Cellipse cx='0' cy='0' rx='6' ry='8.5' fill='%23ffffff' fill-opacity='0.154'/%3E%3Cpath d='M0-8c0-3 1-4 3-5' fill='none' stroke='%23ffffff' stroke-opacity='0.14' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(100 96) scale(0.8)'%3E%3Cellipse cx='-5' cy='0' rx='6' ry='8' fill='%23ffffff' fill-opacity='0.126'/%3E%3Cellipse cx='5' cy='0' rx='6' ry='8' fill='%23ffffff' fill-opacity='0.126'/%3E%3Cellipse cx='0' cy='0' rx='6' ry='8.5' fill='%23ffffff' fill-opacity='0.154'/%3E%3Cpath d='M0-8c0-3 1-4 3-5' fill='none' stroke='%23ffffff' stroke-opacity='0.14' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(104 24) scale(0.5)'%3E%3Cellipse cx='-5' cy='0' rx='6' ry='8' fill='%23ffffff' fill-opacity='0.126'/%3E%3Cellipse cx='5' cy='0' rx='6' ry='8' fill='%23ffffff' fill-opacity='0.126'/%3E%3Cellipse cx='0' cy='0' rx='6' ry='8.5' fill='%23ffffff' fill-opacity='0.154'/%3E%3Cpath d='M0-8c0-3 1-4 3-5' fill='none' stroke='%23ffffff' stroke-opacity='0.14' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(26 116) scale(0.6)'%3E%3Cellipse cx='-5' cy='0' rx='6' ry='8' fill='%23ffffff' fill-opacity='0.126'/%3E%3Cellipse cx='5' cy='0' rx='6' ry='8' fill='%23ffffff' fill-opacity='0.126'/%3E%3Cellipse cx='0' cy='0' rx='6' ry='8.5' fill='%23ffffff' fill-opacity='0.154'/%3E%3Cpath d='M0-8c0-3 1-4 3-5' fill='none' stroke='%23ffffff' stroke-opacity='0.14' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Ccircle cx='70' cy='60' r='1.4' fill='%23ffffff' fill-opacity='0.175'/%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='180' height='30' viewBox='0 0 180 30'%3E%3Cpath d='M0 30h180v-4H0z' fill='%2338353e' fill-opacity='0.6'/%3E%3Cg transform='translate(20 21) scale(1)'%3E%3Cellipse cx='-5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='0.84'/%3E%3Cellipse cx='5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='0.84'/%3E%3Cellipse rx='6' ry='7.4' fill='%23ffb347' fill-opacity='0.96'/%3E%3Cpath d='M-3-2l2-2 1 2zM2-2l2-2 1 2zM-4 3q4 3 8 0' fill='%2338353e' fill-opacity='0.6'/%3E%3Cpath d='M0-7v-3' fill='none' stroke='%2338353e' stroke-opacity='0.6' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(64 18.9) scale(1.3)'%3E%3Cellipse cx='-5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='0.84'/%3E%3Cellipse cx='5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='0.84'/%3E%3Cellipse rx='6' ry='7.4' fill='%23ffb347' fill-opacity='0.96'/%3E%3Cpath d='M-3-2l2-2 1 2zM2-2l2-2 1 2zM-4 3q4 3 8 0' fill='%2338353e' fill-opacity='0.6'/%3E%3Cpath d='M0-7v-3' fill='none' stroke='%2338353e' stroke-opacity='0.6' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(110 21.7) scale(0.9)'%3E%3Cellipse cx='-5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='0.84'/%3E%3Cellipse cx='5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='0.84'/%3E%3Cellipse rx='6' ry='7.4' fill='%23ffb347' fill-opacity='0.96'/%3E%3Cpath d='M-3-2l2-2 1 2zM2-2l2-2 1 2zM-4 3q4 3 8 0' fill='%2338353e' fill-opacity='0.6'/%3E%3Cpath d='M0-7v-3' fill='none' stroke='%2338353e' stroke-opacity='0.6' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(150 19.6) scale(1.2)'%3E%3Cellipse cx='-5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='0.84'/%3E%3Cellipse cx='5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='0.84'/%3E%3Cellipse rx='6' ry='7.4' fill='%23ffb347' fill-opacity='0.96'/%3E%3Cpath d='M-3-2l2-2 1 2zM2-2l2-2 1 2zM-4 3q4 3 8 0' fill='%2338353e' fill-opacity='0.6'/%3E%3Cpath d='M0-7v-3' fill='none' stroke='%2338353e' stroke-opacity='0.6' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%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 30h180v-4H0z' fill='%230e0b14' fill-opacity='1'/%3E%3Cg transform='translate(20 21) scale(1)'%3E%3Cellipse cx='-5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='1'/%3E%3Cellipse cx='5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='1'/%3E%3Cellipse rx='6' ry='7.4' fill='%23ffb347' fill-opacity='1'/%3E%3Cpath d='M-3-2l2-2 1 2zM2-2l2-2 1 2zM-4 3q4 3 8 0' fill='%230e0b14' fill-opacity='1'/%3E%3Cpath d='M0-7v-3' fill='none' stroke='%230e0b14' stroke-opacity='1' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(64 18.9) scale(1.3)'%3E%3Cellipse cx='-5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='1'/%3E%3Cellipse cx='5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='1'/%3E%3Cellipse rx='6' ry='7.4' fill='%23ffb347' fill-opacity='1'/%3E%3Cpath d='M-3-2l2-2 1 2zM2-2l2-2 1 2zM-4 3q4 3 8 0' fill='%230e0b14' fill-opacity='1'/%3E%3Cpath d='M0-7v-3' fill='none' stroke='%230e0b14' stroke-opacity='1' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(110 21.7) scale(0.9)'%3E%3Cellipse cx='-5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='1'/%3E%3Cellipse cx='5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='1'/%3E%3Cellipse rx='6' ry='7.4' fill='%23ffb347' fill-opacity='1'/%3E%3Cpath d='M-3-2l2-2 1 2zM2-2l2-2 1 2zM-4 3q4 3 8 0' fill='%230e0b14' fill-opacity='1'/%3E%3Cpath d='M0-7v-3' fill='none' stroke='%230e0b14' stroke-opacity='1' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(150 19.6) scale(1.2)'%3E%3Cellipse cx='-5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='1'/%3E%3Cellipse cx='5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='1'/%3E%3Cellipse rx='6' ry='7.4' fill='%23ffb347' fill-opacity='1'/%3E%3Cpath d='M-3-2l2-2 1 2zM2-2l2-2 1 2zM-4 3q4 3 8 0' fill='%230e0b14' fill-opacity='1'/%3E%3Cpath d='M0-7v-3' fill='none' stroke='%230e0b14' stroke-opacity='1' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E"); --t-foot-size: 180px 30px; --t-foot-size-sm: 126px 21px; --t-edge: rgba(255, 179, 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: #ffce87; }
.los-theme-card[data-theme-choice="harvestnight"] { 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 30h180v-4H0z' fill='%2338353e' fill-opacity='0.75'/%3E%3Cg transform='translate(20 21) scale(1)'%3E%3Cellipse cx='-5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='1'/%3E%3Cellipse cx='5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='1'/%3E%3Cellipse rx='6' ry='7.4' fill='%23ffb347' fill-opacity='1'/%3E%3Cpath d='M-3-2l2-2 1 2zM2-2l2-2 1 2zM-4 3q4 3 8 0' fill='%2338353e' fill-opacity='0.75'/%3E%3Cpath d='M0-7v-3' fill='none' stroke='%2338353e' stroke-opacity='0.75' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(64 18.9) scale(1.3)'%3E%3Cellipse cx='-5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='1'/%3E%3Cellipse cx='5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='1'/%3E%3Cellipse rx='6' ry='7.4' fill='%23ffb347' fill-opacity='1'/%3E%3Cpath d='M-3-2l2-2 1 2zM2-2l2-2 1 2zM-4 3q4 3 8 0' fill='%2338353e' fill-opacity='0.75'/%3E%3Cpath d='M0-7v-3' fill='none' stroke='%2338353e' stroke-opacity='0.75' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(110 21.7) scale(0.9)'%3E%3Cellipse cx='-5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='1'/%3E%3Cellipse cx='5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='1'/%3E%3Cellipse rx='6' ry='7.4' fill='%23ffb347' fill-opacity='1'/%3E%3Cpath d='M-3-2l2-2 1 2zM2-2l2-2 1 2zM-4 3q4 3 8 0' fill='%2338353e' fill-opacity='0.75'/%3E%3Cpath d='M0-7v-3' fill='none' stroke='%2338353e' stroke-opacity='0.75' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(150 19.6) scale(1.2)'%3E%3Cellipse cx='-5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='1'/%3E%3Cellipse cx='5' cy='0' rx='6' ry='7' fill='%23ffb347' fill-opacity='1'/%3E%3Cellipse rx='6' ry='7.4' fill='%23ffb347' fill-opacity='1'/%3E%3Cpath d='M-3-2l2-2 1 2zM2-2l2-2 1 2zM-4 3q4 3 8 0' fill='%2338353e' fill-opacity='0.75'/%3E%3Cpath d='M0-7v-3' fill='none' stroke='%2338353e' stroke-opacity='0.75' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(180deg, #120e19, #0c0910); background-size: 108px 18px, 100% 40px; }
/* castle-dragon */
html[data-site="castle"][data-theme="castle-dragon"] { --bg: #160f0e; --surface: #211615; --surface-alt: #2c1d1b; --text: #f3e4dc; --muted: #b89c90; --link: #ff7a4d; --link-strong: #ff9b7a; --border: #524644; --row-border: #443532; --head-from: #b3261e; --head-to: #861d17; --head-text: #ffffff; --header-from: #120a09; --header-to: #0c0706; --nav-text: #ecebeb; --nav-active-bg: rgba(242, 163, 58, 0.22); --nav-active-text: #f2a33a; --brand-a: #f2a33a; --brand-b: #ffffff; --gold: #f2a33a; --gold-dark: #d58f33; --gold-text: #0e0807; --accent: #b3261e; --icon-from: #c14d47; --icon-to: #861d17; --chip-bg: #341e1b; --chip-border: #471f1c; --footer-from: #0e0807; --footer-to: #090505; --footer-text: #dbdada; --g1: #b3261e; --g2: #f2a33a; --g3: #120a09; color-scheme: dark; --accent-text: #ffffff; --input-bg: #110b0b; --input-border: #4c3f3d; --shadow: 0 4px 18px rgba(0, 0, 0, 0.5); --online: #5fd08a; --online-bg: rgba(95, 208, 138, 0.14); }
html[data-site="castle"][data-theme="castle-dragon"] .los-home-bg { background: linear-gradient(180deg, #120a09 0%, #140d0c 30%, #160f0e 60%); }
html[data-site="castle"][data-theme="castle-dragon"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(179, 38, 30, 0.22), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24' viewBox='0 0 48 24'%3E%3Cpath d='M0 12a12 12 0 0 1 24 0M24 12a12 12 0 0 1 24 0M-12 24a12 12 0 0 1 24 0M12 24a12 12 0 0 1 24 0M36 24a12 12 0 0 1 24 0' fill='none' stroke='%23f7c889' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 6a4 4 0 0 1 4 4' fill='none' stroke='%23ff7a4d' stroke-opacity='0.098' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-page-size: 48px 24px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24' viewBox='0 0 48 24'%3E%3Cpath d='M0 12a12 12 0 0 1 24 0M24 12a12 12 0 0 1 24 0M-12 24a12 12 0 0 1 24 0M12 24a12 12 0 0 1 24 0M36 24a12 12 0 0 1 24 0' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 6a4 4 0 0 1 4 4' fill='none' stroke='%23ffffff' stroke-opacity='0.098' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-header-tile-size: 48px 24px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 36px 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%3Cpath d='M0 30L30 10l20 12 30-18 30 22 24-14 26 18z' fill='%23383130' fill-opacity='0.6'/%3E%3Cpath d='M74 8l6-4 7 6z' fill='%23f2a33a' 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='136' height='30' viewBox='0 0 136 30'%3E%3Cpath d='M0 30V16h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v14z' fill='%230e0807' 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='%23f2a33a' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 136px 30px; --t-foot-size-sm: 95px 21px; --t-edge: rgba(242, 163, 58, 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: #f7c37f; }
.los-theme-card[data-theme-choice="castle-dragon"] { 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='%23383130' fill-opacity='0.75'/%3E%3Cpath d='M74 8l6-4 7 6z' fill='%23f2a33a' fill-opacity='0.9'/%3E%3C/svg%3E"), linear-gradient(180deg, #120a09, #0c0706); background-size: 96px 18px, 100% 40px; }
/* castle-sea */
html[data-site="castle"][data-theme="castle-sea"] { --bg: #eef7f8; --surface: #fbfefe; --surface-alt: #dcedf0; --text: #16323a; --muted: #57737a; --link: #1f7a8c; --link-strong: #175c69; --border: #193e4a; --row-border: #ccdee1; --head-from: #2a8fa3; --head-to: #206b7a; --head-text: #ffffff; --header-from: #1b4a5a; --header-to: #12303b; --nav-text: #edf1f2; --nav-active-bg: rgba(242, 194, 48, 0.22); --nav-active-text: #f2c230; --brand-a: #f2c230; --brand-b: #ffffff; --gold: #f2c230; --gold-dark: #d5ab2a; --gold-text: #163b48; --accent: #2a8fa3; --icon-from: #50a3b4; --icon-to: #206b7a; --chip-bg: #d1e7eb; --chip-border: #b8dae1; --footer-from: #163b48; --footer-to: #0e252d; --footer-text: #dde4e6; --g1: #2a8fa3; --g2: #f2c230; --g3: #1b4a5a; color-scheme: light; --accent-text: #ffffff; --input-bg: #ffffff; --input-border: #b4c8cc; --shadow: 0 4px 14px rgba(27, 74, 90, 0.16); --online: #1f9d55; --online-bg: #e5f6ec; }
html[data-site="castle"][data-theme="castle-sea"] .los-home-bg { background: linear-gradient(180deg, #1b4a5a 0%, #85a1a9 30%, #eef7f8 60%); }
html[data-site="castle"][data-theme="castle-sea"] { --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='20' viewBox='0 0 40 20'%3E%3Cpath d='M0 20a10 10 0 0 1 20 0 10 10 0 0 1 20 0M-10 30a10 10 0 0 1 20 0 10 10 0 0 1 20 0 10 10 0 0 1 20 0M0 20a6 6 0 0 1 12 0M20 20a6 6 0 0 1 12 0' fill='none' stroke='%231b4a5a' stroke-opacity='0.06' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 20a2 2 0 0 1 4 0' fill='none' stroke='%23f2c230' stroke-opacity='0.06' stroke-width='0.9' 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 20a10 10 0 0 1 20 0 10 10 0 0 1 20 0M-10 30a10 10 0 0 1 20 0 10 10 0 0 1 20 0 10 10 0 0 1 20 0M0 20a6 6 0 0 1 12 0M20 20a6 6 0 0 1 12 0' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 20a2 2 0 0 1 4 0' 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: 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='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30V22h20v-4h4v4h6v-4h4v4h6v-4h4v4h16v8z' fill='%230c1f26' fill-opacity='0.51'/%3E%3Cpath d='M70 30V12h-3l9-10 9 10h-3v18z M120 30V18h22V8h4v4h4V8h4v4h4V8h4v10h22v12z M200 30V14h-3l8-9 8 9h-3v16z' fill='%230c1f26' 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='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='%23163b48' fill-opacity='1'/%3E%3Cpath d='M0 30v-4c20-6 30-6 40 0s20 6 40 0 30-6 40 0 20 6 40 0v4z' fill='%23163b48' fill-opacity='1'/%3E%3Cpath d='M14 17c4-2 8-2 10 0M94 17c4-2 8-2 10 0' fill='none' stroke='%23f2c230' stroke-opacity='1' stroke-width='1.2' stroke-linecap='round'/%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(27, 74, 90, 0.45); --t-gold-hi: #f7d778; }
.los-theme-card[data-theme-choice="castle-sea"] { 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='%230c1f26' fill-opacity='0.638'/%3E%3Cpath d='M70 30V12h-3l9-10 9 10h-3v18z M120 30V18h22V8h4v4h4V8h4v4h4V8h4v10h22v12z M200 30V14h-3l8-9 8 9h-3v16z' fill='%230c1f26' 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, #1b4a5a, #12303b); background-size: 144px 18px, 100% 40px; }
/* castle-fair */
html[data-site="castle"][data-theme="castle-fair"] { --bg: #fbf3e8; --surface: #fffbf5; --surface-alt: #f3e3cc; --text: #3a2512; --muted: #86684a; --link: #a8461c; --link-strong: #7e3515; --border: #4a2912; --row-border: #e4d4bd; --head-from: #c4581f; --head-to: #934217; --head-text: #ffffff; --header-from: #5a2d12; --header-to: #3b1d0c; --nav-text: #f2eeec; --nav-active-bg: rgba(242, 194, 48, 0.22); --nav-active-text: #f2c230; --brand-a: #f2c230; --brand-b: #ffffff; --gold: #f2c230; --gold-dark: #d5ab2a; --gold-text: #48240e; --accent: #c4581f; --icon-from: #cf7647; --icon-to: #934217; --chip-bg: #f0dbc2; --chip-border: #eac7a9; --footer-from: #48240e; --footer-to: #2d1709; --footer-text: #e6e0db; --g1: #c4581f; --g2: #f2c230; --g3: #5a2d12; color-scheme: light; --accent-text: #ffffff; --input-bg: #ffffff; --input-border: #cebda7; --shadow: 0 4px 14px rgba(90, 45, 18, 0.16); --online: #1f9d55; --online-bg: #e5f6ec; }
html[data-site="castle"][data-theme="castle-fair"] .los-home-bg { background: linear-gradient(180deg, #5a2d12 0%, #ab907d 30%, #fbf3e8 60%); }
html[data-site="castle"][data-theme="castle-fair"] { --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='M0 8C40 18 80 18 120 8' fill='none' stroke='%235a2d12' stroke-opacity='0.06' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 11h12l-6 12z' fill='%235a2d12' fill-opacity='0.096'/%3E%3Cpath d='M30 14h12l-6 12z' fill='%23c4581f' fill-opacity='0.096'/%3E%3Cpath d='M52 14h12l-6 12z' fill='%235a2d12' fill-opacity='0.096'/%3E%3Cpath d='M74 14h12l-6 12z' fill='%23c4581f' fill-opacity='0.096'/%3E%3Cpath d='M96 11h12l-6 12z' fill='%235a2d12' fill-opacity='0.096'/%3E%3Ccircle cx='60' cy='80' r='1.5' fill='%235a2d12' 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='M0 8C40 18 80 18 120 8' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 11h12l-6 12z' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cpath d='M30 14h12l-6 12z' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cpath d='M52 14h12l-6 12z' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cpath d='M74 14h12l-6 12z' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cpath d='M96 11h12l-6 12z' fill='%23ffffff' fill-opacity='0.112'/%3E%3Ccircle cx='60' cy='80' r='1.5' 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='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30v-3h240v3z' fill='%23744f38' fill-opacity='0.6'/%3E%3Cpath d='M20 27V15l12-9 12 9v12z' fill='%23744f38' fill-opacity='0.6'/%3E%3Cpath d='M26 27V13M38 27V13' fill='none' stroke='%23f2c230' stroke-opacity='0.6' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M32 6V0l6 2-6 2' fill='%23f2c230' fill-opacity='0.84'/%3E%3Cpath d='M100 27V15l12-9 12 9v12z' fill='%23744f38' fill-opacity='0.6'/%3E%3Cpath d='M106 27V13M118 27V13' fill='none' stroke='%23f2c230' stroke-opacity='0.6' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M112 6V0l6 2-6 2' fill='%23f2c230' fill-opacity='0.84'/%3E%3Cpath d='M180 27V15l12-9 12 9v12z' fill='%23744f38' fill-opacity='0.6'/%3E%3Cpath d='M186 27V13M198 27V13' fill='none' stroke='%23f2c230' stroke-opacity='0.6' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M192 6V0l6 2-6 2' fill='%23f2c230' 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 30v-3h240v3z' fill='%2348240e' fill-opacity='1'/%3E%3Cpath d='M20 27V15l12-9 12 9v12z' fill='%2348240e' fill-opacity='1'/%3E%3Cpath d='M26 27V13M38 27V13' fill='none' stroke='%23f2c230' stroke-opacity='1' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M32 6V0l6 2-6 2' fill='%23f2c230' fill-opacity='1'/%3E%3Cpath d='M100 27V15l12-9 12 9v12z' fill='%2348240e' fill-opacity='1'/%3E%3Cpath d='M106 27V13M118 27V13' fill='none' stroke='%23f2c230' stroke-opacity='1' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M112 6V0l6 2-6 2' fill='%23f2c230' fill-opacity='1'/%3E%3Cpath d='M180 27V15l12-9 12 9v12z' fill='%2348240e' fill-opacity='1'/%3E%3Cpath d='M186 27V13M198 27V13' fill='none' stroke='%23f2c230' stroke-opacity='1' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M192 6V0l6 2-6 2' 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(90, 45, 18, 0.45); --t-gold-hi: #f7d778; }
.los-theme-card[data-theme-choice="castle-fair"] { 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 30v-3h240v3z' fill='%23744f38' fill-opacity='0.75'/%3E%3Cpath d='M20 27V15l12-9 12 9v12z' fill='%23744f38' fill-opacity='0.75'/%3E%3Cpath d='M26 27V13M38 27V13' fill='none' stroke='%23f2c230' stroke-opacity='0.75' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M32 6V0l6 2-6 2' fill='%23f2c230' fill-opacity='1'/%3E%3Cpath d='M100 27V15l12-9 12 9v12z' fill='%23744f38' fill-opacity='0.75'/%3E%3Cpath d='M106 27V13M118 27V13' fill='none' stroke='%23f2c230' stroke-opacity='0.75' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M112 6V0l6 2-6 2' fill='%23f2c230' fill-opacity='1'/%3E%3Cpath d='M180 27V15l12-9 12 9v12z' fill='%23744f38' fill-opacity='0.75'/%3E%3Cpath d='M186 27V13M198 27V13' fill='none' stroke='%23f2c230' stroke-opacity='0.75' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M192 6V0l6 2-6 2' fill='%23f2c230' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #5a2d12, #3b1d0c); background-size: 144px 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; }
/* city-harbor */
html[data-site="city"][data-theme="city-harbor"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 201, 74, 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 20a10 10 0 0 1 20 0 10 10 0 0 1 20 0M-10 30a10 10 0 0 1 20 0 10 10 0 0 1 20 0 10 10 0 0 1 20 0M0 20a6 6 0 0 1 12 0M20 20a6 6 0 0 1 12 0' fill='none' stroke='%23173f57' stroke-opacity='0.06' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 20a2 2 0 0 1 4 0' fill='none' stroke='%23ffc94a' stroke-opacity='0.06' stroke-width='0.9' 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 20a10 10 0 0 1 20 0 10 10 0 0 1 20 0M-10 30a10 10 0 0 1 20 0 10 10 0 0 1 20 0 10 10 0 0 1 20 0M0 20a6 6 0 0 1 12 0M20 20a6 6 0 0 1 12 0' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 20a2 2 0 0 1 4 0' 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: 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='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30v-6h240v6z' fill='%233c5e72' fill-opacity='0.6'/%3E%3Cpath d='M20 24V6h3v18zM23 7h26v2H23zM46 9v8' fill='%233c5e72' fill-opacity='0.6'/%3E%3Cpath d='M46 17h4v3h-4z' fill='%23ffc94a' fill-opacity='0.84'/%3E%3Cpath d='M90 24l4-6h30l6 6z M100 18V12h12v6z M140 24l2-4h18l3 4z M150 20v-8l8 8z' fill='%233c5e72' fill-opacity='0.6'/%3E%3Cpath d='M104 14h2v2h-2zM108 14h2v2h-2z' fill='%23ffc94a' fill-opacity='0.96'/%3E%3Cpath d='M190 24V10h3v14zM193 11h22v2h-22z' fill='%233c5e72' 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 30v-6h240v6z' fill='%23123246' fill-opacity='1'/%3E%3Cpath d='M20 24V6h3v18zM23 7h26v2H23zM46 9v8' fill='%23123246' fill-opacity='1'/%3E%3Cpath d='M46 17h4v3h-4z' fill='%23ffc94a' fill-opacity='1'/%3E%3Cpath d='M90 24l4-6h30l6 6z M100 18V12h12v6z M140 24l2-4h18l3 4z M150 20v-8l8 8z' fill='%23123246' fill-opacity='1'/%3E%3Cpath d='M104 14h2v2h-2zM108 14h2v2h-2z' fill='%23ffc94a' fill-opacity='1'/%3E%3Cpath d='M190 24V10h3v14zM193 11h22v2h-22z' fill='%23123246' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(255, 201, 74, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(23, 63, 87, 0.45); --t-gold-hi: #ffdc89; }
.los-theme-card[data-theme-choice="city-harbor"] { 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 30v-6h240v6z' fill='%233c5e72' fill-opacity='0.75'/%3E%3Cpath d='M20 24V6h3v18zM23 7h26v2H23zM46 9v8' fill='%233c5e72' fill-opacity='0.75'/%3E%3Cpath d='M46 17h4v3h-4z' fill='%23ffc94a' fill-opacity='1'/%3E%3Cpath d='M90 24l4-6h30l6 6z M100 18V12h12v6z M140 24l2-4h18l3 4z M150 20v-8l8 8z' fill='%233c5e72' fill-opacity='0.75'/%3E%3Cpath d='M104 14h2v2h-2zM108 14h2v2h-2z' fill='%23ffc94a' fill-opacity='1'/%3E%3Cpath d='M190 24V10h3v14zM193 11h22v2h-22z' fill='%233c5e72' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #173f57, #0f2939); background-size: 144px 18px, 100% 40px; }
/* city-winter */
html[data-site="city"][data-theme="city-winter"] { --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%3Cg transform='translate(30 30)' fill='none' stroke='%232a3a4f' 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='%232a3a4f' 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='%232a3a4f' 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='%232a3a4f' fill-opacity='0.12'/%3E%3Ccircle cx='80' cy='130' r='1.2' fill='%232a3a4f' 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='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='%234c5a6b' fill-opacity='0.6'/%3E%3Crect x='38' y='8' width='2.4' height='3' fill='%23ffd166' fill-opacity='0.84'/%3E%3Crect x='44' y='14' width='2.4' height='3' fill='%23ffd166' fill-opacity='0.84'/%3E%3Crect x='38' y='20' width='2.4' height='3' fill='%23ffd166' fill-opacity='0.84'/%3E%3Crect x='58' y='18' width='2.4' height='3' fill='%23ffd166' fill-opacity='0.84'/%3E%3Crect x='70' y='12' width='2.4' height='3' fill='%23ffd166' fill-opacity='0.84'/%3E%3Crect x='70' y='22' width='2.4' height='3' fill='%23ffd166' fill-opacity='0.84'/%3E%3Crect x='122' y='10' width='2.4' height='3' fill='%23ffd166' fill-opacity='0.84'/%3E%3Crect x='130' y='16' width='2.4' height='3' fill='%23ffd166' fill-opacity='0.84'/%3E%3Crect x='122' y='22' width='2.4' height='3' fill='%23ffd166' fill-opacity='0.84'/%3E%3Crect x='174' y='14' width='2.4' height='3' fill='%23ffd166' fill-opacity='0.84'/%3E%3Crect x='180' y='22' width='2.4' height='3' fill='%23ffd166' fill-opacity='0.84'/%3E%3Crect x='224' y='12' width='2.4' height='3' fill='%23ffd166' fill-opacity='0.84'/%3E%3Crect x='232' y='18' width='2.4' height='3' fill='%23ffd166' fill-opacity='0.84'/%3E%3Crect x='268' y='16' width='2.4' height='3' fill='%23ffd166' fill-opacity='0.84'/%3E%3Crect x='272' y='24' width='2.4' height='3' fill='%23ffd166' 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='%23222e3f' fill-opacity='1'/%3E%3Crect x='38' y='8' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='44' y='14' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='38' y='20' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='58' y='18' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='70' y='12' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='70' y='22' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='122' y='10' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='130' y='16' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='122' y='22' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='174' y='14' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='180' y='22' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='224' y='12' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='232' y='18' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='268' y='16' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='272' y='24' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 300px 30px; --t-foot-size-sm: 210px 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(42, 58, 79, 0.45); --t-gold-hi: #ffe19c; }
.los-theme-card[data-theme-choice="city-winter"] { 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='%234c5a6b' fill-opacity='0.75'/%3E%3Crect x='38' y='8' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='44' y='14' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='38' y='20' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='58' y='18' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='70' y='12' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='70' y='22' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='122' y='10' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='130' y='16' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='122' y='22' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='174' y='14' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='180' y='22' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='224' y='12' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='232' y='18' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='268' y='16' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3Crect x='272' y='24' width='2.4' height='3' fill='%23ffd166' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #2a3a4f, #1b2633); background-size: 180px 18px, 100% 40px; }
/* city-neon */
html[data-site="city"][data-theme="city-neon"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(123, 63, 242, 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='%23ff5fd2' stroke-opacity='0.098' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='.5' cy='.5' r='1.6' fill='%23ff5fd2' 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='%23302e3f' 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='%23060515' 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="city-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='%23302e3f' 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, #08061a, #050411); 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; }
/* cars-route66 */
html[data-site="cars"][data-theme="cars-route66"] { --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='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='%235a3218' 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='%235a3218' 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='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30V20h200v10z' fill='%2374533d' 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='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30v-4h240v4z' fill='%23482813' fill-opacity='1'/%3E%3Cpath d='M20 26V12h6l4-4h24l4 4h4v14z M120 26V16l6-4h20l6 4v10z M190 26V8h20v18z' fill='%23482813' fill-opacity='1'/%3E%3Cpath d='M84 26v-14M84 18h-5v-4M84 16h5v-4' fill='none' stroke='%23482813' stroke-opacity='1' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 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(90, 50, 24, 0.45); --t-gold-hi: #ffd983; }
.los-theme-card[data-theme-choice="cars-route66"] { 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='%2374533d' 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, #5a3218, #3b2110); background-size: 120px 18px, 100% 40px; }
/* cars-pitlane */
html[data-site="cars"][data-theme="cars-pitlane"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 210, 63, 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='%231b1c20' fill-opacity='0.06'/%3E%3Crect x='16' y='16' width='16' height='16' fill='%231b1c20' 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='%233f4044' fill-opacity='0.6'/%3E%3Crect x='8' y='26' width='8' height='4' fill='%233f4044' fill-opacity='0.6'/%3E%3Crect x='16' y='22' width='8' height='4' fill='%233f4044' fill-opacity='0.6'/%3E%3Crect x='24' y='26' width='8' height='4' fill='%233f4044' fill-opacity='0.6'/%3E%3Crect x='32' y='22' width='8' height='4' fill='%233f4044' fill-opacity='0.6'/%3E%3Crect x='40' y='26' width='8' height='4' fill='%233f4044' fill-opacity='0.6'/%3E%3Crect x='48' y='22' width='8' height='4' fill='%233f4044' fill-opacity='0.6'/%3E%3Crect x='56' y='26' width='8' height='4' fill='%233f4044' fill-opacity='0.6'/%3E%3Crect x='64' y='22' width='8' height='4' fill='%233f4044' fill-opacity='0.6'/%3E%3Crect x='72' y='26' width='8' height='4' fill='%233f4044' fill-opacity='0.6'/%3E%3Crect x='80' y='22' width='8' height='4' fill='%233f4044' fill-opacity='0.6'/%3E%3Crect x='88' y='26' width='8' height='4' fill='%233f4044' fill-opacity='0.6'/%3E%3Crect x='96' y='22' width='8' height='4' fill='%233f4044' fill-opacity='0.6'/%3E%3Crect x='104' y='26' width='8' height='4' fill='%233f4044' fill-opacity='0.6'/%3E%3Crect x='112' y='22' width='8' height='4' fill='%233f4044' fill-opacity='0.6'/%3E%3Crect x='120' y='26' width='8' height='4' fill='%233f4044' fill-opacity='0.6'/%3E%3Crect x='128' y='22' width='8' height='4' fill='%233f4044' fill-opacity='0.6'/%3E%3Crect x='136' y='26' width='8' height='4' fill='%233f4044' fill-opacity='0.6'/%3E%3Crect x='144' y='22' width='8' height='4' fill='%233f4044' fill-opacity='0.6'/%3E%3Crect x='152' y='26' width='8' height='4' fill='%233f4044' fill-opacity='0.6'/%3E%3Crect x='0' y='26' width='8' height='4' fill='%23ffd23f' fill-opacity='0.3'/%3E%3Crect x='8' y='22' width='8' height='4' fill='%23ffd23f' fill-opacity='0.3'/%3E%3Crect x='16' y='26' width='8' height='4' fill='%23ffd23f' fill-opacity='0.3'/%3E%3Crect x='24' y='22' width='8' height='4' fill='%23ffd23f' fill-opacity='0.3'/%3E%3Crect x='32' y='26' width='8' height='4' fill='%23ffd23f' fill-opacity='0.3'/%3E%3Crect x='40' y='22' width='8' height='4' fill='%23ffd23f' fill-opacity='0.3'/%3E%3Crect x='48' y='26' width='8' height='4' fill='%23ffd23f' fill-opacity='0.3'/%3E%3Crect x='56' y='22' width='8' height='4' fill='%23ffd23f' fill-opacity='0.3'/%3E%3Crect x='64' y='26' width='8' height='4' fill='%23ffd23f' fill-opacity='0.3'/%3E%3Crect x='72' y='22' width='8' height='4' fill='%23ffd23f' fill-opacity='0.3'/%3E%3Crect x='80' y='26' width='8' height='4' fill='%23ffd23f' fill-opacity='0.3'/%3E%3Crect x='88' y='22' width='8' height='4' fill='%23ffd23f' fill-opacity='0.3'/%3E%3Crect x='96' y='26' width='8' height='4' fill='%23ffd23f' fill-opacity='0.3'/%3E%3Crect x='104' y='22' width='8' height='4' fill='%23ffd23f' fill-opacity='0.3'/%3E%3Crect x='112' y='26' width='8' height='4' fill='%23ffd23f' fill-opacity='0.3'/%3E%3Crect x='120' y='22' width='8' height='4' fill='%23ffd23f' fill-opacity='0.3'/%3E%3Crect x='128' y='26' width='8' height='4' fill='%23ffd23f' fill-opacity='0.3'/%3E%3Crect x='136' y='22' width='8' height='4' fill='%23ffd23f' fill-opacity='0.3'/%3E%3Crect x='144' y='26' width='8' height='4' fill='%23ffd23f' fill-opacity='0.3'/%3E%3Crect x='152' y='22' width='8' height='4' fill='%23ffd23f' 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='%2316161a' fill-opacity='1'/%3E%3Cpath d='M10 25h24M70 25h24M130 25h24' fill='none' stroke='%23ffd23f' stroke-opacity='1' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='180' cy='16' r='1.6' fill='%23ffd23f' fill-opacity='1'/%3E%3Ccircle cx='186' cy='16' r='1.6' fill='%23ffd23f' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 200px 30px; --t-foot-size-sm: 140px 21px; --t-edge: rgba(255, 210, 63, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(27, 28, 32, 0.45); --t-gold-hi: #ffe282; }
.los-theme-card[data-theme-choice="cars-pitlane"] { 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='%233f4044' fill-opacity='0.75'/%3E%3Crect x='8' y='26' width='8' height='4' fill='%233f4044' fill-opacity='0.75'/%3E%3Crect x='16' y='22' width='8' height='4' fill='%233f4044' fill-opacity='0.75'/%3E%3Crect x='24' y='26' width='8' height='4' fill='%233f4044' fill-opacity='0.75'/%3E%3Crect x='32' y='22' width='8' height='4' fill='%233f4044' fill-opacity='0.75'/%3E%3Crect x='40' y='26' width='8' height='4' fill='%233f4044' fill-opacity='0.75'/%3E%3Crect x='48' y='22' width='8' height='4' fill='%233f4044' fill-opacity='0.75'/%3E%3Crect x='56' y='26' width='8' height='4' fill='%233f4044' fill-opacity='0.75'/%3E%3Crect x='64' y='22' width='8' height='4' fill='%233f4044' fill-opacity='0.75'/%3E%3Crect x='72' y='26' width='8' height='4' fill='%233f4044' fill-opacity='0.75'/%3E%3Crect x='80' y='22' width='8' height='4' fill='%233f4044' fill-opacity='0.75'/%3E%3Crect x='88' y='26' width='8' height='4' fill='%233f4044' fill-opacity='0.75'/%3E%3Crect x='96' y='22' width='8' height='4' fill='%233f4044' fill-opacity='0.75'/%3E%3Crect x='104' y='26' width='8' height='4' fill='%233f4044' fill-opacity='0.75'/%3E%3Crect x='112' y='22' width='8' height='4' fill='%233f4044' fill-opacity='0.75'/%3E%3Crect x='120' y='26' width='8' height='4' fill='%233f4044' fill-opacity='0.75'/%3E%3Crect x='128' y='22' width='8' height='4' fill='%233f4044' fill-opacity='0.75'/%3E%3Crect x='136' y='26' width='8' height='4' fill='%233f4044' fill-opacity='0.75'/%3E%3Crect x='144' y='22' width='8' height='4' fill='%233f4044' fill-opacity='0.75'/%3E%3Crect x='152' y='26' width='8' height='4' fill='%233f4044' fill-opacity='0.75'/%3E%3Crect x='0' y='26' width='8' height='4' fill='%23ffd23f' fill-opacity='0.375'/%3E%3Crect x='8' y='22' width='8' height='4' fill='%23ffd23f' fill-opacity='0.375'/%3E%3Crect x='16' y='26' width='8' height='4' fill='%23ffd23f' fill-opacity='0.375'/%3E%3Crect x='24' y='22' width='8' height='4' fill='%23ffd23f' fill-opacity='0.375'/%3E%3Crect x='32' y='26' width='8' height='4' fill='%23ffd23f' fill-opacity='0.375'/%3E%3Crect x='40' y='22' width='8' height='4' fill='%23ffd23f' fill-opacity='0.375'/%3E%3Crect x='48' y='26' width='8' height='4' fill='%23ffd23f' fill-opacity='0.375'/%3E%3Crect x='56' y='22' width='8' height='4' fill='%23ffd23f' fill-opacity='0.375'/%3E%3Crect x='64' y='26' width='8' height='4' fill='%23ffd23f' fill-opacity='0.375'/%3E%3Crect x='72' y='22' width='8' height='4' fill='%23ffd23f' fill-opacity='0.375'/%3E%3Crect x='80' y='26' width='8' height='4' fill='%23ffd23f' fill-opacity='0.375'/%3E%3Crect x='88' y='22' width='8' height='4' fill='%23ffd23f' fill-opacity='0.375'/%3E%3Crect x='96' y='26' width='8' height='4' fill='%23ffd23f' fill-opacity='0.375'/%3E%3Crect x='104' y='22' width='8' height='4' fill='%23ffd23f' fill-opacity='0.375'/%3E%3Crect x='112' y='26' width='8' height='4' fill='%23ffd23f' fill-opacity='0.375'/%3E%3Crect x='120' y='22' width='8' height='4' fill='%23ffd23f' fill-opacity='0.375'/%3E%3Crect x='128' y='26' width='8' height='4' fill='%23ffd23f' fill-opacity='0.375'/%3E%3Crect x='136' y='22' width='8' height='4' fill='%23ffd23f' fill-opacity='0.375'/%3E%3Crect x='144' y='26' width='8' height='4' fill='%23ffd23f' fill-opacity='0.375'/%3E%3Crect x='152' y='22' width='8' height='4' fill='%23ffd23f' fill-opacity='0.375'/%3E%3C/svg%3E"), linear-gradient(180deg, #1b1c20, #121215); background-size: 96px 18px, 100% 40px; }
/* cars-rally */
html[data-site="cars"][data-theme="cars-rally"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(242, 179, 58, 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='%233b3220' 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='320' height='30' viewBox='0 0 320 30'%3E%3Cpath d='M0 30C50 14 90 14 140 22S240 10 320 20 V30z' fill='%235a5344' fill-opacity='0.6'/%3E%3Cpath d='M0 30C60 22 120 24 180 26S280 22 320 26V30z' fill='%235a5344' 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='%232f281a' fill-opacity='1'/%3E%3Cpath d='M0 30C60 22 120 24 180 26S280 22 320 26V30z' fill='%232f281a' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 320px 30px; --t-foot-size-sm: 224px 21px; --t-edge: rgba(242, 179, 58, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(59, 50, 32, 0.45); --t-gold-hi: #f7ce7f; }
.los-theme-card[data-theme-choice="cars-rally"] { 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='%235a5344' fill-opacity='0.75'/%3E%3Cpath d='M0 30C60 22 120 24 180 26S280 22 320 26V30z' fill='%235a5344' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #3b3220, #262115); background-size: 192px 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; }
/* empires-naval */
html[data-site="empires"][data-theme="empires-naval"] { --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='20' viewBox='0 0 40 20'%3E%3Cpath d='M0 20a10 10 0 0 1 20 0 10 10 0 0 1 20 0M-10 30a10 10 0 0 1 20 0 10 10 0 0 1 20 0 10 10 0 0 1 20 0M0 20a6 6 0 0 1 12 0M20 20a6 6 0 0 1 12 0' fill='none' stroke='%23162c48' stroke-opacity='0.06' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 20a2 2 0 0 1 4 0' fill='none' stroke='%23f2c230' stroke-opacity='0.06' stroke-width='0.9' 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 20a10 10 0 0 1 20 0 10 10 0 0 1 20 0M-10 30a10 10 0 0 1 20 0 10 10 0 0 1 20 0 10 10 0 0 1 20 0M0 20a6 6 0 0 1 12 0M20 20a6 6 0 0 1 12 0' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 20a2 2 0 0 1 4 0' 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: 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='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30v-4h240v4z' fill='%233b4e65' fill-opacity='0.6'/%3E%3Cpath d='M30 26l6-6h50l-4 6z M44 20v-6h14v6z M60 20v-4h10v4z M50 14V8h3v6z' fill='%233b4e65' fill-opacity='0.6'/%3E%3Cpath d='M150 26l4-4h34l-3 4z M160 22v-4h10v4z M174 22v-6h3v6z' fill='%233b4e65' fill-opacity='0.6'/%3E%3Ccircle cx='52' cy='7' r='1.4' fill='%23f2c230' fill-opacity='0.96'/%3E%3Cpath d='M100 24c4-2 8-2 12 0M210 24c4-2 8-2 12 0' fill='none' stroke='%233b4e65' stroke-opacity='0.6' stroke-width='1' stroke-linecap='round'/%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 30v-4h240v4z' fill='%2312233a' fill-opacity='1'/%3E%3Cpath d='M30 26l6-6h50l-4 6z M44 20v-6h14v6z M60 20v-4h10v4z M50 14V8h3v6z' fill='%2312233a' fill-opacity='1'/%3E%3Cpath d='M150 26l4-4h34l-3 4z M160 22v-4h10v4z M174 22v-6h3v6z' fill='%2312233a' fill-opacity='1'/%3E%3Ccircle cx='52' cy='7' r='1.4' fill='%23f2c230' fill-opacity='1'/%3E%3Cpath d='M100 24c4-2 8-2 12 0M210 24c4-2 8-2 12 0' fill='none' stroke='%2312233a' stroke-opacity='1' stroke-width='1' stroke-linecap='round'/%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(22, 44, 72, 0.45); --t-gold-hi: #f7d778; }
.los-theme-card[data-theme-choice="empires-naval"] { 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 30v-4h240v4z' fill='%233b4e65' fill-opacity='0.75'/%3E%3Cpath d='M30 26l6-6h50l-4 6z M44 20v-6h14v6z M60 20v-4h10v4z M50 14V8h3v6z' fill='%233b4e65' fill-opacity='0.75'/%3E%3Cpath d='M150 26l4-4h34l-3 4z M160 22v-4h10v4z M174 22v-6h3v6z' fill='%233b4e65' fill-opacity='0.75'/%3E%3Ccircle cx='52' cy='7' r='1.4' fill='%23f2c230' fill-opacity='1'/%3E%3Cpath d='M100 24c4-2 8-2 12 0M210 24c4-2 8-2 12 0' fill='none' stroke='%233b4e65' stroke-opacity='0.75' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E"), linear-gradient(180deg, #162c48, #0e1d2f); background-size: 144px 18px, 100% 40px; }
/* empires-arctic */
html[data-site="empires"][data-theme="empires-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='%231d3a52' stroke-opacity='0.06' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='70' cy='20' r='1.4' fill='%231d3a52' 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='%23415a6e' 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='%23172e42' 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(29, 58, 82, 0.45); --t-gold-hi: #ffe19c; }
.los-theme-card[data-theme-choice="empires-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='%23415a6e' 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, #1d3a52, #132635); background-size: 144px 18px, 100% 40px; }
/* empires-jungle */
html[data-site="empires"][data-theme="empires-jungle"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(63, 138, 58, 0.22), 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='%23f1dc91' 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='%233f8a3a' fill-opacity='0.126'/%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='%23303631' fill-opacity='0.6'/%3E%3Cpath d='M60 28c2-8 2-14 0-20M180 28c-2-8-2-14 0-20' fill='none' stroke='%23303631' 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='%23303631' fill-opacity='0.6'/%3E%3Cpath d='M110 30c10-10 30-10 40 0z' fill='%23303631' 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='%23060d08' fill-opacity='1'/%3E%3Cpath d='M60 28c2-8 2-14 0-20M180 28c-2-8-2-14 0-20' fill='none' stroke='%23060d08' 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='%23060d08' fill-opacity='1'/%3E%3Cpath d='M110 30c10-10 30-10 40 0z' fill='%23060d08' fill-opacity='0.8'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 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-jungle"] { 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='%23303631' fill-opacity='0.75'/%3E%3Cpath d='M60 28c2-8 2-14 0-20M180 28c-2-8-2-14 0-20' fill='none' stroke='%23303631' 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='%23303631' fill-opacity='0.75'/%3E%3Cpath d='M110 30c10-10 30-10 40 0z' fill='%23303631' fill-opacity='0.6'/%3E%3C/svg%3E"), linear-gradient(180deg, #08100a, #050a07); background-size: 144px 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; }
/* restaurant-sushi */
html[data-site="restaurant"][data-theme="restaurant-sushi"] { --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='40' height='20' viewBox='0 0 40 20'%3E%3Cpath d='M0 20a10 10 0 0 1 20 0 10 10 0 0 1 20 0M-10 30a10 10 0 0 1 20 0 10 10 0 0 1 20 0 10 10 0 0 1 20 0M0 20a6 6 0 0 1 12 0M20 20a6 6 0 0 1 12 0' fill='none' stroke='%231f1714' stroke-opacity='0.06' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 20a2 2 0 0 1 4 0' fill='none' stroke='%23c8322a' stroke-opacity='0.06' stroke-width='0.9' 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 20a10 10 0 0 1 20 0 10 10 0 0 1 20 0M-10 30a10 10 0 0 1 20 0 10 10 0 0 1 20 0 10 10 0 0 1 20 0M0 20a6 6 0 0 1 12 0M20 20a6 6 0 0 1 12 0' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 20a2 2 0 0 1 4 0' 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: 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='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 6C40 14 80 14 120 6S200 -2 240 6' fill='none' stroke='%23433c3a' stroke-opacity='0.6' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M20 11v3' fill='none' stroke='%23433c3a' stroke-opacity='0.6' stroke-width='1' stroke-linecap='round'/%3E%3Crect x='15' y='14' width='10' height='13' rx='5' fill='%23e8b04c' fill-opacity='0.96'/%3E%3Cpath d='M60 13v3' fill='none' stroke='%23433c3a' stroke-opacity='0.6' stroke-width='1' stroke-linecap='round'/%3E%3Crect x='55' y='16' width='10' height='13' rx='5' fill='%23e8b04c' fill-opacity='0.96'/%3E%3Cpath d='M100 12v3' fill='none' stroke='%23433c3a' stroke-opacity='0.6' stroke-width='1' stroke-linecap='round'/%3E%3Crect x='95' y='15' width='10' height='13' rx='5' fill='%23e8b04c' fill-opacity='0.96'/%3E%3Cpath d='M140 9v3' fill='none' stroke='%23433c3a' stroke-opacity='0.6' stroke-width='1' stroke-linecap='round'/%3E%3Crect x='135' y='12' width='10' height='13' rx='5' fill='%23e8b04c' fill-opacity='0.96'/%3E%3Cpath d='M180 7v3' fill='none' stroke='%23433c3a' stroke-opacity='0.6' stroke-width='1' stroke-linecap='round'/%3E%3Crect x='175' y='10' width='10' height='13' rx='5' fill='%23e8b04c' fill-opacity='0.96'/%3E%3Cpath d='M220 8v3' fill='none' stroke='%23433c3a' stroke-opacity='0.6' stroke-width='1' stroke-linecap='round'/%3E%3Crect x='215' y='11' width='10' height='13' rx='5' fill='%23e8b04c' fill-opacity='0.96'/%3E%3Cpath d='M0 30v-2h240v2z' fill='%23433c3a' 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 6C40 14 80 14 120 6S200 -2 240 6' fill='none' stroke='%23191210' stroke-opacity='1' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M20 11v3' fill='none' stroke='%23191210' stroke-opacity='1' stroke-width='1' stroke-linecap='round'/%3E%3Crect x='15' y='14' width='10' height='13' rx='5' fill='%23e8b04c' fill-opacity='1'/%3E%3Cpath d='M60 13v3' fill='none' stroke='%23191210' stroke-opacity='1' stroke-width='1' stroke-linecap='round'/%3E%3Crect x='55' y='16' width='10' height='13' rx='5' fill='%23e8b04c' fill-opacity='1'/%3E%3Cpath d='M100 12v3' fill='none' stroke='%23191210' stroke-opacity='1' stroke-width='1' stroke-linecap='round'/%3E%3Crect x='95' y='15' width='10' height='13' rx='5' fill='%23e8b04c' fill-opacity='1'/%3E%3Cpath d='M140 9v3' fill='none' stroke='%23191210' stroke-opacity='1' stroke-width='1' stroke-linecap='round'/%3E%3Crect x='135' y='12' width='10' height='13' rx='5' fill='%23e8b04c' fill-opacity='1'/%3E%3Cpath d='M180 7v3' fill='none' stroke='%23191210' stroke-opacity='1' stroke-width='1' stroke-linecap='round'/%3E%3Crect x='175' y='10' width='10' height='13' rx='5' fill='%23e8b04c' fill-opacity='1'/%3E%3Cpath d='M220 8v3' fill='none' stroke='%23191210' stroke-opacity='1' stroke-width='1' stroke-linecap='round'/%3E%3Crect x='215' y='11' width='10' height='13' rx='5' fill='%23e8b04c' fill-opacity='1'/%3E%3Cpath d='M0 30v-2h240v2z' fill='%23191210' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 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(31, 23, 20, 0.45); --t-gold-hi: #f0cc8b; }
.los-theme-card[data-theme-choice="restaurant-sushi"] { 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 6C40 14 80 14 120 6S200 -2 240 6' fill='none' stroke='%23433c3a' stroke-opacity='0.75' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M20 11v3' fill='none' stroke='%23433c3a' stroke-opacity='0.75' stroke-width='1' stroke-linecap='round'/%3E%3Crect x='15' y='14' width='10' height='13' rx='5' fill='%23e8b04c' fill-opacity='1'/%3E%3Cpath d='M60 13v3' fill='none' stroke='%23433c3a' stroke-opacity='0.75' stroke-width='1' stroke-linecap='round'/%3E%3Crect x='55' y='16' width='10' height='13' rx='5' fill='%23e8b04c' fill-opacity='1'/%3E%3Cpath d='M100 12v3' fill='none' stroke='%23433c3a' stroke-opacity='0.75' stroke-width='1' stroke-linecap='round'/%3E%3Crect x='95' y='15' width='10' height='13' rx='5' fill='%23e8b04c' fill-opacity='1'/%3E%3Cpath d='M140 9v3' fill='none' stroke='%23433c3a' stroke-opacity='0.75' stroke-width='1' stroke-linecap='round'/%3E%3Crect x='135' y='12' width='10' height='13' rx='5' fill='%23e8b04c' fill-opacity='1'/%3E%3Cpath d='M180 7v3' fill='none' stroke='%23433c3a' stroke-opacity='0.75' stroke-width='1' stroke-linecap='round'/%3E%3Crect x='175' y='10' width='10' height='13' rx='5' fill='%23e8b04c' fill-opacity='1'/%3E%3Cpath d='M220 8v3' fill='none' stroke='%23433c3a' stroke-opacity='0.75' stroke-width='1' stroke-linecap='round'/%3E%3Crect x='215' y='11' width='10' height='13' rx='5' fill='%23e8b04c' fill-opacity='1'/%3E%3Cpath d='M0 30v-2h240v2z' fill='%23433c3a' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #1f1714, #140f0d); background-size: 144px 18px, 100% 40px; }
/* restaurant-diner */
html[data-site="restaurant"][data-theme="restaurant-diner"] { --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='32' height='32' viewBox='0 0 32 32'%3E%3Crect width='16' height='16' fill='%231f4f4b' fill-opacity='0.06'/%3E%3Crect x='16' y='16' width='16' height='16' fill='%231f4f4b' 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%3Cpath d='M0 14h20v8a10 6 0 0 1-20 0z' fill='%230d2120' fill-opacity='0.6'/%3E%3Cpath d='M20 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf4d' fill-opacity='0.84'/%3E%3Cpath d='M40 14h20v8a10 6 0 0 1-20 0z' fill='%230d2120' fill-opacity='0.6'/%3E%3Cpath d='M60 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf4d' fill-opacity='0.84'/%3E%3Cpath d='M80 14h20v8a10 6 0 0 1-20 0z' fill='%230d2120' fill-opacity='0.6'/%3E%3Cpath d='M100 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf4d' fill-opacity='0.84'/%3E%3Cpath d='M120 14h20v8a10 6 0 0 1-20 0z' fill='%230d2120' fill-opacity='0.6'/%3E%3Cpath d='M140 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf4d' fill-opacity='0.84'/%3E%3Cpath d='M0 14h160v-3H0z' fill='%230d2120' 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='%23193f3c' fill-opacity='1'/%3E%3Cpath d='M20 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf4d' fill-opacity='1'/%3E%3Cpath d='M40 14h20v8a10 6 0 0 1-20 0z' fill='%23193f3c' fill-opacity='1'/%3E%3Cpath d='M60 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf4d' fill-opacity='1'/%3E%3Cpath d='M80 14h20v8a10 6 0 0 1-20 0z' fill='%23193f3c' fill-opacity='1'/%3E%3Cpath d='M100 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf4d' fill-opacity='1'/%3E%3Cpath d='M120 14h20v8a10 6 0 0 1-20 0z' fill='%23193f3c' fill-opacity='1'/%3E%3Cpath d='M140 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf4d' fill-opacity='1'/%3E%3Cpath d='M0 14h160v-3H0z' fill='%23193f3c' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 160px 30px; --t-foot-size-sm: 112px 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(31, 79, 75, 0.45); --t-gold-hi: #ffe08b; }
.los-theme-card[data-theme-choice="restaurant-diner"] { 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='%230d2120' fill-opacity='0.75'/%3E%3Cpath d='M20 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf4d' fill-opacity='1'/%3E%3Cpath d='M40 14h20v8a10 6 0 0 1-20 0z' fill='%230d2120' fill-opacity='0.75'/%3E%3Cpath d='M60 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf4d' fill-opacity='1'/%3E%3Cpath d='M80 14h20v8a10 6 0 0 1-20 0z' fill='%230d2120' fill-opacity='0.75'/%3E%3Cpath d='M100 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf4d' fill-opacity='1'/%3E%3Cpath d='M120 14h20v8a10 6 0 0 1-20 0z' fill='%230d2120' fill-opacity='0.75'/%3E%3Cpath d='M140 14h20v8a10 6 0 0 1-20 0z' fill='%23ffcf4d' fill-opacity='1'/%3E%3Cpath d='M0 14h160v-3H0z' fill='%230d2120' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #1f4f4b, #143331); background-size: 96px 18px, 100% 40px; }
/* restaurant-pizzeria */
html[data-site="restaurant"][data-theme="restaurant-pizzeria"] { --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='32' height='32' viewBox='0 0 32 32'%3E%3Crect width='32' height='11' fill='%23b8322a' fill-opacity='0.072'/%3E%3Crect width='11' height='32' fill='%23b8322a' 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='%238f473d' fill-opacity='0.6'/%3E%3Cpath d='M20 14h20v8a10 6 0 0 1-20 0z' fill='%23ffd166' fill-opacity='0.84'/%3E%3Cpath d='M40 14h20v8a10 6 0 0 1-20 0z' fill='%238f473d' fill-opacity='0.6'/%3E%3Cpath d='M60 14h20v8a10 6 0 0 1-20 0z' fill='%23ffd166' fill-opacity='0.84'/%3E%3Cpath d='M80 14h20v8a10 6 0 0 1-20 0z' fill='%238f473d' fill-opacity='0.6'/%3E%3Cpath d='M100 14h20v8a10 6 0 0 1-20 0z' fill='%23ffd166' fill-opacity='0.84'/%3E%3Cpath d='M120 14h20v8a10 6 0 0 1-20 0z' fill='%238f473d' fill-opacity='0.6'/%3E%3Cpath d='M140 14h20v8a10 6 0 0 1-20 0z' fill='%23ffd166' fill-opacity='0.84'/%3E%3Cpath d='M0 14h160v-3H0z' fill='%238f473d' 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='%23621d13' fill-opacity='1'/%3E%3Cpath d='M20 14h20v8a10 6 0 0 1-20 0z' fill='%23ffd166' fill-opacity='1'/%3E%3Cpath d='M40 14h20v8a10 6 0 0 1-20 0z' fill='%23621d13' fill-opacity='1'/%3E%3Cpath d='M60 14h20v8a10 6 0 0 1-20 0z' fill='%23ffd166' fill-opacity='1'/%3E%3Cpath d='M80 14h20v8a10 6 0 0 1-20 0z' fill='%23621d13' fill-opacity='1'/%3E%3Cpath d='M100 14h20v8a10 6 0 0 1-20 0z' fill='%23ffd166' fill-opacity='1'/%3E%3Cpath d='M120 14h20v8a10 6 0 0 1-20 0z' fill='%23621d13' fill-opacity='1'/%3E%3Cpath d='M140 14h20v8a10 6 0 0 1-20 0z' fill='%23ffd166' fill-opacity='1'/%3E%3Cpath d='M0 14h160v-3H0z' fill='%23621d13' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 160px 30px; --t-foot-size-sm: 112px 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, 36, 24, 0.45); --t-gold-hi: #ffe19c; }
.los-theme-card[data-theme-choice="restaurant-pizzeria"] { 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='%238f473d' fill-opacity='0.75'/%3E%3Cpath d='M20 14h20v8a10 6 0 0 1-20 0z' fill='%23ffd166' fill-opacity='1'/%3E%3Cpath d='M40 14h20v8a10 6 0 0 1-20 0z' fill='%238f473d' fill-opacity='0.75'/%3E%3Cpath d='M60 14h20v8a10 6 0 0 1-20 0z' fill='%23ffd166' fill-opacity='1'/%3E%3Cpath d='M80 14h20v8a10 6 0 0 1-20 0z' fill='%238f473d' fill-opacity='0.75'/%3E%3Cpath d='M100 14h20v8a10 6 0 0 1-20 0z' fill='%23ffd166' fill-opacity='1'/%3E%3Cpath d='M120 14h20v8a10 6 0 0 1-20 0z' fill='%238f473d' fill-opacity='0.75'/%3E%3Cpath d='M140 14h20v8a10 6 0 0 1-20 0z' fill='%23ffd166' fill-opacity='1'/%3E%3Cpath d='M0 14h160v-3H0z' fill='%238f473d' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #7a2418, #4f1710); background-size: 96px 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; }
/* pets-beach */
html[data-site="pets"][data-theme="pets-beach"] { --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='40' height='20' viewBox='0 0 40 20'%3E%3Cpath d='M0 20a10 10 0 0 1 20 0 10 10 0 0 1 20 0M-10 30a10 10 0 0 1 20 0 10 10 0 0 1 20 0 10 10 0 0 1 20 0M0 20a6 6 0 0 1 12 0M20 20a6 6 0 0 1 12 0' fill='none' stroke='%23145a66' stroke-opacity='0.06' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 20a2 2 0 0 1 4 0' fill='none' stroke='%23ffd166' stroke-opacity='0.06' stroke-width='0.9' 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 20a10 10 0 0 1 20 0 10 10 0 0 1 20 0M-10 30a10 10 0 0 1 20 0 10 10 0 0 1 20 0 10 10 0 0 1 20 0M0 20a6 6 0 0 1 12 0M20 20a6 6 0 0 1 12 0' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 20a2 2 0 0 1 4 0' 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: 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 30V20c20-8 30-8 40 0s20 8 40 0 30-8 40 0 20 8 40 0v10z' fill='%2308262b' fill-opacity='0.6'/%3E%3Cpath d='M0 30v-4c20-6 30-6 40 0s20 6 40 0 30-6 40 0 20 6 40 0v4z' fill='%2308262b' fill-opacity='0.84'/%3E%3Cpath d='M14 17c4-2 8-2 10 0M94 17c4-2 8-2 10 0' fill='none' stroke='%23ffd166' stroke-opacity='0.6' 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='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30h240v-3H0z' fill='%23104852' fill-opacity='1'/%3E%3Cpath d='M60 28c2-8 2-14 0-20M180 28c-2-8-2-14 0-20' fill='none' stroke='%23104852' 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='%23104852' fill-opacity='1'/%3E%3Cpath d='M110 30c10-10 30-10 40 0z' fill='%23104852' fill-opacity='0.8'/%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(20, 90, 102, 0.45); --t-gold-hi: #ffe19c; }
.los-theme-card[data-theme-choice="pets-beach"] { 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 30V20c20-8 30-8 40 0s20 8 40 0 30-8 40 0 20 8 40 0v10z' fill='%2308262b' fill-opacity='0.75'/%3E%3Cpath d='M0 30v-4c20-6 30-6 40 0s20 6 40 0 30-6 40 0 20 6 40 0v4z' fill='%2308262b' fill-opacity='1'/%3E%3Cpath d='M14 17c4-2 8-2 10 0M94 17c4-2 8-2 10 0' fill='none' stroke='%23ffd166' stroke-opacity='0.75' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E"), linear-gradient(180deg, #145a66, #0d3b42); background-size: 96px 18px, 100% 40px; }
/* pets-autumn */
html[data-site="pets"][data-theme="pets-autumn"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 193, 77, 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='%23d9692a' fill-opacity='0.09'/%3E%3Cpath d='M0-8V9' fill='none' stroke='%236b3014' 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='%236b3014' fill-opacity='0.09'/%3E%3Cpath d='M0-8V9' fill='none' stroke='%236b3014' 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='%236b3014' fill-opacity='0.09'/%3E%3Cpath d='M0-8V9' fill='none' stroke='%236b3014' 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='%23d9692a' fill-opacity='0.09'/%3E%3Cpath d='M0-8V9' fill='none' stroke='%236b3014' 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='%236b3014' fill-opacity='0.09'/%3E%3Cpath d='M0-8V9' fill='none' stroke='%236b3014' 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='%2383513a' 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='%23ffc14d' 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='%2383513a' 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='%23ffc14d' 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='%2383513a' 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='%23ffc14d' 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='%2383513a' 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='%2383513a' 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='%23ffc14d' fill-opacity='0.72'/%3E%3Cpath d='M0 30h160v-4H0z' fill='%2383513a' 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 transform='translate(10 26) rotate(40) scale(.9)' d='M0-9C6-5 6 5 0 9C-6 5-6-5 0-9Z' fill='%23562610' fill-opacity='1'/%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='%23ffc14d' fill-opacity='1'/%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='%23562610' fill-opacity='1'/%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='%23ffc14d' fill-opacity='1'/%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='%23562610' fill-opacity='1'/%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='%23ffc14d' fill-opacity='1'/%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='%23562610' fill-opacity='1'/%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='%23562610' fill-opacity='1'/%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='%23ffc14d' fill-opacity='1'/%3E%3Cpath d='M0 30h160v-4H0z' fill='%23562610' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 160px 30px; --t-foot-size-sm: 112px 21px; --t-edge: rgba(255, 193, 77, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(107, 48, 20, 0.45); --t-gold-hi: #ffd78b; }
.los-theme-card[data-theme-choice="pets-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='%2383513a' 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='%23ffc14d' 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='%2383513a' 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='%23ffc14d' 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='%2383513a' 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='%23ffc14d' 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='%2383513a' 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='%2383513a' 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='%23ffc14d' fill-opacity='0.9'/%3E%3Cpath d='M0 30h160v-4H0z' fill='%2383513a' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #6b3014, #461f0d); background-size: 96px 18px, 100% 40px; }
/* pets-space */
html[data-site="pets"][data-theme="pets-space"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(108, 92, 231, 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='%239f8bff' 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='240' height='30' viewBox='0 0 240 30'%3E%3Ccircle cx='40' cy='18' r='9' fill='%232f303d' fill-opacity='0.6'/%3E%3Cellipse cx='40' cy='18' rx='15' ry='3.5' fill='none' stroke='%23ffd98a' stroke-opacity='0.6' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='130' cy='20' r='5' fill='%23ffd98a' fill-opacity='0.6'/%3E%3Ccircle cx='200' cy='14' r='7' fill='%232f303d' fill-opacity='0.6'/%3E%3Ccircle cx='90' cy='8' r='1.3' fill='%23ffd98a' fill-opacity='0.96'/%3E%3Ccircle cx='170' cy='26' r='1.1' fill='%23ffd98a' fill-opacity='0.96'/%3E%3Cpath d='M0 30v-2h240v2z' fill='%232f303d' 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='320' height='30' viewBox='0 0 320 30'%3E%3Cpath d='M0 30C50 14 90 14 140 22S240 10 320 20 V30z' fill='%23060613' fill-opacity='1'/%3E%3Cpath d='M0 30C60 22 120 24 180 26S280 22 320 26V30z' fill='%23060613' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 320px 30px; --t-foot-size-sm: 224px 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-space"] { 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%3Ccircle cx='40' cy='18' r='9' fill='%232f303d' fill-opacity='0.75'/%3E%3Cellipse cx='40' cy='18' rx='15' ry='3.5' fill='none' stroke='%23ffd98a' stroke-opacity='0.75' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='130' cy='20' r='5' fill='%23ffd98a' fill-opacity='0.75'/%3E%3Ccircle cx='200' cy='14' r='7' fill='%232f303d' fill-opacity='0.75'/%3E%3Ccircle cx='90' cy='8' r='1.3' fill='%23ffd98a' fill-opacity='1'/%3E%3Ccircle cx='170' cy='26' r='1.1' fill='%23ffd98a' fill-opacity='1'/%3E%3Cpath d='M0 30v-2h240v2z' fill='%232f303d' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #070818, #050510); background-size: 144px 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; }
/* ville-beach */
html[data-site="ville"][data-theme="ville-beach"] { --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='40' height='20' viewBox='0 0 40 20'%3E%3Cpath d='M0 20a10 10 0 0 1 20 0 10 10 0 0 1 20 0M-10 30a10 10 0 0 1 20 0 10 10 0 0 1 20 0 10 10 0 0 1 20 0M0 20a6 6 0 0 1 12 0M20 20a6 6 0 0 1 12 0' fill='none' stroke='%23155a54' stroke-opacity='0.06' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 20a2 2 0 0 1 4 0' fill='none' stroke='%23ffd166' stroke-opacity='0.06' stroke-width='0.9' 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 20a10 10 0 0 1 20 0 10 10 0 0 1 20 0M-10 30a10 10 0 0 1 20 0 10 10 0 0 1 20 0 10 10 0 0 1 20 0M0 20a6 6 0 0 1 12 0M20 20a6 6 0 0 1 12 0' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 20a2 2 0 0 1 4 0' 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: 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='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30h240v-3H0z' fill='%23092624' fill-opacity='0.6'/%3E%3Cpath d='M60 28c2-8 2-14 0-20M180 28c-2-8-2-14 0-20' fill='none' stroke='%23092624' 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='%23092624' fill-opacity='0.6'/%3E%3Cpath d='M110 30c10-10 30-10 40 0z' fill='%23092624' 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='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='%23114843' fill-opacity='1'/%3E%3Cpath d='M0 30v-4c20-6 30-6 40 0s20 6 40 0 30-6 40 0 20 6 40 0v4z' fill='%23114843' fill-opacity='1'/%3E%3Cpath d='M14 17c4-2 8-2 10 0M94 17c4-2 8-2 10 0' fill='none' stroke='%23ffd166' stroke-opacity='1' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E"); --t-foot-size: 160px 30px; --t-foot-size-sm: 112px 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(21, 90, 84, 0.45); --t-gold-hi: #ffe19c; }
.los-theme-card[data-theme-choice="ville-beach"] { 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='%23092624' fill-opacity='0.75'/%3E%3Cpath d='M60 28c2-8 2-14 0-20M180 28c-2-8-2-14 0-20' fill='none' stroke='%23092624' 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='%23092624' fill-opacity='0.75'/%3E%3Cpath d='M110 30c10-10 30-10 40 0z' fill='%23092624' fill-opacity='0.6'/%3E%3C/svg%3E"), linear-gradient(180deg, #155a54, #0e3b37); background-size: 144px 18px, 100% 40px; }
/* ville-snow */
html[data-site="ville"][data-theme="ville-snow"] { --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='140' height='140' viewBox='0 0 140 140'%3E%3Cg transform='translate(30 30)' fill='none' stroke='%2326405e' 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='%2326405e' 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='%2326405e' 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='%2326405e' fill-opacity='0.12'/%3E%3Ccircle cx='80' cy='130' r='1.2' fill='%2326405e' 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='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='%23495f78' fill-opacity='0.6'/%3E%3Cpath d='M52 8V2h4v9z' fill='%23495f78' 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='%231e334b' fill-opacity='1'/%3E%3Cpath d='M52 8V2h4v9z' fill='%231e334b' 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(38, 64, 94, 0.45); --t-gold-hi: #ffe395; }
.los-theme-card[data-theme-choice="ville-snow"] { 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='%23495f78' fill-opacity='0.75'/%3E%3Cpath d='M52 8V2h4v9z' fill='%23495f78' 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, #26405e, #192a3d); background-size: 96px 18px, 100% 40px; }
/* ville-retro */
html[data-site="ville"][data-theme="ville-retro"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(242, 182, 50, 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='%232f8f8a' fill-opacity='0.084'/%3E%3Ccircle cx='36' cy='36' r='5' fill='%234a3418' 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='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='%2367543d' fill-opacity='0.6'/%3E%3Cpath d='M52 8V2h4v9z' fill='%2367543d' fill-opacity='0.6'/%3E%3Cpath d='M10 22h4v4h-4zM42 20h4v4h-4zM106 22h4v4h-4z' fill='%23f2b632' 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='%233b2a13' fill-opacity='1'/%3E%3Cpath d='M52 8V2h4v9z' fill='%233b2a13' fill-opacity='1'/%3E%3Cpath d='M10 22h4v4h-4zM42 20h4v4h-4zM106 22h4v4h-4z' fill='%23f2b632' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 160px 30px; --t-foot-size-sm: 112px 21px; --t-edge: rgba(242, 182, 50, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(74, 52, 24, 0.45); --t-gold-hi: #f7d07a; }
.los-theme-card[data-theme-choice="ville-retro"] { 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='%2367543d' fill-opacity='0.75'/%3E%3Cpath d='M52 8V2h4v9z' fill='%2367543d' fill-opacity='0.75'/%3E%3Cpath d='M10 22h4v4h-4zM42 20h4v4h-4zM106 22h4v4h-4z' fill='%23f2b632' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #4a3418, #302210); 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; }
/* socialempires-dragon */
html[data-site="socialempires"][data-theme="socialempires-dragon"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(163, 38, 60, 0.22), transparent 70%); --t-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24' viewBox='0 0 48 24'%3E%3Cpath d='M0 12a12 12 0 0 1 24 0M24 12a12 12 0 0 1 24 0M-12 24a12 12 0 0 1 24 0M12 24a12 12 0 0 1 24 0M36 24a12 12 0 0 1 24 0' fill='none' stroke='%23f7d189' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 6a4 4 0 0 1 4 4' fill='none' stroke='%23ff6b5e' stroke-opacity='0.098' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-page-size: 48px 24px; --t-header-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24' viewBox='0 0 48 24'%3E%3Cpath d='M0 12a12 12 0 0 1 24 0M24 12a12 12 0 0 1 24 0M-12 24a12 12 0 0 1 24 0M12 24a12 12 0 0 1 24 0M36 24a12 12 0 0 1 24 0' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 6a4 4 0 0 1 4 4' fill='none' stroke='%23ffffff' stroke-opacity='0.098' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --t-header-tile-size: 48px 24px; --t-head-tile: var(--t-header-tile); --t-head-tile-size: 36px 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%3Cpath d='M0 30L30 10l20 12 30-18 30 22 24-14 26 18z' fill='%23333031' fill-opacity='0.6'/%3E%3Cpath d='M74 8l6-4 7 6z' fill='%23f2b33a' 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='136' height='30' viewBox='0 0 136 30'%3E%3Cpath d='M0 30V16h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v14z' fill='%230a0608' 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='%23f2b33a' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 136px 30px; --t-foot-size-sm: 95px 21px; --t-edge: rgba(242, 179, 58, 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: #f7ce7f; }
.los-theme-card[data-theme-choice="socialempires-dragon"] { 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='%23333031' fill-opacity='0.75'/%3E%3Cpath d='M74 8l6-4 7 6z' fill='%23f2b33a' fill-opacity='0.9'/%3E%3C/svg%3E"), linear-gradient(180deg, #0c080a, #080507); background-size: 96px 18px, 100% 40px; }
/* socialempires-frost */
html[data-site="socialempires"][data-theme="socialempires-frost"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(191, 227, 255, 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='%231a3550' stroke-opacity='0.06' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='70' cy='20' r='1.4' fill='%231a3550' 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='%233f556c' 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='%23bfe3ff' 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='%23152a40' 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='%23bfe3ff' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(191, 227, 255, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(26, 53, 80, 0.45); --t-gold-hi: #d5edff; }
.los-theme-card[data-theme-choice="socialempires-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='%233f556c' 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='%23bfe3ff' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #1a3550, #112234); background-size: 144px 18px, 100% 40px; }
/* socialempires-sands */
html[data-site="socialempires"][data-theme="socialempires-sands"] { --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='%235a3615' 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='%235a3615' 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='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-6H0z' fill='%2374563a' 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='%2374563a' 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='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30v-3h240v3z M30 27l24-22 24 22z M80 27l14-13 14 13z M170 27l18-16 18 16z' fill='%23482b11' fill-opacity='1'/%3E%3Cpath d='M54 5l5 5h-10z' fill='%23f2c230' fill-opacity='1'/%3E%3Cpath d='M130 27v-12M130 15c-5-2-9 0-11 3M130 15c5-2 9 0 11 3' fill='none' stroke='%23482b11' stroke-opacity='1' stroke-width='1.6' stroke-linecap='round'/%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, 54, 21, 0.45); --t-gold-hi: #f7d778; }
.los-theme-card[data-theme-choice="socialempires-sands"] { 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='%2374563a' 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='%2374563a' 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, #5a3615, #3b230e); background-size: 120px 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; }
/* socialwars-naval */
html[data-site="socialwars"][data-theme="socialwars-naval"] { --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='40' height='20' viewBox='0 0 40 20'%3E%3Cpath d='M0 20a10 10 0 0 1 20 0 10 10 0 0 1 20 0M-10 30a10 10 0 0 1 20 0 10 10 0 0 1 20 0 10 10 0 0 1 20 0M0 20a6 6 0 0 1 12 0M20 20a6 6 0 0 1 12 0' fill='none' stroke='%2314294a' stroke-opacity='0.06' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 20a2 2 0 0 1 4 0' fill='none' stroke='%23ffc940' stroke-opacity='0.06' stroke-width='0.9' 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 20a10 10 0 0 1 20 0 10 10 0 0 1 20 0M-10 30a10 10 0 0 1 20 0 10 10 0 0 1 20 0 10 10 0 0 1 20 0M0 20a6 6 0 0 1 12 0M20 20a6 6 0 0 1 12 0' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 20a2 2 0 0 1 4 0' 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: 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='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30v-4h240v4z' fill='%233a4b67' fill-opacity='0.6'/%3E%3Cpath d='M30 26l6-6h50l-4 6z M44 20v-6h14v6z M60 20v-4h10v4z M50 14V8h3v6z' fill='%233a4b67' fill-opacity='0.6'/%3E%3Cpath d='M150 26l4-4h34l-3 4z M160 22v-4h10v4z M174 22v-6h3v6z' fill='%233a4b67' fill-opacity='0.6'/%3E%3Ccircle cx='52' cy='7' r='1.4' fill='%23ffc940' fill-opacity='0.96'/%3E%3Cpath d='M100 24c4-2 8-2 12 0M210 24c4-2 8-2 12 0' fill='none' stroke='%233a4b67' stroke-opacity='0.6' stroke-width='1' stroke-linecap='round'/%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 30v-4h240v4z' fill='%2310213b' fill-opacity='1'/%3E%3Cpath d='M30 26l6-6h50l-4 6z M44 20v-6h14v6z M60 20v-4h10v4z M50 14V8h3v6z' fill='%2310213b' fill-opacity='1'/%3E%3Cpath d='M150 26l4-4h34l-3 4z M160 22v-4h10v4z M174 22v-6h3v6z' fill='%2310213b' fill-opacity='1'/%3E%3Ccircle cx='52' cy='7' r='1.4' fill='%23ffc940' fill-opacity='1'/%3E%3Cpath d='M100 24c4-2 8-2 12 0M210 24c4-2 8-2 12 0' fill='none' stroke='%2310213b' stroke-opacity='1' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 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(20, 41, 74, 0.45); --t-gold-hi: #ffdc83; }
.los-theme-card[data-theme-choice="socialwars-naval"] { 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 30v-4h240v4z' fill='%233a4b67' fill-opacity='0.75'/%3E%3Cpath d='M30 26l6-6h50l-4 6z M44 20v-6h14v6z M60 20v-4h10v4z M50 14V8h3v6z' fill='%233a4b67' fill-opacity='0.75'/%3E%3Cpath d='M150 26l4-4h34l-3 4z M160 22v-4h10v4z M174 22v-6h3v6z' fill='%233a4b67' fill-opacity='0.75'/%3E%3Ccircle cx='52' cy='7' r='1.4' fill='%23ffc940' fill-opacity='1'/%3E%3Cpath d='M100 24c4-2 8-2 12 0M210 24c4-2 8-2 12 0' fill='none' stroke='%233a4b67' stroke-opacity='0.75' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E"), linear-gradient(180deg, #14294a, #0d1b30); background-size: 144px 18px, 100% 40px; }
/* socialwars-arctic */
html[data-site="socialwars"][data-theme="socialwars-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='%231b3a50' stroke-opacity='0.06' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='70' cy='20' r='1.4' fill='%231b3a50' 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='200' height='30' viewBox='0 0 200 30'%3E%3Cpath d='M0 30h200v-5H0z' fill='%233f5a6c' 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='%233f5a6c' fill-opacity='0.6'/%3E%3Cpath d='M140 25L150 2l10 23M144 16h12M146 10h8' fill='none' stroke='%233f5a6c' stroke-opacity='0.6' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='150' cy='2' r='1.8' fill='%23ffd166' 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='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='%23162e40' 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(27, 58, 80, 0.45); --t-gold-hi: #ffe19c; }
.los-theme-card[data-theme-choice="socialwars-arctic"] { 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='%233f5a6c' 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='%233f5a6c' fill-opacity='0.75'/%3E%3Cpath d='M140 25L150 2l10 23M144 16h12M146 10h8' fill='none' stroke='%233f5a6c' stroke-opacity='0.75' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='150' cy='2' r='1.8' fill='%23ffd166' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #1b3a50, #122634); background-size: 120px 18px, 100% 40px; }
/* socialwars-urban */
html[data-site="socialwars"][data-theme="socialwars-urban"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(90, 100, 112, 0.22), 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='%23ffdf8c' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 6h8M44 22h10' fill='none' stroke='%23ffdf8c' stroke-opacity='0.042' 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='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='%23343536' fill-opacity='0.6'/%3E%3Crect x='38' y='8' width='2.4' height='3' fill='%23ffc940' fill-opacity='0.84'/%3E%3Crect x='44' y='14' width='2.4' height='3' fill='%23ffc940' fill-opacity='0.84'/%3E%3Crect x='38' y='20' width='2.4' height='3' fill='%23ffc940' fill-opacity='0.84'/%3E%3Crect x='58' y='18' width='2.4' height='3' fill='%23ffc940' fill-opacity='0.84'/%3E%3Crect x='70' y='12' width='2.4' height='3' fill='%23ffc940' fill-opacity='0.84'/%3E%3Crect x='70' y='22' width='2.4' height='3' fill='%23ffc940' fill-opacity='0.84'/%3E%3Crect x='122' y='10' width='2.4' height='3' fill='%23ffc940' fill-opacity='0.84'/%3E%3Crect x='130' y='16' width='2.4' height='3' fill='%23ffc940' fill-opacity='0.84'/%3E%3Crect x='122' y='22' width='2.4' height='3' fill='%23ffc940' fill-opacity='0.84'/%3E%3Crect x='174' y='14' width='2.4' height='3' fill='%23ffc940' fill-opacity='0.84'/%3E%3Crect x='180' y='22' width='2.4' height='3' fill='%23ffc940' fill-opacity='0.84'/%3E%3Crect x='224' y='12' width='2.4' height='3' fill='%23ffc940' fill-opacity='0.84'/%3E%3Crect x='232' y='18' width='2.4' height='3' fill='%23ffc940' fill-opacity='0.84'/%3E%3Crect x='268' y='16' width='2.4' height='3' fill='%23ffc940' fill-opacity='0.84'/%3E%3Crect x='272' y='24' width='2.4' height='3' fill='%23ffc940' 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='%230a0b0d' fill-opacity='1'/%3E%3Crect x='38' y='8' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='44' y='14' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='38' y='20' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='58' y='18' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='70' y='12' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='70' y='22' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='122' y='10' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='130' y='16' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='122' y='22' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='174' y='14' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='180' y='22' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='224' y='12' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='232' y='18' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='268' y='16' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='272' y='24' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 300px 30px; --t-foot-size-sm: 210px 21px; --t-edge: rgba(255, 201, 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: #ffdc83; }
.los-theme-card[data-theme-choice="socialwars-urban"] { 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='%23343536' fill-opacity='0.75'/%3E%3Crect x='38' y='8' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='44' y='14' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='38' y='20' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='58' y='18' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='70' y='12' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='70' y='22' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='122' y='10' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='130' y='16' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='122' y='22' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='174' y='14' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='180' y='22' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='224' y='12' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='232' y='18' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='268' y='16' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3Crect x='272' y='24' width='2.4' height='3' fill='%23ffc940' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #0d0e10, #08090a); background-size: 180px 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; }
/* armyattack-jungle */
html[data-site="armyattack"][data-theme="armyattack-jungle"] { --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='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='%2326361a' 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='%234f7a25' 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='%2349563f' fill-opacity='0.6'/%3E%3Cpath d='M60 28c2-8 2-14 0-20M180 28c-2-8-2-14 0-20' fill='none' stroke='%2349563f' 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='%2349563f' fill-opacity='0.6'/%3E%3Cpath d='M110 30c10-10 30-10 40 0z' fill='%2349563f' 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='%231e2b15' fill-opacity='1'/%3E%3Cpath d='M60 28c2-8 2-14 0-20M180 28c-2-8-2-14 0-20' fill='none' stroke='%231e2b15' 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='%231e2b15' fill-opacity='1'/%3E%3Cpath d='M110 30c10-10 30-10 40 0z' fill='%231e2b15' 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(38, 54, 26, 0.45); --t-gold-hi: #f7d778; }
.los-theme-card[data-theme-choice="armyattack-jungle"] { 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='%2349563f' fill-opacity='0.75'/%3E%3Cpath d='M60 28c2-8 2-14 0-20M180 28c-2-8-2-14 0-20' fill='none' stroke='%2349563f' 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='%2349563f' fill-opacity='0.75'/%3E%3Cpath d='M110 30c10-10 30-10 40 0z' fill='%2349563f' fill-opacity='0.6'/%3E%3C/svg%3E"), linear-gradient(180deg, #26361a, #192311); background-size: 144px 18px, 100% 40px; }
/* armyattack-iron */
html[data-site="armyattack"][data-theme="armyattack-iron"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(107, 118, 128, 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='%23f7da83' fill-opacity='0.112'/%3E%3Crect x='6' y='6' width='6' height='3' fill='%23f7da83' fill-opacity='0.112'/%3E%3Crect x='3' y='3' width='3' height='6' fill='%23f7da83' fill-opacity='0.056'/%3E%3Crect x='9' y='9' width='3' height='3' fill='%23f7da83' 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='136' height='30' viewBox='0 0 136 30'%3E%3Cpath d='M0 30V16h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v14z' fill='%23323334' 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='%23090a0a' 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="armyattack-iron"] { 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='%23323334' 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, #0b0c0d, #070808); background-size: 82px 18px, 100% 40px; }
/* armyattack-dawn */
html[data-site="armyattack"][data-theme="armyattack-dawn"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 193, 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='%235a2a3a' 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='%23e0745a' 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='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 30L30 10l20 12 30-18 30 22 24-14 26 18z' fill='%23744c5a' fill-opacity='0.6'/%3E%3Cpath d='M74 8l6-4 7 6z' fill='%23ffc14d' 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='%2348222e' fill-opacity='1'/%3E%3Cpath d='M74 8l6-4 7 6z' fill='%23ffc14d' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 160px 30px; --t-foot-size-sm: 112px 21px; --t-edge: rgba(255, 193, 77, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(90, 42, 58, 0.45); --t-gold-hi: #ffd78b; }
.los-theme-card[data-theme-choice="armyattack-dawn"] { 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='%23744c5a' fill-opacity='0.75'/%3E%3Cpath d='M74 8l6-4 7 6z' fill='%23ffc14d' fill-opacity='0.9'/%3E%3C/svg%3E"), linear-gradient(180deg, #5a2a3a, #3b1b26); background-size: 96px 18px, 100% 40px; }
/* backyardmonsters-classic */
html[data-site="backyardmonsters"][data-theme="backyardmonsters-classic"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(245, 197, 66, 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='%232e4a1a' stroke-opacity='0.06' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='80' cy='14' r='3' fill='%23f5c542' fill-opacity='0.15'/%3E%3Ccircle cx='30' cy='8' r='2' fill='%23f5c542' 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='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30V20h240v10z M0 14h240v4H0z' fill='%23141f0b' fill-opacity='0.48'/%3E%3Cpath d='M6 30V9l4-4 4 4v21z' fill='%23141f0b' fill-opacity='0.6'/%3E%3Cpath d='M36 30V9l4-4 4 4v21z' fill='%23141f0b' fill-opacity='0.6'/%3E%3Cpath d='M66 30V9l4-4 4 4v21z' fill='%23141f0b' fill-opacity='0.6'/%3E%3Cpath d='M96 30V9l4-4 4 4v21z' fill='%23141f0b' fill-opacity='0.6'/%3E%3Cpath d='M126 30V9l4-4 4 4v21z' fill='%23141f0b' fill-opacity='0.6'/%3E%3Cpath d='M156 30V9l4-4 4 4v21z' fill='%23141f0b' fill-opacity='0.6'/%3E%3Cpath d='M186 30V9l4-4 4 4v21z' fill='%23141f0b' fill-opacity='0.6'/%3E%3Cpath d='M216 30V9l4-4 4 4v21z' fill='%23141f0b' 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 30V20h240v10z M0 14h240v4H0z' fill='%23253b15' fill-opacity='0.8'/%3E%3Cpath d='M6 30V9l4-4 4 4v21z' fill='%23253b15' fill-opacity='1'/%3E%3Cpath d='M36 30V9l4-4 4 4v21z' fill='%23253b15' fill-opacity='1'/%3E%3Cpath d='M66 30V9l4-4 4 4v21z' fill='%23253b15' fill-opacity='1'/%3E%3Cpath d='M96 30V9l4-4 4 4v21z' fill='%23253b15' fill-opacity='1'/%3E%3Cpath d='M126 30V9l4-4 4 4v21z' fill='%23253b15' fill-opacity='1'/%3E%3Cpath d='M156 30V9l4-4 4 4v21z' fill='%23253b15' fill-opacity='1'/%3E%3Cpath d='M186 30V9l4-4 4 4v21z' fill='%23253b15' fill-opacity='1'/%3E%3Cpath d='M216 30V9l4-4 4 4v21z' fill='%23253b15' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(245, 197, 66, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(46, 74, 26, 0.45); --t-gold-hi: #f9d984; }
.los-theme-card[data-theme-choice="backyardmonsters-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='%23141f0b' fill-opacity='0.6'/%3E%3Cpath d='M6 30V9l4-4 4 4v21z' fill='%23141f0b' fill-opacity='0.75'/%3E%3Cpath d='M36 30V9l4-4 4 4v21z' fill='%23141f0b' fill-opacity='0.75'/%3E%3Cpath d='M66 30V9l4-4 4 4v21z' fill='%23141f0b' fill-opacity='0.75'/%3E%3Cpath d='M96 30V9l4-4 4 4v21z' fill='%23141f0b' fill-opacity='0.75'/%3E%3Cpath d='M126 30V9l4-4 4 4v21z' fill='%23141f0b' fill-opacity='0.75'/%3E%3Cpath d='M156 30V9l4-4 4 4v21z' fill='%23141f0b' fill-opacity='0.75'/%3E%3Cpath d='M186 30V9l4-4 4 4v21z' fill='%23141f0b' fill-opacity='0.75'/%3E%3Cpath d='M216 30V9l4-4 4 4v21z' fill='%23141f0b' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #2e4a1a, #1e3011); background-size: 144px 18px, 100% 40px; }
/* backyardmonsters-goo */
html[data-site="backyardmonsters"][data-theme="backyardmonsters-goo"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(76, 175, 42, 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='%23ddff9c' fill-opacity='0.14'/%3E%3Ccircle cx='60' cy='40' r='0.8' fill='%23ddff9c' fill-opacity='0.14'/%3E%3Ccircle cx='104' cy='14' r='1.6' fill='%23ddff9c' fill-opacity='0.14'/%3E%3Ccircle cx='140' cy='62' r='0.9' fill='%23ddff9c' fill-opacity='0.14'/%3E%3Ccircle cx='30' cy='88' r='1' fill='%23ddff9c' fill-opacity='0.14'/%3E%3Ccircle cx='86' cy='104' r='1.4' fill='%23ddff9c' fill-opacity='0.14'/%3E%3Ccircle cx='128' cy='132' r='0.8' fill='%23ddff9c' fill-opacity='0.14'/%3E%3Ccircle cx='8' cy='140' r='1.1' fill='%23ddff9c' fill-opacity='0.14'/%3E%3Ccircle cx='70' cy='150' r='0.7' fill='%23ddff9c' fill-opacity='0.14'/%3E%3Ccircle cx='150' cy='100' r='1.2' fill='%23ddff9c' 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='%237ee04a' 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='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30V20h240v10z M0 14h240v4H0z' fill='%23313832' fill-opacity='0.48'/%3E%3Cpath d='M6 30V9l4-4 4 4v21z' fill='%23313832' fill-opacity='0.6'/%3E%3Cpath d='M36 30V9l4-4 4 4v21z' fill='%23313832' fill-opacity='0.6'/%3E%3Cpath d='M66 30V9l4-4 4 4v21z' fill='%23313832' fill-opacity='0.6'/%3E%3Cpath d='M96 30V9l4-4 4 4v21z' fill='%23313832' fill-opacity='0.6'/%3E%3Cpath d='M126 30V9l4-4 4 4v21z' fill='%23313832' fill-opacity='0.6'/%3E%3Cpath d='M156 30V9l4-4 4 4v21z' fill='%23313832' fill-opacity='0.6'/%3E%3Cpath d='M186 30V9l4-4 4 4v21z' fill='%23313832' fill-opacity='0.6'/%3E%3Cpath d='M216 30V9l4-4 4 4v21z' fill='%23313832' 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 30V20h240v10z M0 14h240v4H0z' fill='%23080e09' fill-opacity='0.8'/%3E%3Cpath d='M6 30V9l4-4 4 4v21z' fill='%23080e09' fill-opacity='1'/%3E%3Cpath d='M36 30V9l4-4 4 4v21z' fill='%23080e09' fill-opacity='1'/%3E%3Cpath d='M66 30V9l4-4 4 4v21z' fill='%23080e09' fill-opacity='1'/%3E%3Cpath d='M96 30V9l4-4 4 4v21z' fill='%23080e09' fill-opacity='1'/%3E%3Cpath d='M126 30V9l4-4 4 4v21z' fill='%23080e09' fill-opacity='1'/%3E%3Cpath d='M156 30V9l4-4 4 4v21z' fill='%23080e09' fill-opacity='1'/%3E%3Cpath d='M186 30V9l4-4 4 4v21z' fill='%23080e09' fill-opacity='1'/%3E%3Cpath d='M216 30V9l4-4 4 4v21z' fill='%23080e09' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(198, 255, 90, 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: #daff94; }
.los-theme-card[data-theme-choice="backyardmonsters-goo"] { 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='%23313832' fill-opacity='0.6'/%3E%3Cpath d='M6 30V9l4-4 4 4v21z' fill='%23313832' fill-opacity='0.75'/%3E%3Cpath d='M36 30V9l4-4 4 4v21z' fill='%23313832' fill-opacity='0.75'/%3E%3Cpath d='M66 30V9l4-4 4 4v21z' fill='%23313832' fill-opacity='0.75'/%3E%3Cpath d='M96 30V9l4-4 4 4v21z' fill='%23313832' fill-opacity='0.75'/%3E%3Cpath d='M126 30V9l4-4 4 4v21z' fill='%23313832' fill-opacity='0.75'/%3E%3Cpath d='M156 30V9l4-4 4 4v21z' fill='%23313832' fill-opacity='0.75'/%3E%3Cpath d='M186 30V9l4-4 4 4v21z' fill='%23313832' fill-opacity='0.75'/%3E%3Cpath d='M216 30V9l4-4 4 4v21z' fill='%23313832' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #0a120b, #070c07); background-size: 144px 18px, 100% 40px; }
/* backyardmonsters-putty */
html[data-site="backyardmonsters"][data-theme="backyardmonsters-putty"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(245, 197, 66, 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='%238e4cc4' fill-opacity='0.12'/%3E%3Crect x='70' y='14' width='7' height='3' rx='1' transform='rotate(-20 70 14)' fill='%233d2357' fill-opacity='0.12'/%3E%3Crect x='100' y='60' width='7' height='3' rx='1' transform='rotate(60 100 60)' fill='%238e4cc4' fill-opacity='0.12'/%3E%3Crect x='30' y='80' width='7' height='3' rx='1' transform='rotate(-40 30 80)' fill='%233d2357' fill-opacity='0.12'/%3E%3Crect x='80' y='104' width='7' height='3' rx='1' transform='rotate(15 80 104)' fill='%238e4cc4' fill-opacity='0.12'/%3E%3Crect x='120' y='110' width='7' height='3' rx='1' transform='rotate(-60 120 110)' fill='%233d2357' 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='300' height='30' viewBox='0 0 300 30'%3E%3Cpath d='M0 30h300v-4H0z' fill='%235c4672' fill-opacity='0.6'/%3E%3Ccircle cx='20' cy='20' r='10' fill='%235c4672' fill-opacity='0.6'/%3E%3Crect x='18.5' y='20' width='3' height='10' fill='%235c4672' fill-opacity='0.6'/%3E%3Ccircle cx='46' cy='16' r='14' fill='%23f5c542' fill-opacity='0.42'/%3E%3Crect x='44.5' y='16' width='3' height='14' fill='%235c4672' fill-opacity='0.6'/%3E%3Ccircle cx='80' cy='21' r='9' fill='%235c4672' fill-opacity='0.6'/%3E%3Crect x='78.5' y='21' width='3' height='9' fill='%235c4672' fill-opacity='0.6'/%3E%3Ccircle cx='130' cy='17' r='13' fill='%235c4672' fill-opacity='0.6'/%3E%3Crect x='128.5' y='17' width='3' height='13' fill='%235c4672' fill-opacity='0.6'/%3E%3Ccircle cx='160' cy='22' r='8' fill='%23f5c542' fill-opacity='0.42'/%3E%3Crect x='158.5' y='22' width='3' height='8' fill='%235c4672' fill-opacity='0.6'/%3E%3Ccircle cx='210' cy='18' r='12' fill='%235c4672' fill-opacity='0.6'/%3E%3Crect x='208.5' y='18' width='3' height='12' fill='%235c4672' fill-opacity='0.6'/%3E%3Ccircle cx='250' cy='20' r='10' fill='%23f5c542' fill-opacity='0.42'/%3E%3Crect x='248.5' y='20' width='3' height='10' fill='%235c4672' fill-opacity='0.6'/%3E%3Ccircle cx='280' cy='23' r='7' fill='%235c4672' fill-opacity='0.6'/%3E%3Crect x='278.5' y='23' width='3' height='7' fill='%235c4672' 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='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30V20h240v10z M0 14h240v4H0z' fill='%23311c46' fill-opacity='0.8'/%3E%3Cpath d='M6 30V9l4-4 4 4v21z' fill='%23311c46' fill-opacity='1'/%3E%3Cpath d='M36 30V9l4-4 4 4v21z' fill='%23311c46' fill-opacity='1'/%3E%3Cpath d='M66 30V9l4-4 4 4v21z' fill='%23311c46' fill-opacity='1'/%3E%3Cpath d='M96 30V9l4-4 4 4v21z' fill='%23311c46' fill-opacity='1'/%3E%3Cpath d='M126 30V9l4-4 4 4v21z' fill='%23311c46' fill-opacity='1'/%3E%3Cpath d='M156 30V9l4-4 4 4v21z' fill='%23311c46' fill-opacity='1'/%3E%3Cpath d='M186 30V9l4-4 4 4v21z' fill='%23311c46' fill-opacity='1'/%3E%3Cpath d='M216 30V9l4-4 4 4v21z' fill='%23311c46' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(245, 197, 66, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(61, 35, 87, 0.45); --t-gold-hi: #f9d984; }
.los-theme-card[data-theme-choice="backyardmonsters-putty"] { 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='%235c4672' fill-opacity='0.75'/%3E%3Ccircle cx='20' cy='20' r='10' fill='%235c4672' fill-opacity='0.75'/%3E%3Crect x='18.5' y='20' width='3' height='10' fill='%235c4672' fill-opacity='0.75'/%3E%3Ccircle cx='46' cy='16' r='14' fill='%23f5c542' fill-opacity='0.525'/%3E%3Crect x='44.5' y='16' width='3' height='14' fill='%235c4672' fill-opacity='0.75'/%3E%3Ccircle cx='80' cy='21' r='9' fill='%235c4672' fill-opacity='0.75'/%3E%3Crect x='78.5' y='21' width='3' height='9' fill='%235c4672' fill-opacity='0.75'/%3E%3Ccircle cx='130' cy='17' r='13' fill='%235c4672' fill-opacity='0.75'/%3E%3Crect x='128.5' y='17' width='3' height='13' fill='%235c4672' fill-opacity='0.75'/%3E%3Ccircle cx='160' cy='22' r='8' fill='%23f5c542' fill-opacity='0.525'/%3E%3Crect x='158.5' y='22' width='3' height='8' fill='%235c4672' fill-opacity='0.75'/%3E%3Ccircle cx='210' cy='18' r='12' fill='%235c4672' fill-opacity='0.75'/%3E%3Crect x='208.5' y='18' width='3' height='12' fill='%235c4672' fill-opacity='0.75'/%3E%3Ccircle cx='250' cy='20' r='10' fill='%23f5c542' fill-opacity='0.525'/%3E%3Crect x='248.5' y='20' width='3' height='10' fill='%235c4672' fill-opacity='0.75'/%3E%3Ccircle cx='280' cy='23' r='7' fill='%235c4672' fill-opacity='0.75'/%3E%3Crect x='278.5' y='23' width='3' height='7' fill='%235c4672' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #3d2357, #281739); background-size: 180px 18px, 100% 40px; }
/* backyardmonsters-inferno */
html[data-site="backyardmonsters"][data-theme="backyardmonsters-inferno"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(200, 54, 30, 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='%23ff7a3d' fill-opacity='0.21'/%3E%3Ccircle cx='80' cy='14' r='1' fill='%23ff7a3d' fill-opacity='0.21'/%3E%3Ccircle cx='120' cy='70' r='2' fill='%23ff7a3d' fill-opacity='0.21'/%3E%3Ccircle cx='50' cy='100' r='1.2' fill='%23ff7a3d' fill-opacity='0.21'/%3E%3Ccircle cx='100' cy='130' r='1.4' fill='%23ff7a3d' fill-opacity='0.21'/%3E%3Ccircle cx='14' cy='120' r='0.9' fill='%23ff7a3d' fill-opacity='0.21'/%3E%3Cpath d='M60 50l2 4-2 4-2-4z' fill='%23ff7a3d' 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='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 30L30 10l20 12 30-18 30 22 24-14 26 18z' fill='%2338302f' fill-opacity='0.6'/%3E%3Cpath d='M74 8l6-4 7 6z' fill='%23ffb13b' 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='%230e0606' fill-opacity='1'/%3E%3Cpath d='M74 8l6-4 7 6z' fill='%23ffb13b' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 160px 30px; --t-foot-size-sm: 112px 21px; --t-edge: rgba(255, 177, 59, 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: #ffcc80; }
.los-theme-card[data-theme-choice="backyardmonsters-inferno"] { 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='%2338302f' fill-opacity='0.75'/%3E%3Cpath d='M74 8l6-4 7 6z' fill='%23ffb13b' fill-opacity='0.9'/%3E%3C/svg%3E"), linear-gradient(180deg, #120807, #0c0505); background-size: 96px 18px, 100% 40px; }
/* backyardmonsters-twig */
html[data-site="backyardmonsters"][data-theme="backyardmonsters-twig"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(245, 197, 66, 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='%234a2e12' 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='%234a2e12' 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='%234a2e12' 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='%23674f38' fill-opacity='0.48'/%3E%3Cpath d='M6 30V9l4-4 4 4v21z' fill='%23674f38' fill-opacity='0.6'/%3E%3Cpath d='M36 30V9l4-4 4 4v21z' fill='%23674f38' fill-opacity='0.6'/%3E%3Cpath d='M66 30V9l4-4 4 4v21z' fill='%23674f38' fill-opacity='0.6'/%3E%3Cpath d='M96 30V9l4-4 4 4v21z' fill='%23674f38' fill-opacity='0.6'/%3E%3Cpath d='M126 30V9l4-4 4 4v21z' fill='%23674f38' fill-opacity='0.6'/%3E%3Cpath d='M156 30V9l4-4 4 4v21z' fill='%23674f38' fill-opacity='0.6'/%3E%3Cpath d='M186 30V9l4-4 4 4v21z' fill='%23674f38' fill-opacity='0.6'/%3E%3Cpath d='M216 30V9l4-4 4 4v21z' fill='%23674f38' 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 30V20h240v10z M0 14h240v4H0z' fill='%233b250e' fill-opacity='0.8'/%3E%3Cpath d='M6 30V9l4-4 4 4v21z' fill='%233b250e' fill-opacity='1'/%3E%3Cpath d='M36 30V9l4-4 4 4v21z' fill='%233b250e' fill-opacity='1'/%3E%3Cpath d='M66 30V9l4-4 4 4v21z' fill='%233b250e' fill-opacity='1'/%3E%3Cpath d='M96 30V9l4-4 4 4v21z' fill='%233b250e' fill-opacity='1'/%3E%3Cpath d='M126 30V9l4-4 4 4v21z' fill='%233b250e' fill-opacity='1'/%3E%3Cpath d='M156 30V9l4-4 4 4v21z' fill='%233b250e' fill-opacity='1'/%3E%3Cpath d='M186 30V9l4-4 4 4v21z' fill='%233b250e' fill-opacity='1'/%3E%3Cpath d='M216 30V9l4-4 4 4v21z' fill='%233b250e' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(245, 197, 66, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(74, 46, 18, 0.45); --t-gold-hi: #f9d984; }
.los-theme-card[data-theme-choice="backyardmonsters-twig"] { 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='%23674f38' fill-opacity='0.6'/%3E%3Cpath d='M6 30V9l4-4 4 4v21z' fill='%23674f38' fill-opacity='0.75'/%3E%3Cpath d='M36 30V9l4-4 4 4v21z' fill='%23674f38' fill-opacity='0.75'/%3E%3Cpath d='M66 30V9l4-4 4 4v21z' fill='%23674f38' fill-opacity='0.75'/%3E%3Cpath d='M96 30V9l4-4 4 4v21z' fill='%23674f38' fill-opacity='0.75'/%3E%3Cpath d='M126 30V9l4-4 4 4v21z' fill='%23674f38' fill-opacity='0.75'/%3E%3Cpath d='M156 30V9l4-4 4 4v21z' fill='%23674f38' fill-opacity='0.75'/%3E%3Cpath d='M186 30V9l4-4 4 4v21z' fill='%23674f38' fill-opacity='0.75'/%3E%3Cpath d='M216 30V9l4-4 4 4v21z' fill='%23674f38' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #4a2e12, #301e0c); background-size: 144px 18px, 100% 40px; }
/* backyardmonsters-pebble */
html[data-site="backyardmonsters"][data-theme="backyardmonsters-pebble"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(245, 197, 66, 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='%232c3338' stroke-opacity='0.06' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='70' cy='20' r='1.4' fill='%232c3338' 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='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 30L30 10l20 12 30-18 30 22 24-14 26 18z' fill='%234e5458' fill-opacity='0.6'/%3E%3Cpath d='M74 8l6-4 7 6z' fill='%23f5c542' 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='%2323292d' fill-opacity='1'/%3E%3Cpath d='M74 8l6-4 7 6z' fill='%23f5c542' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 160px 30px; --t-foot-size-sm: 112px 21px; --t-edge: rgba(245, 197, 66, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(44, 51, 56, 0.45); --t-gold-hi: #f9d984; }
.los-theme-card[data-theme-choice="backyardmonsters-pebble"] { 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='%234e5458' fill-opacity='0.75'/%3E%3Cpath d='M74 8l6-4 7 6z' fill='%23f5c542' fill-opacity='0.9'/%3E%3C/svg%3E"), linear-gradient(180deg, #2c3338, #1d2124); background-size: 96px 18px, 100% 40px; }
/* backyardmonsters-raid */
html[data-site="backyardmonsters"][data-theme="backyardmonsters-raid"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(123, 63, 242, 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='%23ddff9c' 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='%23ddff9c' 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='%23ddff9c' stroke-opacity='0.07' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0 .5H120M.5 0V120' fill='none' stroke='%23ddff9c' 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='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30V20h240v10z M0 14h240v4H0z' fill='%2330333a' fill-opacity='0.48'/%3E%3Cpath d='M6 30V9l4-4 4 4v21z' fill='%2330333a' fill-opacity='0.6'/%3E%3Cpath d='M36 30V9l4-4 4 4v21z' fill='%2330333a' fill-opacity='0.6'/%3E%3Cpath d='M66 30V9l4-4 4 4v21z' fill='%2330333a' fill-opacity='0.6'/%3E%3Cpath d='M96 30V9l4-4 4 4v21z' fill='%2330333a' fill-opacity='0.6'/%3E%3Cpath d='M126 30V9l4-4 4 4v21z' fill='%2330333a' fill-opacity='0.6'/%3E%3Cpath d='M156 30V9l4-4 4 4v21z' fill='%2330333a' fill-opacity='0.6'/%3E%3Cpath d='M186 30V9l4-4 4 4v21z' fill='%2330333a' fill-opacity='0.6'/%3E%3Cpath d='M216 30V9l4-4 4 4v21z' fill='%2330333a' 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 30V20h240v10z M0 14h240v4H0z' fill='%23070a10' fill-opacity='0.8'/%3E%3Cpath d='M6 30V9l4-4 4 4v21z' fill='%23070a10' fill-opacity='1'/%3E%3Cpath d='M36 30V9l4-4 4 4v21z' fill='%23070a10' fill-opacity='1'/%3E%3Cpath d='M66 30V9l4-4 4 4v21z' fill='%23070a10' fill-opacity='1'/%3E%3Cpath d='M96 30V9l4-4 4 4v21z' fill='%23070a10' fill-opacity='1'/%3E%3Cpath d='M126 30V9l4-4 4 4v21z' fill='%23070a10' fill-opacity='1'/%3E%3Cpath d='M156 30V9l4-4 4 4v21z' fill='%23070a10' fill-opacity='1'/%3E%3Cpath d='M186 30V9l4-4 4 4v21z' fill='%23070a10' fill-opacity='1'/%3E%3Cpath d='M216 30V9l4-4 4 4v21z' fill='%23070a10' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(198, 255, 90, 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: #daff94; }
.los-theme-card[data-theme-choice="backyardmonsters-raid"] { 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='%2330333a' fill-opacity='0.6'/%3E%3Cpath d='M6 30V9l4-4 4 4v21z' fill='%2330333a' fill-opacity='0.75'/%3E%3Cpath d='M36 30V9l4-4 4 4v21z' fill='%2330333a' fill-opacity='0.75'/%3E%3Cpath d='M66 30V9l4-4 4 4v21z' fill='%2330333a' fill-opacity='0.75'/%3E%3Cpath d='M96 30V9l4-4 4 4v21z' fill='%2330333a' fill-opacity='0.75'/%3E%3Cpath d='M126 30V9l4-4 4 4v21z' fill='%2330333a' fill-opacity='0.75'/%3E%3Cpath d='M156 30V9l4-4 4 4v21z' fill='%2330333a' fill-opacity='0.75'/%3E%3Cpath d='M186 30V9l4-4 4 4v21z' fill='%2330333a' fill-opacity='0.75'/%3E%3Cpath d='M216 30V9l4-4 4 4v21z' fill='%2330333a' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #090c14, #06080d); background-size: 144px 18px, 100% 40px; }
/* monstergalaxy-classic */
html[data-site="monstergalaxy"][data-theme="monstergalaxy-classic"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 216, 74, 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%3Ccircle cx='12' cy='18' r='1.2' fill='%230d2c48' fill-opacity='0.12'/%3E%3Ccircle cx='60' cy='40' r='0.8' fill='%230d2c48' fill-opacity='0.12'/%3E%3Ccircle cx='104' cy='14' r='1.6' fill='%230d2c48' fill-opacity='0.12'/%3E%3Ccircle cx='140' cy='62' r='0.9' fill='%230d2c48' fill-opacity='0.12'/%3E%3Ccircle cx='30' cy='88' r='1' fill='%230d2c48' fill-opacity='0.12'/%3E%3Ccircle cx='86' cy='104' r='1.4' fill='%230d2c48' fill-opacity='0.12'/%3E%3Ccircle cx='128' cy='132' r='0.8' fill='%230d2c48' fill-opacity='0.12'/%3E%3Ccircle cx='8' cy='140' r='1.1' fill='%230d2c48' fill-opacity='0.12'/%3E%3Ccircle cx='70' cy='150' r='0.7' fill='%230d2c48' fill-opacity='0.12'/%3E%3Ccircle cx='150' cy='100' r='1.2' fill='%230d2c48' fill-opacity='0.12'/%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='%23ffd84a' fill-opacity='0.15'/%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='240' height='30' viewBox='0 0 240 30'%3E%3Ccircle cx='40' cy='18' r='9' fill='%23344e65' fill-opacity='0.6'/%3E%3Cellipse cx='40' cy='18' rx='15' ry='3.5' fill='none' stroke='%23ffd84a' stroke-opacity='0.6' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='130' cy='20' r='5' fill='%23ffd84a' fill-opacity='0.6'/%3E%3Ccircle cx='200' cy='14' r='7' fill='%23344e65' fill-opacity='0.6'/%3E%3Ccircle cx='90' cy='8' r='1.3' fill='%23ffd84a' fill-opacity='0.96'/%3E%3Ccircle cx='170' cy='26' r='1.1' fill='%23ffd84a' fill-opacity='0.96'/%3E%3Cpath d='M0 30v-2h240v2z' fill='%23344e65' 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%3Ccircle cx='40' cy='18' r='9' fill='%230a233a' fill-opacity='1'/%3E%3Cellipse cx='40' cy='18' rx='15' ry='3.5' fill='none' stroke='%23ffd84a' stroke-opacity='1' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='130' cy='20' r='5' fill='%23ffd84a' fill-opacity='1'/%3E%3Ccircle cx='200' cy='14' r='7' fill='%230a233a' fill-opacity='1'/%3E%3Ccircle cx='90' cy='8' r='1.3' fill='%23ffd84a' fill-opacity='1'/%3E%3Ccircle cx='170' cy='26' r='1.1' fill='%23ffd84a' fill-opacity='1'/%3E%3Cpath d='M0 30v-2h240v2z' fill='%230a233a' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(255, 216, 74, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(13, 44, 72, 0.45); --t-gold-hi: #ffe689; }
.los-theme-card[data-theme-choice="monstergalaxy-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%3Ccircle cx='40' cy='18' r='9' fill='%23344e65' fill-opacity='0.75'/%3E%3Cellipse cx='40' cy='18' rx='15' ry='3.5' fill='none' stroke='%23ffd84a' stroke-opacity='0.75' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='130' cy='20' r='5' fill='%23ffd84a' fill-opacity='0.75'/%3E%3Ccircle cx='200' cy='14' r='7' fill='%23344e65' fill-opacity='0.75'/%3E%3Ccircle cx='90' cy='8' r='1.3' fill='%23ffd84a' fill-opacity='1'/%3E%3Ccircle cx='170' cy='26' r='1.1' fill='%23ffd84a' fill-opacity='1'/%3E%3Cpath d='M0 30v-2h240v2z' fill='%23344e65' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #0d2c48, #081d2f); background-size: 144px 18px, 100% 40px; }
/* monstergalaxy-cosmos */
html[data-site="monstergalaxy"][data-theme="monstergalaxy-cosmos"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(59, 86, 184, 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='%23ffe892' fill-opacity='0.14'/%3E%3Ccircle cx='60' cy='40' r='0.8' fill='%23ffe892' fill-opacity='0.14'/%3E%3Ccircle cx='104' cy='14' r='1.6' fill='%23ffe892' fill-opacity='0.14'/%3E%3Ccircle cx='140' cy='62' r='0.9' fill='%23ffe892' fill-opacity='0.14'/%3E%3Ccircle cx='30' cy='88' r='1' fill='%23ffe892' fill-opacity='0.14'/%3E%3Ccircle cx='86' cy='104' r='1.4' fill='%23ffe892' fill-opacity='0.14'/%3E%3Ccircle cx='128' cy='132' r='0.8' fill='%23ffe892' fill-opacity='0.14'/%3E%3Ccircle cx='8' cy='140' r='1.1' fill='%23ffe892' fill-opacity='0.14'/%3E%3Ccircle cx='70' cy='150' r='0.7' fill='%23ffe892' fill-opacity='0.14'/%3E%3Ccircle cx='150' cy='100' r='1.2' fill='%23ffe892' 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='%236fd3ff' 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='240' height='30' viewBox='0 0 240 30'%3E%3Ccircle cx='40' cy='18' r='9' fill='%232f313d' fill-opacity='0.6'/%3E%3Cellipse cx='40' cy='18' rx='15' ry='3.5' fill='none' stroke='%23ffd84a' stroke-opacity='0.6' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='130' cy='20' r='5' fill='%23ffd84a' fill-opacity='0.6'/%3E%3Ccircle cx='200' cy='14' r='7' fill='%232f313d' fill-opacity='0.6'/%3E%3Ccircle cx='90' cy='8' r='1.3' fill='%23ffd84a' fill-opacity='0.96'/%3E%3Ccircle cx='170' cy='26' r='1.1' fill='%23ffd84a' fill-opacity='0.96'/%3E%3Cpath d='M0 30v-2h240v2z' fill='%232f313d' 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%3Ccircle cx='40' cy='18' r='9' fill='%23060813' fill-opacity='1'/%3E%3Cellipse cx='40' cy='18' rx='15' ry='3.5' fill='none' stroke='%23ffd84a' stroke-opacity='1' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='130' cy='20' r='5' fill='%23ffd84a' fill-opacity='1'/%3E%3Ccircle cx='200' cy='14' r='7' fill='%23060813' fill-opacity='1'/%3E%3Ccircle cx='90' cy='8' r='1.3' fill='%23ffd84a' fill-opacity='1'/%3E%3Ccircle cx='170' cy='26' r='1.1' fill='%23ffd84a' fill-opacity='1'/%3E%3Cpath d='M0 30v-2h240v2z' fill='%23060813' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(255, 216, 74, 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: #ffe689; }
.los-theme-card[data-theme-choice="monstergalaxy-cosmos"] { 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%3Ccircle cx='40' cy='18' r='9' fill='%232f313d' fill-opacity='0.75'/%3E%3Cellipse cx='40' cy='18' rx='15' ry='3.5' fill='none' stroke='%23ffd84a' stroke-opacity='0.75' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='130' cy='20' r='5' fill='%23ffd84a' fill-opacity='0.75'/%3E%3Ccircle cx='200' cy='14' r='7' fill='%232f313d' fill-opacity='0.75'/%3E%3Ccircle cx='90' cy='8' r='1.3' fill='%23ffd84a' fill-opacity='1'/%3E%3Ccircle cx='170' cy='26' r='1.1' fill='%23ffd84a' fill-opacity='1'/%3E%3Cpath d='M0 30v-2h240v2z' fill='%232f313d' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #070a18, #050710); background-size: 144px 18px, 100% 40px; }
/* monstergalaxy-sunshire */
html[data-site="monstergalaxy"][data-theme="monstergalaxy-sunshire"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 204, 58, 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='%23ffcc3a' fill-opacity='0.09'/%3E%3Cpath d='M0-8V9' fill='none' stroke='%232f5a17' 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='%232f5a17' fill-opacity='0.09'/%3E%3Cpath d='M0-8V9' fill='none' stroke='%232f5a17' 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='%232f5a17' fill-opacity='0.09'/%3E%3Cpath d='M0-8V9' fill='none' stroke='%232f5a17' 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='%23ffcc3a' fill-opacity='0.09'/%3E%3Cpath d='M0-8V9' fill='none' stroke='%232f5a17' 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='%232f5a17' fill-opacity='0.09'/%3E%3Cpath d='M0-8V9' fill='none' stroke='%232f5a17' 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='320' height='30' viewBox='0 0 320 30'%3E%3Cpath d='M0 30C50 14 90 14 140 22S240 10 320 20 V30z' fill='%2314260a' fill-opacity='0.6'/%3E%3Cpath d='M0 30C60 22 120 24 180 26S280 22 320 26V30z' fill='%2314260a' 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='%23264812' fill-opacity='1'/%3E%3Cpath d='M0 30C60 22 120 24 180 26S280 22 320 26V30z' fill='%23264812' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 320px 30px; --t-foot-size-sm: 224px 21px; --t-edge: rgba(255, 204, 58, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(47, 90, 23, 0.45); --t-gold-hi: #ffde7f; }
.los-theme-card[data-theme-choice="monstergalaxy-sunshire"] { 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='%2314260a' fill-opacity='0.75'/%3E%3Cpath d='M0 30C60 22 120 24 180 26S280 22 320 26V30z' fill='%2314260a' fill-opacity='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #2f5a17, #1f3b0f); background-size: 192px 18px, 100% 40px; }
/* monstergalaxy-fire */
html[data-site="monstergalaxy"][data-theme="monstergalaxy-fire"] { --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%3Ccircle cx='20' cy='30' r='1.6' fill='%23f07a2d' fill-opacity='0.18'/%3E%3Ccircle cx='80' cy='14' r='1' fill='%23f07a2d' fill-opacity='0.18'/%3E%3Ccircle cx='120' cy='70' r='2' fill='%23f07a2d' fill-opacity='0.18'/%3E%3Ccircle cx='50' cy='100' r='1.2' fill='%23f07a2d' fill-opacity='0.18'/%3E%3Ccircle cx='100' cy='130' r='1.4' fill='%23f07a2d' fill-opacity='0.18'/%3E%3Ccircle cx='14' cy='120' r='0.9' fill='%23f07a2d' fill-opacity='0.18'/%3E%3Cpath d='M60 50l2 4-2 4-2-4z' fill='%23f07a2d' fill-opacity='0.18'/%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='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 30L30 10l20 12 30-18 30 22 24-14 26 18z' fill='%23673c31' fill-opacity='0.6'/%3E%3Cpath d='M74 8l6-4 7 6z' fill='%23ffd166' 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='%233b1208' fill-opacity='1'/%3E%3Cpath d='M74 8l6-4 7 6z' fill='%23ffd166' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 160px 30px; --t-foot-size-sm: 112px 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(74, 23, 10, 0.45); --t-gold-hi: #ffe19c; }
.los-theme-card[data-theme-choice="monstergalaxy-fire"] { 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='%23673c31' fill-opacity='0.75'/%3E%3Cpath d='M74 8l6-4 7 6z' fill='%23ffd166' fill-opacity='0.9'/%3E%3C/svg%3E"), linear-gradient(180deg, #4a170a, #300f07); background-size: 96px 18px, 100% 40px; }
/* monstergalaxy-water */
html[data-site="monstergalaxy"][data-theme="monstergalaxy-water"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 201, 74, 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 20a10 10 0 0 1 20 0 10 10 0 0 1 20 0M-10 30a10 10 0 0 1 20 0 10 10 0 0 1 20 0 10 10 0 0 1 20 0M0 20a6 6 0 0 1 12 0M20 20a6 6 0 0 1 12 0' fill='none' stroke='%230f3557' stroke-opacity='0.06' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 20a2 2 0 0 1 4 0' fill='none' stroke='%23ffc94a' stroke-opacity='0.06' stroke-width='0.9' 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 20a10 10 0 0 1 20 0 10 10 0 0 1 20 0M-10 30a10 10 0 0 1 20 0 10 10 0 0 1 20 0 10 10 0 0 1 20 0M0 20a6 6 0 0 1 12 0M20 20a6 6 0 0 1 12 0' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 20a2 2 0 0 1 4 0' 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: 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='220' height='30' viewBox='0 0 220 30'%3E%3Cpath d='M0 30h220v-4H0z' fill='%23355572' fill-opacity='0.6'/%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='%23355572' stroke-opacity='0.6' 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='%23ffc94a' fill-opacity='0.6'/%3E%3Ccircle cx='112' cy='12' r='2' fill='none' stroke='%23ffc94a' stroke-opacity='0.6' stroke-width='1' stroke-linecap='round'/%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 30h220v-4H0z' fill='%230c2a46' 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='%230c2a46' 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='%23ffc94a' fill-opacity='1'/%3E%3Ccircle cx='112' cy='12' r='2' fill='none' stroke='%23ffc94a' 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, 201, 74, 0.7); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 10px 24px -12px rgba(15, 53, 87, 0.45); --t-gold-hi: #ffdc89; }
.los-theme-card[data-theme-choice="monstergalaxy-water"] { 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 30h220v-4H0z' fill='%23355572' fill-opacity='0.75'/%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='%23355572' stroke-opacity='0.75' 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='%23ffc94a' fill-opacity='0.75'/%3E%3Ccircle cx='112' cy='12' r='2' fill='none' stroke='%23ffc94a' stroke-opacity='0.75' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E"), linear-gradient(180deg, #0f3557, #0a2239); background-size: 132px 18px, 100% 40px; }
/* monstergalaxy-pueblonia */
html[data-site="monstergalaxy"][data-theme="monstergalaxy-pueblonia"] { --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='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='%235a2a14' 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='%235a2a14' 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='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30v-4h240v4z' fill='%23744c3a' fill-opacity='0.6'/%3E%3Cpath d='M20 26V12h6l4-4h24l4 4h4v14z M120 26V16l6-4h20l6 4v10z M190 26V8h20v18z' fill='%23744c3a' fill-opacity='0.6'/%3E%3Cpath d='M84 26v-14M84 18h-5v-4M84 16h5v-4' fill='none' stroke='%23744c3a' stroke-opacity='0.6' stroke-width='2.2' stroke-linecap='round'/%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 30v-4h240v4z' fill='%23482210' fill-opacity='1'/%3E%3Cpath d='M20 26V12h6l4-4h24l4 4h4v14z M120 26V16l6-4h20l6 4v10z M190 26V8h20v18z' fill='%23482210' fill-opacity='1'/%3E%3Cpath d='M84 26v-14M84 18h-5v-4M84 16h5v-4' fill='none' stroke='%23482210' stroke-opacity='1' stroke-width='2.2' stroke-linecap='round'/%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(90, 42, 20, 0.45); --t-gold-hi: #ffe19c; }
.los-theme-card[data-theme-choice="monstergalaxy-pueblonia"] { 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 30v-4h240v4z' fill='%23744c3a' fill-opacity='0.75'/%3E%3Cpath d='M20 26V12h6l4-4h24l4 4h4v14z M120 26V16l6-4h20l6 4v10z M190 26V8h20v18z' fill='%23744c3a' fill-opacity='0.75'/%3E%3Cpath d='M84 26v-14M84 18h-5v-4M84 16h5v-4' fill='none' stroke='%23744c3a' stroke-opacity='0.75' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E"), linear-gradient(180deg, #5a2a14, #3b1b0d); background-size: 144px 18px, 100% 40px; }
/* monstergalaxy-nebula */
html[data-site="monstergalaxy"][data-theme="monstergalaxy-nebula"] { --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(122, 79, 201, 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='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='%23ffe892' 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='%23ffe892' stroke-opacity='0.07' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='136' cy='120' r='2.2' fill='%23c48bff' fill-opacity='0.21'/%3E%3Ccircle cx='40' cy='140' r='1.6' fill='%23c48bff' fill-opacity='0.21'/%3E%3Ccircle cx='90' cy='60' r='1.4' fill='%23c48bff' fill-opacity='0.21'/%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%3Ccircle cx='40' cy='18' r='9' fill='%2334303a' fill-opacity='0.6'/%3E%3Cellipse cx='40' cy='18' rx='15' ry='3.5' fill='none' stroke='%23ffd84a' stroke-opacity='0.6' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='130' cy='20' r='5' fill='%23ffd84a' fill-opacity='0.6'/%3E%3Ccircle cx='200' cy='14' r='7' fill='%2334303a' fill-opacity='0.6'/%3E%3Ccircle cx='90' cy='8' r='1.3' fill='%23ffd84a' fill-opacity='0.96'/%3E%3Ccircle cx='170' cy='26' r='1.1' fill='%23ffd84a' fill-opacity='0.96'/%3E%3Cpath d='M0 30v-2h240v2z' fill='%2334303a' 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%3Ccircle cx='40' cy='18' r='9' fill='%230a0610' fill-opacity='1'/%3E%3Cellipse cx='40' cy='18' rx='15' ry='3.5' fill='none' stroke='%23ffd84a' stroke-opacity='1' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='130' cy='20' r='5' fill='%23ffd84a' fill-opacity='1'/%3E%3Ccircle cx='200' cy='14' r='7' fill='%230a0610' fill-opacity='1'/%3E%3Ccircle cx='90' cy='8' r='1.3' fill='%23ffd84a' fill-opacity='1'/%3E%3Ccircle cx='170' cy='26' r='1.1' fill='%23ffd84a' fill-opacity='1'/%3E%3Cpath d='M0 30v-2h240v2z' fill='%230a0610' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(255, 216, 74, 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: #ffe689; }
.los-theme-card[data-theme-choice="monstergalaxy-nebula"] { 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%3Ccircle cx='40' cy='18' r='9' fill='%2334303a' fill-opacity='0.75'/%3E%3Cellipse cx='40' cy='18' rx='15' ry='3.5' fill='none' stroke='%23ffd84a' stroke-opacity='0.75' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='130' cy='20' r='5' fill='%23ffd84a' fill-opacity='0.75'/%3E%3Ccircle cx='200' cy='14' r='7' fill='%2334303a' fill-opacity='0.75'/%3E%3Ccircle cx='90' cy='8' r='1.3' fill='%23ffd84a' fill-opacity='1'/%3E%3Ccircle cx='170' cy='26' r='1.1' fill='%23ffd84a' fill-opacity='1'/%3E%3Cpath d='M0 30v-2h240v2z' fill='%2334303a' fill-opacity='0.75'/%3E%3C/svg%3E"), linear-gradient(180deg, #0d0814, #08050d); background-size: 144px 18px, 100% 40px; }

/* Every dark theme */
html:not([data-site])[data-theme="harvestnight"] .los-badge, html[data-site="castle"][data-theme="castle-dragon"] .los-badge, html[data-site="city"][data-theme="city-night"] .los-badge, html[data-site="city"][data-theme="city-neon"] .los-badge, html[data-site="cars"][data-theme="cars-midnight"] .los-badge, html[data-site="cars"][data-theme="cars-neon"] .los-badge, html[data-site="empires"][data-theme="empires-night"] .los-badge, html[data-site="empires"][data-theme="empires-jungle"] .los-badge, html[data-site="restaurant"][data-theme="restaurant-bistro"] .los-badge, html[data-site="pets"][data-theme="pets-night"] .los-badge, html[data-site="pets"][data-theme="pets-space"] .los-badge, html[data-site="ville"][data-theme="ville-evening"] .los-badge, html[data-site="socialempires"][data-theme="socialempires-siege"] .los-badge, html[data-site="socialempires"][data-theme="socialempires-dragon"] .los-badge, html[data-site="socialwars"][data-theme="socialwars-night"] .los-badge, html[data-site="socialwars"][data-theme="socialwars-urban"] .los-badge, html[data-site="armyattack"][data-theme="armyattack-night"] .los-badge, html[data-site="armyattack"][data-theme="armyattack-iron"] .los-badge, html[data-site="backyardmonsters"][data-theme="backyardmonsters-goo"] .los-badge, html[data-site="backyardmonsters"][data-theme="backyardmonsters-inferno"] .los-badge, html[data-site="backyardmonsters"][data-theme="backyardmonsters-raid"] .los-badge, html[data-site="monstergalaxy"][data-theme="monstergalaxy-cosmos"] .los-badge, html[data-site="monstergalaxy"][data-theme="monstergalaxy-nebula"] .los-badge, html[data-theme="m-aurora"] .los-badge, html[data-theme="m-deepsea"] .los-badge, html[data-theme="m-arcade"] .los-badge, html[data-theme="m-forge"] .los-badge, html[data-theme="m-cyber"] .los-badge, html[data-theme="m-library"] .los-badge, html[data-theme="m-nebula"] .los-badge { filter: saturate(0.9) brightness(0.95); }
html:not([data-site])[data-theme="harvestnight"] a.los-leader-name, html[data-site="castle"][data-theme="castle-dragon"] a.los-leader-name, html[data-site="city"][data-theme="city-night"] a.los-leader-name, html[data-site="city"][data-theme="city-neon"] a.los-leader-name, html[data-site="cars"][data-theme="cars-midnight"] a.los-leader-name, html[data-site="cars"][data-theme="cars-neon"] a.los-leader-name, html[data-site="empires"][data-theme="empires-night"] a.los-leader-name, html[data-site="empires"][data-theme="empires-jungle"] a.los-leader-name, html[data-site="restaurant"][data-theme="restaurant-bistro"] a.los-leader-name, html[data-site="pets"][data-theme="pets-night"] a.los-leader-name, html[data-site="pets"][data-theme="pets-space"] a.los-leader-name, html[data-site="ville"][data-theme="ville-evening"] a.los-leader-name, html[data-site="socialempires"][data-theme="socialempires-siege"] a.los-leader-name, html[data-site="socialempires"][data-theme="socialempires-dragon"] a.los-leader-name, html[data-site="socialwars"][data-theme="socialwars-night"] a.los-leader-name, html[data-site="socialwars"][data-theme="socialwars-urban"] a.los-leader-name, html[data-site="armyattack"][data-theme="armyattack-night"] a.los-leader-name, html[data-site="armyattack"][data-theme="armyattack-iron"] a.los-leader-name, html[data-site="backyardmonsters"][data-theme="backyardmonsters-goo"] a.los-leader-name, html[data-site="backyardmonsters"][data-theme="backyardmonsters-inferno"] a.los-leader-name, html[data-site="backyardmonsters"][data-theme="backyardmonsters-raid"] a.los-leader-name, html[data-site="monstergalaxy"][data-theme="monstergalaxy-cosmos"] a.los-leader-name, html[data-site="monstergalaxy"][data-theme="monstergalaxy-nebula"] a.los-leader-name, html[data-theme="m-aurora"] a.los-leader-name, html[data-theme="m-deepsea"] a.los-leader-name, html[data-theme="m-arcade"] a.los-leader-name, html[data-theme="m-forge"] a.los-leader-name, html[data-theme="m-cyber"] a.los-leader-name, html[data-theme="m-library"] a.los-leader-name, html[data-theme="m-nebula"] a.los-leader-name { color: var(--gold); }
html:not([data-site])[data-theme="harvestnight"] .los-chat-panel, html[data-site="castle"][data-theme="castle-dragon"] .los-chat-panel, html[data-site="city"][data-theme="city-night"] .los-chat-panel, html[data-site="city"][data-theme="city-neon"] .los-chat-panel, html[data-site="cars"][data-theme="cars-midnight"] .los-chat-panel, html[data-site="cars"][data-theme="cars-neon"] .los-chat-panel, html[data-site="empires"][data-theme="empires-night"] .los-chat-panel, html[data-site="empires"][data-theme="empires-jungle"] .los-chat-panel, html[data-site="restaurant"][data-theme="restaurant-bistro"] .los-chat-panel, html[data-site="pets"][data-theme="pets-night"] .los-chat-panel, html[data-site="pets"][data-theme="pets-space"] .los-chat-panel, html[data-site="ville"][data-theme="ville-evening"] .los-chat-panel, html[data-site="socialempires"][data-theme="socialempires-siege"] .los-chat-panel, html[data-site="socialempires"][data-theme="socialempires-dragon"] .los-chat-panel, html[data-site="socialwars"][data-theme="socialwars-night"] .los-chat-panel, html[data-site="socialwars"][data-theme="socialwars-urban"] .los-chat-panel, html[data-site="armyattack"][data-theme="armyattack-night"] .los-chat-panel, html[data-site="armyattack"][data-theme="armyattack-iron"] .los-chat-panel, html[data-site="backyardmonsters"][data-theme="backyardmonsters-goo"] .los-chat-panel, html[data-site="backyardmonsters"][data-theme="backyardmonsters-inferno"] .los-chat-panel, html[data-site="backyardmonsters"][data-theme="backyardmonsters-raid"] .los-chat-panel, html[data-site="monstergalaxy"][data-theme="monstergalaxy-cosmos"] .los-chat-panel, html[data-site="monstergalaxy"][data-theme="monstergalaxy-nebula"] .los-chat-panel, html[data-theme="m-aurora"] .los-chat-panel, html[data-theme="m-deepsea"] .los-chat-panel, html[data-theme="m-arcade"] .los-chat-panel, html[data-theme="m-forge"] .los-chat-panel, html[data-theme="m-cyber"] .los-chat-panel, html[data-theme="m-library"] .los-chat-panel, html[data-theme="m-nebula"] .los-chat-panel { background: var(--surface); color: var(--text); }
html:not([data-site])[data-theme="harvestnight"] .los-chat-messages, html[data-site="castle"][data-theme="castle-dragon"] .los-chat-messages, html[data-site="city"][data-theme="city-night"] .los-chat-messages, html[data-site="city"][data-theme="city-neon"] .los-chat-messages, html[data-site="cars"][data-theme="cars-midnight"] .los-chat-messages, html[data-site="cars"][data-theme="cars-neon"] .los-chat-messages, html[data-site="empires"][data-theme="empires-night"] .los-chat-messages, html[data-site="empires"][data-theme="empires-jungle"] .los-chat-messages, html[data-site="restaurant"][data-theme="restaurant-bistro"] .los-chat-messages, html[data-site="pets"][data-theme="pets-night"] .los-chat-messages, html[data-site="pets"][data-theme="pets-space"] .los-chat-messages, html[data-site="ville"][data-theme="ville-evening"] .los-chat-messages, html[data-site="socialempires"][data-theme="socialempires-siege"] .los-chat-messages, html[data-site="socialempires"][data-theme="socialempires-dragon"] .los-chat-messages, html[data-site="socialwars"][data-theme="socialwars-night"] .los-chat-messages, html[data-site="socialwars"][data-theme="socialwars-urban"] .los-chat-messages, html[data-site="armyattack"][data-theme="armyattack-night"] .los-chat-messages, html[data-site="armyattack"][data-theme="armyattack-iron"] .los-chat-messages, html[data-site="backyardmonsters"][data-theme="backyardmonsters-goo"] .los-chat-messages, html[data-site="backyardmonsters"][data-theme="backyardmonsters-inferno"] .los-chat-messages, html[data-site="backyardmonsters"][data-theme="backyardmonsters-raid"] .los-chat-messages, html[data-site="monstergalaxy"][data-theme="monstergalaxy-cosmos"] .los-chat-messages, html[data-site="monstergalaxy"][data-theme="monstergalaxy-nebula"] .los-chat-messages, html[data-theme="m-aurora"] .los-chat-messages, html[data-theme="m-deepsea"] .los-chat-messages, html[data-theme="m-arcade"] .los-chat-messages, html[data-theme="m-forge"] .los-chat-messages, html[data-theme="m-cyber"] .los-chat-messages, html[data-theme="m-library"] .los-chat-messages, html[data-theme="m-nebula"] .los-chat-messages { background: var(--bg); }
html:not([data-site])[data-theme="harvestnight"] .los-chat-msg .bubble, html[data-site="castle"][data-theme="castle-dragon"] .los-chat-msg .bubble, html[data-site="city"][data-theme="city-night"] .los-chat-msg .bubble, html[data-site="city"][data-theme="city-neon"] .los-chat-msg .bubble, html[data-site="cars"][data-theme="cars-midnight"] .los-chat-msg .bubble, html[data-site="cars"][data-theme="cars-neon"] .los-chat-msg .bubble, html[data-site="empires"][data-theme="empires-night"] .los-chat-msg .bubble, html[data-site="empires"][data-theme="empires-jungle"] .los-chat-msg .bubble, html[data-site="restaurant"][data-theme="restaurant-bistro"] .los-chat-msg .bubble, html[data-site="pets"][data-theme="pets-night"] .los-chat-msg .bubble, html[data-site="pets"][data-theme="pets-space"] .los-chat-msg .bubble, html[data-site="ville"][data-theme="ville-evening"] .los-chat-msg .bubble, html[data-site="socialempires"][data-theme="socialempires-siege"] .los-chat-msg .bubble, html[data-site="socialempires"][data-theme="socialempires-dragon"] .los-chat-msg .bubble, html[data-site="socialwars"][data-theme="socialwars-night"] .los-chat-msg .bubble, html[data-site="socialwars"][data-theme="socialwars-urban"] .los-chat-msg .bubble, html[data-site="armyattack"][data-theme="armyattack-night"] .los-chat-msg .bubble, html[data-site="armyattack"][data-theme="armyattack-iron"] .los-chat-msg .bubble, html[data-site="backyardmonsters"][data-theme="backyardmonsters-goo"] .los-chat-msg .bubble, html[data-site="backyardmonsters"][data-theme="backyardmonsters-inferno"] .los-chat-msg .bubble, html[data-site="backyardmonsters"][data-theme="backyardmonsters-raid"] .los-chat-msg .bubble, html[data-site="monstergalaxy"][data-theme="monstergalaxy-cosmos"] .los-chat-msg .bubble, html[data-site="monstergalaxy"][data-theme="monstergalaxy-nebula"] .los-chat-msg .bubble, html[data-theme="m-aurora"] .los-chat-msg .bubble, html[data-theme="m-deepsea"] .los-chat-msg .bubble, html[data-theme="m-arcade"] .los-chat-msg .bubble, html[data-theme="m-forge"] .los-chat-msg .bubble, html[data-theme="m-cyber"] .los-chat-msg .bubble, html[data-theme="m-library"] .los-chat-msg .bubble, html[data-theme="m-nebula"] .los-chat-msg .bubble { background: var(--surface-alt); }
html:not([data-site])[data-theme="harvestnight"] .los-chat-form input, html[data-site="castle"][data-theme="castle-dragon"] .los-chat-form input, html[data-site="city"][data-theme="city-night"] .los-chat-form input, html[data-site="city"][data-theme="city-neon"] .los-chat-form input, html[data-site="cars"][data-theme="cars-midnight"] .los-chat-form input, html[data-site="cars"][data-theme="cars-neon"] .los-chat-form input, html[data-site="empires"][data-theme="empires-night"] .los-chat-form input, html[data-site="empires"][data-theme="empires-jungle"] .los-chat-form input, html[data-site="restaurant"][data-theme="restaurant-bistro"] .los-chat-form input, html[data-site="pets"][data-theme="pets-night"] .los-chat-form input, html[data-site="pets"][data-theme="pets-space"] .los-chat-form input, html[data-site="ville"][data-theme="ville-evening"] .los-chat-form input, html[data-site="socialempires"][data-theme="socialempires-siege"] .los-chat-form input, html[data-site="socialempires"][data-theme="socialempires-dragon"] .los-chat-form input, html[data-site="socialwars"][data-theme="socialwars-night"] .los-chat-form input, html[data-site="socialwars"][data-theme="socialwars-urban"] .los-chat-form input, html[data-site="armyattack"][data-theme="armyattack-night"] .los-chat-form input, html[data-site="armyattack"][data-theme="armyattack-iron"] .los-chat-form input, html[data-site="backyardmonsters"][data-theme="backyardmonsters-goo"] .los-chat-form input, html[data-site="backyardmonsters"][data-theme="backyardmonsters-inferno"] .los-chat-form input, html[data-site="backyardmonsters"][data-theme="backyardmonsters-raid"] .los-chat-form input, html[data-site="monstergalaxy"][data-theme="monstergalaxy-cosmos"] .los-chat-form input, html[data-site="monstergalaxy"][data-theme="monstergalaxy-nebula"] .los-chat-form input, html[data-theme="m-aurora"] .los-chat-form input, html[data-theme="m-deepsea"] .los-chat-form input, html[data-theme="m-arcade"] .los-chat-form input, html[data-theme="m-forge"] .los-chat-form input, html[data-theme="m-cyber"] .los-chat-form input, html[data-theme="m-library"] .los-chat-form input, html[data-theme="m-nebula"] .los-chat-form input { background: var(--input-bg); color: var(--text); border-color: var(--input-border); }
html:not([data-site])[data-theme="harvestnight"] .los-field-errors, html:not([data-site])[data-theme="harvestnight"] .los-error-text, html[data-site="castle"][data-theme="castle-dragon"] .los-field-errors, html[data-site="castle"][data-theme="castle-dragon"] .los-error-text, html[data-site="city"][data-theme="city-night"] .los-field-errors, html[data-site="city"][data-theme="city-night"] .los-error-text, html[data-site="city"][data-theme="city-neon"] .los-field-errors, html[data-site="city"][data-theme="city-neon"] .los-error-text, html[data-site="cars"][data-theme="cars-midnight"] .los-field-errors, html[data-site="cars"][data-theme="cars-midnight"] .los-error-text, html[data-site="cars"][data-theme="cars-neon"] .los-field-errors, html[data-site="cars"][data-theme="cars-neon"] .los-error-text, html[data-site="empires"][data-theme="empires-night"] .los-field-errors, html[data-site="empires"][data-theme="empires-night"] .los-error-text, html[data-site="empires"][data-theme="empires-jungle"] .los-field-errors, html[data-site="empires"][data-theme="empires-jungle"] .los-error-text, html[data-site="restaurant"][data-theme="restaurant-bistro"] .los-field-errors, html[data-site="restaurant"][data-theme="restaurant-bistro"] .los-error-text, html[data-site="pets"][data-theme="pets-night"] .los-field-errors, html[data-site="pets"][data-theme="pets-night"] .los-error-text, html[data-site="pets"][data-theme="pets-space"] .los-field-errors, html[data-site="pets"][data-theme="pets-space"] .los-error-text, html[data-site="ville"][data-theme="ville-evening"] .los-field-errors, html[data-site="ville"][data-theme="ville-evening"] .los-error-text, html[data-site="socialempires"][data-theme="socialempires-siege"] .los-field-errors, html[data-site="socialempires"][data-theme="socialempires-siege"] .los-error-text, html[data-site="socialempires"][data-theme="socialempires-dragon"] .los-field-errors, html[data-site="socialempires"][data-theme="socialempires-dragon"] .los-error-text, html[data-site="socialwars"][data-theme="socialwars-night"] .los-field-errors, html[data-site="socialwars"][data-theme="socialwars-night"] .los-error-text, html[data-site="socialwars"][data-theme="socialwars-urban"] .los-field-errors, html[data-site="socialwars"][data-theme="socialwars-urban"] .los-error-text, html[data-site="armyattack"][data-theme="armyattack-night"] .los-field-errors, html[data-site="armyattack"][data-theme="armyattack-night"] .los-error-text, html[data-site="armyattack"][data-theme="armyattack-iron"] .los-field-errors, html[data-site="armyattack"][data-theme="armyattack-iron"] .los-error-text, html[data-site="backyardmonsters"][data-theme="backyardmonsters-goo"] .los-field-errors, html[data-site="backyardmonsters"][data-theme="backyardmonsters-goo"] .los-error-text, html[data-site="backyardmonsters"][data-theme="backyardmonsters-inferno"] .los-field-errors, html[data-site="backyardmonsters"][data-theme="backyardmonsters-inferno"] .los-error-text, html[data-site="backyardmonsters"][data-theme="backyardmonsters-raid"] .los-field-errors, html[data-site="backyardmonsters"][data-theme="backyardmonsters-raid"] .los-error-text, html[data-site="monstergalaxy"][data-theme="monstergalaxy-cosmos"] .los-field-errors, html[data-site="monstergalaxy"][data-theme="monstergalaxy-cosmos"] .los-error-text, html[data-site="monstergalaxy"][data-theme="monstergalaxy-nebula"] .los-field-errors, html[data-site="monstergalaxy"][data-theme="monstergalaxy-nebula"] .los-error-text, html[data-theme="m-aurora"] .los-field-errors, html[data-theme="m-aurora"] .los-error-text, html[data-theme="m-deepsea"] .los-field-errors, html[data-theme="m-deepsea"] .los-error-text, html[data-theme="m-arcade"] .los-field-errors, html[data-theme="m-arcade"] .los-error-text, html[data-theme="m-forge"] .los-field-errors, html[data-theme="m-forge"] .los-error-text, html[data-theme="m-cyber"] .los-field-errors, html[data-theme="m-cyber"] .los-error-text, html[data-theme="m-library"] .los-field-errors, html[data-theme="m-library"] .los-error-text, html[data-theme="m-nebula"] .los-field-errors, html[data-theme="m-nebula"] .los-error-text { color: #ff8a80; }

/* 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; } }
@keyframes t-fall { to { background-position: 160px 480px, -120px 320px; } }
@keyframes t-snow { to { background-position: 40px 400px, -30px 260px; } }
@keyframes t-embers { to { background-position: 0 -480px, 40px -320px; } }
@keyframes t-scan { 0% { background-position: -40% 0; } 100% { background-position: 140% 0; } }
@keyframes t-drift { 50% { background-position: 60% 40%, 30% 70%, 0 0; } }
@keyframes t-flicker { 0%, 100% { opacity: .9; } 40% { opacity: .75; } 60% { opacity: 1; } 80% { opacity: .8; } }
@keyframes t-shimmer { to { background-position: 200% 0; } }
@keyframes t-stripes { to { background-position: 40px 0; } }
/* 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); }
/* Sakura Spring */
html[data-theme="m-sakura"], html[data-site][data-theme="m-sakura"] { --bg: #fff5f8; --surface: #fffbfc; --surface-alt: #fde3ec; --text: #3d1f2b; --muted: #8a5a6b; --link: #c2416f; --link-strong: #923153; --border: #5c253b; --row-border: #eed3dd; --head-from: #e0679a; --head-to: #a84d74; --head-text: #ffffff; --header-from: #7a2a4a; --header-to: #4f1b30; --nav-text: #f4eef1; --nav-active-bg: rgba(255, 194, 214, 0.22); --nav-active-text: #ffc2d6; --brand-a: #ffc2d6; --brand-b: #ffffff; --gold: #ffc2d6; --gold-dark: #e0abbc; --gold-text: #62223b; --accent: #e0679a; --icon-from: #e682ac; --icon-to: #a84d74; --chip-bg: #fbdce7; --chip-border: #f7cadc; --footer-from: #62223b; --footer-to: #3d1525; --footer-text: #ebdfe4; --g1: #e0679a; --g2: #ffc2d6; --g3: #7a2a4a; color-scheme: light; --accent-text: #ffffff; --input-bg: #ffffff; --input-border: #d7bcc5; --shadow: 0 4px 14px rgba(122, 42, 74, 0.16); --online: #1f9d55; --online-bg: #e5f6ec; --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 194, 214, 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%3Cpath transform='translate(24 20) rotate(20)' d='M0-8C5-6 5 2 0 8C-5 2-5-6 0-8Z' fill='%23e0679a' 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='%237a2a4a' 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='%23e0679a' 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='%237a2a4a' 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='%237a2a4a' fill-opacity='0.112'/%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.128'/%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.128'/%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.128'/%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.128'/%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.128'/%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='%238f4c67' stroke-opacity='0.7' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='24' cy='22' r='3.4' fill='%23ffc2d6' fill-opacity='1'/%3E%3Ccircle cx='24' cy='22' r='1.2' fill='%238f4c67' fill-opacity='0.7'/%3E%3Ccircle cx='52' cy='24' r='3.4' fill='%23ffc2d6' fill-opacity='1'/%3E%3Ccircle cx='52' cy='24' r='1.2' fill='%238f4c67' fill-opacity='0.7'/%3E%3Ccircle cx='86' cy='25' r='3.4' fill='%23ffc2d6' fill-opacity='1'/%3E%3Ccircle cx='86' cy='25' r='1.2' fill='%238f4c67' fill-opacity='0.7'/%3E%3Ccircle cx='112' cy='22' r='3.4' fill='%23ffc2d6' fill-opacity='1'/%3E%3Ccircle cx='112' cy='22' r='1.2' fill='%238f4c67' fill-opacity='0.7'/%3E%3Ccircle cx='150' cy='23' r='3.4' fill='%23ffc2d6' fill-opacity='1'/%3E%3Ccircle cx='150' cy='23' r='1.2' fill='%238f4c67' fill-opacity='0.7'/%3E%3Ccircle cx='184' cy='24' r='3.4' fill='%23ffc2d6' fill-opacity='1'/%3E%3Ccircle cx='184' cy='24' r='1.2' fill='%238f4c67' fill-opacity='0.7'/%3E%3Ccircle cx='214' cy='21' r='3.4' fill='%23ffc2d6' fill-opacity='1'/%3E%3Ccircle cx='214' cy='21' r='1.2' fill='%238f4c67' 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='M0 30v-3h240v3z' fill='%2362223b' fill-opacity='1'/%3E%3Cpath d='M50 27v-6h20v6z M44 21l16-5 16 5z M52 16v-4h16v4z M46 12l14-5 14 5z M58 7V2h4v5z M170 27v-5h14v5z M165 22l12-4 12 4z M172 18v-3h10v3z' fill='%2362223b' fill-opacity='1'/%3E%3Cpath d='M57 23h6v4h-6z' fill='%23ffc2d6' fill-opacity='1'/%3E%3Ccircle cx='120' cy='10' r='6' fill='%23ffc2d6' fill-opacity='0.8'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(255, 194, 214, 0.75); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .85) inset, 0 12px 28px -12px rgba(122, 42, 74, 0.5); --t-gold-hi: #ffdae6; }
html[data-theme="m-sakura"] .los-header { box-shadow: 0 3px 16px rgba(122, 42, 74, 0.35); }
html[data-theme="m-sakura"] .los-header::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; }
html[data-theme="m-sakura"] body.los-body::before { content: ""; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; pointer-events: none; background-image: 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.72'/%3E%3Cpath transform='translate(92 46) rotate(-50)' d='M0-8C5-6 5 2 0 8C-5 2-5-6 0-8Z' fill='%23ff9ebf' fill-opacity='0.72'/%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.72'/%3E%3Cpath transform='translate(126 120) rotate(70)' d='M0-8C5-6 5 2 0 8C-5 2-5-6 0-8Z' fill='%23ff9ebf' fill-opacity='0.72'/%3E%3Cpath transform='translate(16 132) rotate(-10)' d='M0-8C5-6 5 2 0 8C-5 2-5-6 0-8Z' fill='%23ff9ebf' fill-opacity='0.72'/%3E%3C/svg%3E"), 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.72'/%3E%3Cpath transform='translate(92 46) rotate(-50)' d='M0-8C5-6 5 2 0 8C-5 2-5-6 0-8Z' fill='%23ff9ebf' fill-opacity='0.72'/%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.72'/%3E%3Cpath transform='translate(126 120) rotate(70)' d='M0-8C5-6 5 2 0 8C-5 2-5-6 0-8Z' fill='%23ff9ebf' fill-opacity='0.72'/%3E%3Cpath transform='translate(16 132) rotate(-10)' d='M0-8C5-6 5 2 0 8C-5 2-5-6 0-8Z' fill='%23ff9ebf' fill-opacity='0.72'/%3E%3C/svg%3E"); background-size: 260px 260px, 180px 180px; background-position: 0 0, 90px 40px; opacity: .8; animation: t-fall 22s linear infinite; }
html[data-theme="m-sakura"] .los-header::before { background: radial-gradient(ellipse 40% 140% at 85% -20%, rgba(255, 220, 232, .5), transparent 70%); }
html[data-theme="m-sakura"] .los-card { border-color: #f1a9c3; }
html[data-theme="m-sakura"] .los-card-head { background-image: linear-gradient(180deg, rgba(255, 255, 255, .25), rgba(255, 255, 255, 0) 55%), linear-gradient(100deg, #b8406f, #e0679a 55%, #f39bbd); background-size: 100% 100%, 100% 100%; }
html[data-theme="m-sakura"] .los-page-title { color: #a8335f; }
/* Volcanic Forge */
html[data-theme="m-forge"], html[data-site][data-theme="m-forge"] { --bg: #140c0a; --surface: #1f1310; --surface-alt: #2a1915; --text: #f5e6dc; --muted: #b8998a; --link: #ff8a3d; --link-strong: #ffa76e; --border: #50423f; --row-border: #42322d; --head-from: #d9421b; --head-to: #a33214; --head-text: #ffffff; --header-from: #0b0605; --header-to: #070403; --nav-text: #ebebeb; --nav-active-bg: rgba(255, 176, 46, 0.22); --nav-active-text: #ffb02e; --brand-a: #ffb02e; --brand-b: #ffffff; --gold: #ffb02e; --gold-dark: #e09b28; --gold-text: #090504; --accent: #d9421b; --icon-from: #e06444; --icon-to: #a33214; --chip-bg: #351b15; --chip-border: #4d2116; --footer-from: #090504; --footer-to: #060303; --footer-text: #dadada; --g1: #d9421b; --g2: #ffb02e; --g3: #0b0605; color-scheme: dark; --accent-text: #ffffff; --input-bg: #0f0908; --input-border: #4a3c38; --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(217, 66, 27, 0.3), 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='M10 20l20 14 8-10 22 18M60 42l-6 22 18 16M100 10l-10 26 16 10 24-8M20 100l18-10 12 20 26-6M110 110l-14-12' fill='none' stroke='%23ff6a1a' stroke-opacity='0.24' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%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='M10 20l20 14 8-10 22 18M60 42l-6 22 18 16M100 10l-10 26 16 10 24-8M20 100l18-10 12 20 26-6M110 110l-14-12' fill='none' stroke='%23ffffff' stroke-opacity='0.192' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%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 d='M0 30L30 10l20 12 30-18 30 22 24-14 26 18z' fill='%23322e2d' fill-opacity='0.7'/%3E%3Cpath d='M74 8l6-4 7 6z' fill='%23ffb02e' 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='136' height='30' viewBox='0 0 136 30'%3E%3Cpath d='M0 30V16h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v-4h8v4h10v14z' fill='%23090504' 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='%23ffb02e' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 136px 30px; --t-foot-size-sm: 95px 21px; --t-edge: rgba(255, 176, 46, 0.75); --t-card-shadow: 0 0 0 1px rgba(255, 176, 46, 0.18), 0 12px 30px -10px rgba(0, 0, 0, .75); --t-gold-hi: #ffd082; }
html[data-theme="m-forge"] .los-header { box-shadow: 0 3px 16px rgba(217, 66, 27, 0.35); }
html[data-theme="m-forge"] .los-header::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; }
html[data-theme="m-forge"] 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 15% 30%, rgba(255, 160, 60, .7) 0 1.5px, transparent 2.5px), radial-gradient(circle at 60% 75%, rgba(255, 110, 30, .6) 0 2px, transparent 3px), radial-gradient(circle at 85% 20%, rgba(255, 200, 90, .6) 0 1px, transparent 2px), radial-gradient(circle at 35% 90%, rgba(255, 130, 40, .5) 0 1.5px, transparent 2.5px), radial-gradient(circle at 15% 30%, rgba(255, 160, 60, .7) 0 1.5px, transparent 2.5px), radial-gradient(circle at 60% 75%, rgba(255, 110, 30, .6) 0 2px, transparent 3px), radial-gradient(circle at 85% 20%, rgba(255, 200, 90, .6) 0 1px, transparent 2px), radial-gradient(circle at 35% 90%, rgba(255, 130, 40, .5) 0 1.5px, transparent 2.5px); background-size: 240px 240px, 160px 160px; background-position: 0 0, 70px 50px; animation: t-embers 12s linear infinite; }
html[data-theme="m-forge"] body.los-body { background-image: linear-gradient(0deg, rgba(255, 90, 20, .16), transparent 40%), var(--t-glow), var(--t-page); background-size: 100% 100%, 100% 520px, var(--t-page-size); background-repeat: no-repeat, no-repeat, repeat; background-attachment: fixed, scroll, scroll; }
html[data-theme="m-forge"] .los-header::before { background: linear-gradient(0deg, rgba(255, 106, 26, .45), transparent 70%); animation: t-flicker 3s ease-in-out infinite; }
html[data-theme="m-forge"] .los-card { border-color: rgba(255, 138, 61, .45); }
html[data-theme="m-forge"] .los-card-head { background-image: linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, 0) 55%), linear-gradient(100deg, #7a1a0c, #d9421b 50%, #ff8a3d); background-size: 100% 100%, 100% 100%; }
html[data-theme="m-forge"] .los-page-title { text-shadow: 0 0 14px rgba(255, 106, 26, .6); }
/* Cyber Grid */
html[data-theme="m-cyber"], html[data-site][data-theme="m-cyber"] { --bg: #05090c; --surface: #0b1418; --surface-alt: #101e24; --text: #dffcff; --muted: #8fb4bc; --link: #2ef2ff; --link-strong: #62f5ff; --border: #3b474b; --row-border: #29393e; --head-from: #00a87a; --head-to: #007e5c; --head-text: #ffffff; --header-from: #020507; --header-to: #010305; --nav-text: #ebebeb; --nav-active-bg: rgba(198, 255, 61, 0.22); --nav-active-text: #c6ff3d; --brand-a: #c6ff3d; --brand-b: #ffffff; --gold: #c6ff3d; --gold-dark: #aee036; --gold-text: #020406; --accent: #00a87a; --icon-from: #2eb892; --icon-to: #007e5c; --chip-bg: #0f2629; --chip-border: #0d3a35; --footer-from: #020406; --footer-to: #010304; --footer-text: #d9dada; --g1: #00a87a; --g2: #c6ff3d; --g3: #020507; color-scheme: dark; --accent-text: #ffffff; --input-bg: #040709; --input-border: #344045; --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(0, 168, 122, 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%3Cpath d='M10 10h30v20h30M70 30v30h40M20 60v40h40l10 10M100 10v20M120 80h-30v40' fill='none' stroke='%232ef2ff' stroke-opacity='0.16' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='10' cy='10' r='2.4' fill='%232ef2ff' fill-opacity='0.24'/%3E%3Ccircle cx='110' cy='60' r='2.4' fill='%232ef2ff' fill-opacity='0.24'/%3E%3Ccircle cx='70' cy='110' r='2.4' fill='%232ef2ff' fill-opacity='0.24'/%3E%3Ccircle cx='100' cy='10' r='2' fill='%23ddff8b' fill-opacity='0.24'/%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%3Cpath d='M10 10h30v20h30M70 30v30h40M20 60v40h40l10 10M100 10v20M120 80h-30v40' fill='none' stroke='%23ffffff' stroke-opacity='0.128' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='10' cy='10' r='2.4' fill='%23ffffff' fill-opacity='0.192'/%3E%3Ccircle cx='110' cy='60' r='2.4' fill='%23ffffff' fill-opacity='0.192'/%3E%3Ccircle cx='70' cy='110' r='2.4' fill='%23ffffff' fill-opacity='0.192'/%3E%3Ccircle cx='100' cy='10' r='2' fill='%23ffffff' fill-opacity='0.192'/%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='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='%232a2d2f' fill-opacity='0.7'/%3E%3Crect x='38' y='8' width='2.4' height='3' fill='%23c6ff3d' fill-opacity='0.98'/%3E%3Crect x='44' y='14' width='2.4' height='3' fill='%23c6ff3d' fill-opacity='0.98'/%3E%3Crect x='38' y='20' width='2.4' height='3' fill='%23c6ff3d' fill-opacity='0.98'/%3E%3Crect x='58' y='18' width='2.4' height='3' fill='%23c6ff3d' fill-opacity='0.98'/%3E%3Crect x='70' y='12' width='2.4' height='3' fill='%23c6ff3d' fill-opacity='0.98'/%3E%3Crect x='70' y='22' width='2.4' height='3' fill='%23c6ff3d' fill-opacity='0.98'/%3E%3Crect x='122' y='10' width='2.4' height='3' fill='%23c6ff3d' fill-opacity='0.98'/%3E%3Crect x='130' y='16' width='2.4' height='3' fill='%23c6ff3d' fill-opacity='0.98'/%3E%3Crect x='122' y='22' width='2.4' height='3' fill='%23c6ff3d' fill-opacity='0.98'/%3E%3Crect x='174' y='14' width='2.4' height='3' fill='%23c6ff3d' fill-opacity='0.98'/%3E%3Crect x='180' y='22' width='2.4' height='3' fill='%23c6ff3d' fill-opacity='0.98'/%3E%3Crect x='224' y='12' width='2.4' height='3' fill='%23c6ff3d' fill-opacity='0.98'/%3E%3Crect x='232' y='18' width='2.4' height='3' fill='%23c6ff3d' fill-opacity='0.98'/%3E%3Crect x='268' y='16' width='2.4' height='3' fill='%23c6ff3d' fill-opacity='0.98'/%3E%3Crect x='272' y='24' width='2.4' height='3' fill='%23c6ff3d' 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='%23020406' 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='%23c6ff3d' 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(198, 255, 61, 0.75); --t-card-shadow: 0 0 0 1px rgba(198, 255, 61, 0.18), 0 12px 30px -10px rgba(0, 0, 0, .75); --t-gold-hi: #ddff8b; }
html[data-theme="m-cyber"] .los-header { box-shadow: 0 3px 16px rgba(0, 168, 122, 0.35); }
html[data-theme="m-cyber"] .los-header::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; }
html[data-theme="m-cyber"] .los-header::before { background: linear-gradient(90deg, transparent, rgba(46, 242, 255, .45), transparent) 0 0 / 30% 100% no-repeat; animation: t-scan 5s linear infinite; }
html[data-theme="m-cyber"] body.los-body { background-image: linear-gradient(rgba(46, 242, 255, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(46, 242, 255, .05) 1px, transparent 1px), var(--t-page); background-size: 32px 32px, 32px 32px, var(--t-page-size); background-repeat: repeat, repeat, repeat; }
html[data-theme="m-cyber"] .los-header { border-bottom: 1px solid #2ef2ff; box-shadow: 0 0 16px rgba(46, 242, 255, .45); }
html[data-theme="m-cyber"] .los-card { border-color: rgba(46, 242, 255, .5); border-radius: 4px; box-shadow: 0 0 0 1px rgba(198, 255, 61, .15), 0 0 20px rgba(46, 242, 255, .15), 0 14px 30px -12px rgba(0, 0, 0, .8); }
html[data-theme="m-cyber"] .los-card-head { background-image: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0) 55%), linear-gradient(100deg, #003b38, #00a87a 55%, #1fc7d4); background-size: 100% 100%, 100% 100%; font-family: ui-monospace, 'Courier New', monospace; letter-spacing: .04em; }
html[data-theme="m-cyber"] .los-page-title { color: #c6ff3d; font-family: ui-monospace, 'Courier New', monospace; text-shadow: 0 0 10px rgba(198, 255, 61, .5); }
/* Enchanted Library */
html[data-theme="m-library"], html[data-site][data-theme="m-library"] { --bg: #1a120e; --surface: #241913; --surface-alt: #30221a; --text: #f4e8d4; --muted: #bba68a; --link: #e8b86b; --link-strong: #eeca90; --border: #554a43; --row-border: #483a30; --head-from: #8a3b2a; --head-to: #682c20; --head-text: #ffffff; --header-from: #120b08; --header-to: #0c0705; --nav-text: #ecebeb; --nav-active-bg: rgba(242, 196, 109, 0.22); --nav-active-text: #f2c46d; --brand-a: #f2c46d; --brand-b: #ffffff; --gold: #f2c46d; --gold-dark: #d5ac60; --gold-text: #0e0906; --accent: #8a3b2a; --icon-from: #9f5e50; --icon-to: #682c20; --chip-bg: #35241b; --chip-border: #42271d; --footer-from: #0e0906; --footer-to: #090604; --footer-text: #dbdada; --g1: #8a3b2a; --g2: #f2c46d; --g3: #120b08; color-scheme: dark; --accent-text: #ffffff; --input-bg: #140e0b; --input-border: #4f433c; --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(138, 59, 42, 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%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='%23f7dca7' stroke-opacity='0.1' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M60 80c20 0 30 30 60 30' fill='none' stroke='%23f7dca7' stroke-opacity='0.1' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='136' cy='120' r='2.2' fill='%23f2c46d' fill-opacity='0.3'/%3E%3Ccircle cx='40' cy='140' r='1.6' fill='%23f2c46d' fill-opacity='0.3'/%3E%3Ccircle cx='90' cy='60' r='1.4' fill='%23f2c46d' fill-opacity='0.3'/%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.08' 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.08' stroke-width='0.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='136' cy='120' r='2.2' fill='%23ffffff' fill-opacity='0.24'/%3E%3Ccircle cx='40' cy='140' r='1.6' fill='%23ffffff' fill-opacity='0.24'/%3E%3Ccircle cx='90' cy='60' r='1.4' fill='%23ffffff' fill-opacity='0.24'/%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='120' height='30' viewBox='0 0 120 30'%3E%3Crect x='4' y='10' width='6' height='16' rx='.6' fill='%23383230' fill-opacity='0.7'/%3E%3Crect x='11' y='7' width='5' height='19' rx='.6' fill='%23f2c46d' fill-opacity='0.84'/%3E%3Crect x='17' y='12' width='7' height='14' rx='.6' fill='%23383230' fill-opacity='0.7'/%3E%3Crect x='25' y='6' width='5' height='20' rx='.6' fill='%23383230' fill-opacity='0.7'/%3E%3Crect x='31' y='14' width='8' height='12' rx='.6' fill='%23f2c46d' fill-opacity='0.84'/%3E%3Crect x='40' y='9' width='5' height='17' rx='.6' fill='%23383230' fill-opacity='0.7'/%3E%3Crect x='46' y='5' width='6' height='21' rx='.6' fill='%23383230' fill-opacity='0.7'/%3E%3Crect x='53' y='11' width='5' height='15' rx='.6' fill='%23f2c46d' fill-opacity='0.84'/%3E%3Crect x='59' y='8' width='7' height='18' rx='.6' fill='%23383230' fill-opacity='0.7'/%3E%3Crect x='68' y='13' width='6' height='13' rx='.6' fill='%23383230' fill-opacity='0.7'/%3E%3Crect x='75' y='6' width='5' height='20' rx='.6' fill='%23f2c46d' fill-opacity='0.84'/%3E%3Crect x='81' y='10' width='6' height='16' rx='.6' fill='%23383230' fill-opacity='0.7'/%3E%3Crect x='88' y='7' width='5' height='19' rx='.6' fill='%23383230' fill-opacity='0.7'/%3E%3Crect x='94' y='12' width='8' height='14' rx='.6' fill='%23383230' fill-opacity='0.7'/%3E%3Crect x='103' y='8' width='5' height='18' rx='.6' fill='%23f2c46d' fill-opacity='0.84'/%3E%3Crect x='109' y='5' width='6' height='21' rx='.6' fill='%23383230' fill-opacity='0.7'/%3E%3Crect x='116' y='11' width='5' height='15' rx='.6' fill='%23383230' fill-opacity='0.7'/%3E%3Cpath d='M0 30v-4h120v4z' fill='%23383230' fill-opacity='0.7'/%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%3Crect x='4' y='10' width='6' height='16' rx='.6' fill='%230e0906' fill-opacity='1'/%3E%3Crect x='11' y='7' width='5' height='19' rx='.6' fill='%23f2c46d' fill-opacity='1'/%3E%3Crect x='17' y='12' width='7' height='14' rx='.6' fill='%230e0906' fill-opacity='1'/%3E%3Crect x='25' y='6' width='5' height='20' rx='.6' fill='%230e0906' fill-opacity='1'/%3E%3Crect x='31' y='14' width='8' height='12' rx='.6' fill='%23f2c46d' fill-opacity='1'/%3E%3Crect x='40' y='9' width='5' height='17' rx='.6' fill='%230e0906' fill-opacity='1'/%3E%3Crect x='46' y='5' width='6' height='21' rx='.6' fill='%230e0906' fill-opacity='1'/%3E%3Crect x='53' y='11' width='5' height='15' rx='.6' fill='%23f2c46d' fill-opacity='1'/%3E%3Crect x='59' y='8' width='7' height='18' rx='.6' fill='%230e0906' fill-opacity='1'/%3E%3Crect x='68' y='13' width='6' height='13' rx='.6' fill='%230e0906' fill-opacity='1'/%3E%3Crect x='75' y='6' width='5' height='20' rx='.6' fill='%23f2c46d' fill-opacity='1'/%3E%3Crect x='81' y='10' width='6' height='16' rx='.6' fill='%230e0906' fill-opacity='1'/%3E%3Crect x='88' y='7' width='5' height='19' rx='.6' fill='%230e0906' fill-opacity='1'/%3E%3Crect x='94' y='12' width='8' height='14' rx='.6' fill='%230e0906' fill-opacity='1'/%3E%3Crect x='103' y='8' width='5' height='18' rx='.6' fill='%23f2c46d' fill-opacity='1'/%3E%3Crect x='109' y='5' width='6' height='21' rx='.6' fill='%230e0906' fill-opacity='1'/%3E%3Crect x='116' y='11' width='5' height='15' rx='.6' fill='%230e0906' fill-opacity='1'/%3E%3Cpath d='M0 30v-4h120v4z' fill='%230e0906' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 120px 30px; --t-foot-size-sm: 84px 21px; --t-edge: rgba(242, 196, 109, 0.75); --t-card-shadow: 0 0 0 1px rgba(242, 196, 109, 0.18), 0 12px 30px -10px rgba(0, 0, 0, .75); --t-gold-hi: #f7dca7; }
html[data-theme="m-library"] .los-header { box-shadow: 0 3px 16px rgba(138, 59, 42, 0.35); }
html[data-theme="m-library"] .los-header::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; }
html[data-theme="m-library"] 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 20% 30%, rgba(242, 196, 109, .35) 0 2px, rgba(242, 196, 109, .12) 6px, transparent 14px), radial-gradient(circle at 70% 70%, rgba(242, 196, 109, .3) 0 2px, rgba(242, 196, 109, .1) 6px, transparent 12px), radial-gradient(circle at 20% 30%, rgba(242, 196, 109, .35) 0 2px, rgba(242, 196, 109, .12) 6px, transparent 14px), radial-gradient(circle at 70% 70%, rgba(242, 196, 109, .3) 0 2px, rgba(242, 196, 109, .1) 6px, transparent 12px); background-size: 420px 420px, 300px 300px; background-position: 0 0, 150px 110px; animation: t-embers 40s linear infinite, t-flicker 4s ease-in-out infinite; }
html[data-theme="m-library"] .los-header::before { background: radial-gradient(ellipse 30% 120% at 15% 120%, rgba(242, 196, 109, .35), transparent 70%), radial-gradient(ellipse 30% 120% at 85% 120%, rgba(242, 196, 109, .3), transparent 70%); animation: t-flicker 5s ease-in-out infinite; }
html[data-theme="m-library"] .los-card { border-color: rgba(242, 196, 109, .4); }
html[data-theme="m-library"] .los-card-head { background-image: linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0) 55%), linear-gradient(100deg, #4a1a12, #8a3b2a 55%, #a8642e); background-size: 100% 100%, 100% 100%; font-family: Georgia, 'Times New Roman', serif; }
html[data-theme="m-library"] .los-page-title { font-family: Georgia, 'Times New Roman', serif; color: #f2c46d; }
/* Winter Cabin */
html[data-theme="m-cabin"], html[data-site][data-theme="m-cabin"] { --bg: #f3f6f8; --surface: #ffffff; --surface-alt: #e4eaee; --text: #26201c; --muted: #6b625b; --link: #a33a2a; --link-strong: #7a2c20; --border: #38201b; --row-border: #d5dadd; --head-from: #a33a2a; --head-to: #7a2c20; --head-text: #ffffff; --header-from: #4a1f1a; --header-to: #301411; --nav-text: #f1eded; --nav-active-bg: rgba(255, 210, 122, 0.22); --nav-active-text: #ffd27a; --brand-a: #ffd27a; --brand-b: #ffffff; --gold: #ffd27a; --gold-dark: #e0b96b; --gold-text: #3b1915; --accent: #a33a2a; --icon-from: #b45d50; --icon-to: #7a2c20; --chip-bg: #e0dfe2; --chip-border: #d7c7c7; --footer-from: #3b1915; --footer-to: #25100d; --footer-text: #e4dddd; --g1: #a33a2a; --g2: #ffd27a; --g3: #4a1f1a; color-scheme: light; --accent-text: #ffffff; --input-bg: #ffffff; --input-border: #bec2c4; --shadow: 0 4px 14px rgba(74, 31, 26, 0.16); --online: #1f9d55; --online-bg: #e5f6ec; --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(255, 210, 122, 0.22), 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%3Crect width='48' height='14' y='8' fill='%23a33a2a' fill-opacity='0.098'/%3E%3Crect width='14' height='48' x='8' fill='%23a33a2a' fill-opacity='0.098'/%3E%3Cpath d='M0 30H48M34 0V48' fill='none' stroke='%234a1f1a' stroke-opacity='0.07' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%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%3Crect width='48' height='14' y='8' fill='%23ffffff' fill-opacity='0.112'/%3E%3Crect width='14' height='48' x='8' fill='%23ffffff' fill-opacity='0.112'/%3E%3Cpath d='M0 30H48M34 0V48' 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: 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 30v-3h240v3z' fill='%2367433f' fill-opacity='0.7'/%3E%3Cpath d='M14 27l-8 0 8-14 8 14z M34 27l-10 0 10-20 10 20z M200 27l-9 0 9-16 9 16z M222 27l-7 0 7-12 7 12z' fill='%2367433f' fill-opacity='0.7'/%3E%3Cpath d='M100 27V16l16-10 16 10v11z M124 9V3h4v9z' fill='%2367433f' fill-opacity='0.7'/%3E%3Cpath d='M106 18h6v5h-6zM120 18h6v5h-6z' fill='%23ffd27a' fill-opacity='1'/%3E%3Cpath d='M98 16l18-11 18 11' fill='none' stroke='%23ffffff' stroke-opacity='0.7' stroke-width='2' stroke-linecap='round'/%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 30v-3h240v3z' fill='%233b1915' fill-opacity='1'/%3E%3Cpath d='M14 27l-8 0 8-14 8 14z M34 27l-10 0 10-20 10 20z M200 27l-9 0 9-16 9 16z M222 27l-7 0 7-12 7 12z' fill='%233b1915' fill-opacity='1'/%3E%3Cpath d='M100 27V16l16-10 16 10v11z M124 9V3h4v9z' fill='%233b1915' fill-opacity='1'/%3E%3Cpath d='M106 18h6v5h-6zM120 18h6v5h-6z' fill='%23ffd27a' fill-opacity='1'/%3E%3Cpath d='M98 16l18-11 18 11' fill='none' stroke='%23ffffff' stroke-opacity='1' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 21px; --t-edge: rgba(255, 210, 122, 0.75); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .85) inset, 0 12px 28px -12px rgba(74, 31, 26, 0.5); --t-gold-hi: #ffe4af; }
html[data-theme="m-cabin"] .los-header { box-shadow: 0 3px 16px rgba(74, 31, 26, 0.35); }
html[data-theme="m-cabin"] .los-header::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; }
html[data-theme="m-cabin"] 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 20% 20%, rgba(255, 255, 255, .95) 0 2px, transparent 3px), radial-gradient(circle at 70% 50%, rgba(255, 255, 255, .85) 0 1.5px, transparent 2.5px), radial-gradient(circle at 40% 80%, rgba(255, 255, 255, .9) 0 2.5px, transparent 3.5px), radial-gradient(circle at 90% 85%, rgba(255, 255, 255, .8) 0 1px, transparent 2px), radial-gradient(circle at 20% 20%, rgba(255, 255, 255, .95) 0 2px, transparent 3px), radial-gradient(circle at 70% 50%, rgba(255, 255, 255, .85) 0 1.5px, transparent 2.5px), radial-gradient(circle at 40% 80%, rgba(255, 255, 255, .9) 0 2.5px, transparent 3.5px), radial-gradient(circle at 90% 85%, rgba(255, 255, 255, .8) 0 1px, transparent 2px); background-size: 200px 200px, 130px 130px; background-position: 0 0, 60px 30px; animation: t-snow 18s linear infinite; }
html[data-theme="m-cabin"] .los-header::before { background: radial-gradient(ellipse 22% 120% at 55% 120%, rgba(255, 210, 122, .35), transparent 70%); }
html[data-theme="m-cabin"] .los-card { border-color: #c9a89a; }
html[data-theme="m-cabin"] .los-card-head { background-image: linear-gradient(180deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, 0) 55%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Crect width='48' height='14' y='8' fill='%23f5d7a8' fill-opacity='0.224'/%3E%3Crect width='14' height='48' x='8' fill='%23f5d7a8' fill-opacity='0.224'/%3E%3Cpath d='M0 30H48M34 0V48' fill='none' stroke='%231a0806' stroke-opacity='0.16' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), linear-gradient(180deg, #a33a2a, #7a2a1f); background-size: 100% 100%, 48px 48px; background-repeat: no-repeat, repeat; }
html[data-theme="m-cabin"] .los-page-title { color: #7a2a1f; }
/* Desert Mirage */
html[data-theme="m-mirage"], html[data-site][data-theme="m-mirage"] { --bg: #fbf1e2; --surface: #fffaf2; --surface-alt: #f3e0c2; --text: #3a2614; --muted: #86684a; --link: #b5541d; --link-strong: #883f16; --border: #4a2b32; --row-border: #e4d1b4; --head-from: #d9822b; --head-to: #a36220; --head-text: #ffffff; --header-from: #5a2f4f; --header-to: #3b1f33; --nav-text: #f2eef1; --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: #48263f; --accent: #d9822b; --icon-from: #e09951; --icon-to: #a36220; --chip-bg: #f1dab9; --chip-border: #eecda4; --footer-from: #48263f; --footer-to: #2d1828; --footer-text: #e6e0e5; --g1: #d9822b; --g2: #ffc94a; --g3: #5a2f4f; color-scheme: light; --accent-text: #ffffff; --input-bg: #ffffff; --input-border: #cebb9f; --shadow: 0 4px 14px rgba(90, 47, 79, 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='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='%235a2f4f' 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='%235a2f4f' stroke-opacity='0.049' 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.08' 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.056' 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='240' height='30' viewBox='0 0 240 30'%3E%3Cpath d='M0 30v-3h240v3z M30 27l24-22 24 22z M80 27l14-13 14 13z M170 27l18-16 18 16z' fill='%2374506b' fill-opacity='0.7'/%3E%3Cpath d='M54 5l5 5h-10z' fill='%23ffc94a' fill-opacity='0.98'/%3E%3Cpath d='M130 27v-12M130 15c-5-2-9 0-11 3M130 15c5-2 9 0 11 3' fill='none' stroke='%2374506b' stroke-opacity='0.7' stroke-width='1.6' stroke-linecap='round'/%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='%2348263f' fill-opacity='1'/%3E%3Cpath d='M60 28c2-8 2-14 0-20M180 28c-2-8-2-14 0-20' fill='none' stroke='%2348263f' 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='%2348263f' fill-opacity='1'/%3E%3Cpath d='M110 30c10-10 30-10 40 0z' fill='%2348263f' fill-opacity='0.8'/%3E%3C/svg%3E"); --t-foot-size: 240px 30px; --t-foot-size-sm: 168px 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(90, 47, 79, 0.5); --t-gold-hi: #ffdf92; }
html[data-theme="m-mirage"] .los-header { box-shadow: 0 3px 16px rgba(90, 47, 79, 0.35); }
html[data-theme="m-mirage"] .los-header::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; }
html[data-theme="m-mirage"] body.los-body { background-image: linear-gradient(180deg, rgba(122, 63, 132, .18), rgba(255, 170, 80, .14) 260px, transparent 520px), var(--t-page); background-size: 100% 520px, var(--t-page-size); background-repeat: no-repeat, repeat; }
html[data-theme="m-mirage"] .los-header::before { background: linear-gradient(100deg, transparent 30%, rgba(255, 240, 200, .28) 45%, transparent 60%) 0 0 / 200% 100%; animation: t-shimmer 6s linear infinite; }
html[data-theme="m-mirage"] .los-header { background-image: var(--t-scene, none), var(--t-header-tile, none), linear-gradient(180deg, #5a2f4f, #b5541d); }
html[data-theme="m-mirage"] .los-card { border-color: #e2b878; }
html[data-theme="m-mirage"] .los-card-head { background-image: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 55%), linear-gradient(100deg, #7a3f84, #d9822b 60%, #ffc94a); background-size: 100% 100%, 100% 100%; }
/* Candy Kingdom */
html[data-theme="m-candy"], html[data-site][data-theme="m-candy"] { --bg: #fff4fa; --surface: #fffafd; --surface-alt: #fde2f0; --text: #3d1f33; --muted: #8a5a78; --link: #c23b84; --link-strong: #922c63; --border: #64274f; --row-border: #eed2e1; --head-from: #ff6fb5; --head-to: #bf5388; --head-text: #ffffff; --header-from: #8a2f6b; --header-to: #5a1f46; --nav-text: #f6eef3; --nav-active-bg: rgba(127, 224, 208, 0.22); --nav-active-text: #7fe0d0; --brand-a: #7fe0d0; --brand-b: #ffffff; --gold: #7fe0d0; --gold-dark: #70c5b7; --gold-text: #6e2656; --accent: #ff6fb5; --icon-from: #ff89c2; --icon-to: #bf5388; --chip-bg: #fddbec; --chip-border: #fdcbe4; --footer-from: #6e2656; --footer-to: #451836; --footer-text: #ede0e9; --g1: #ff6fb5; --g2: #7fe0d0; --g3: #8a2f6b; color-scheme: light; --accent-text: #ffffff; --input-bg: #ffffff; --input-border: #d7bbca; --shadow: 0 4px 14px rgba(138, 47, 107, 0.16); --online: #1f9d55; --online-bg: #e5f6ec; --t-glow: radial-gradient(ellipse 60% 100% at 50% 0, rgba(127, 224, 208, 0.22), 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='%237fe0d0' fill-opacity='0.14'/%3E%3Crect x='70' y='14' width='7' height='3' rx='1' transform='rotate(-20 70 14)' fill='%238a2f6b' fill-opacity='0.14'/%3E%3Crect x='100' y='60' width='7' height='3' rx='1' transform='rotate(60 100 60)' fill='%237fe0d0' fill-opacity='0.14'/%3E%3Crect x='30' y='80' width='7' height='3' rx='1' transform='rotate(-40 30 80)' fill='%238a2f6b' fill-opacity='0.14'/%3E%3Crect x='80' y='104' width='7' height='3' rx='1' transform='rotate(15 80 104)' fill='%237fe0d0' fill-opacity='0.14'/%3E%3Crect x='120' y='110' width='7' height='3' rx='1' transform='rotate(-60 120 110)' fill='%238a2f6b' fill-opacity='0.14'/%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.16'/%3E%3Crect x='70' y='14' width='7' height='3' rx='1' transform='rotate(-20 70 14)' fill='%23ffffff' fill-opacity='0.16'/%3E%3Crect x='100' y='60' width='7' height='3' rx='1' transform='rotate(60 100 60)' fill='%23ffffff' fill-opacity='0.16'/%3E%3Crect x='30' y='80' width='7' height='3' rx='1' transform='rotate(-40 30 80)' fill='%23ffffff' fill-opacity='0.16'/%3E%3Crect x='80' y='104' width='7' height='3' rx='1' transform='rotate(15 80 104)' fill='%23ffffff' fill-opacity='0.16'/%3E%3Crect x='120' y='110' width='7' height='3' rx='1' transform='rotate(-60 120 110)' fill='%23ffffff' fill-opacity='0.16'/%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 30v-3h200v3z' fill='%233b142e' fill-opacity='0.7'/%3E%3Cpath d='M20 27V12' fill='none' stroke='%233b142e' stroke-opacity='0.7' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='20' cy='12' r='7' fill='%237fe0d0' fill-opacity='0.98'/%3E%3Cpath d='M20 12m-5 0a5 5 0 0 1 10 0 3 3 0 0 1-6 0' fill='none' stroke='%233b142e' stroke-opacity='0.7' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M70 27V9' fill='none' stroke='%233b142e' stroke-opacity='0.7' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='70' cy='9' r='7' fill='%237fe0d0' fill-opacity='0.98'/%3E%3Cpath d='M70 9m-5 0a5 5 0 0 1 10 0 3 3 0 0 1-6 0' fill='none' stroke='%233b142e' stroke-opacity='0.7' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M120 27V13' fill='none' stroke='%233b142e' stroke-opacity='0.7' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='120' cy='13' r='7' fill='%237fe0d0' fill-opacity='0.98'/%3E%3Cpath d='M120 13m-5 0a5 5 0 0 1 10 0 3 3 0 0 1-6 0' fill='none' stroke='%233b142e' stroke-opacity='0.7' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M170 27V10' fill='none' stroke='%233b142e' stroke-opacity='0.7' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='170' cy='10' r='7' fill='%237fe0d0' fill-opacity='0.98'/%3E%3Cpath d='M170 10m-5 0a5 5 0 0 1 10 0 3 3 0 0 1-6 0' fill='none' stroke='%233b142e' stroke-opacity='0.7' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M44 27a6 6 0 0 1 12 0zM144 27a6 6 0 0 1 12 0z' fill='%233b142e' fill-opacity='0.7'/%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='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='%236e2656' fill-opacity='1'/%3E%3Ccircle cx='40' cy='8' r='2' fill='%237fe0d0' fill-opacity='1'/%3E%3Ccircle cx='120' cy='6' r='1.6' fill='%237fe0d0' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 180px 30px; --t-foot-size-sm: 126px 21px; --t-edge: rgba(127, 224, 208, 0.75); --t-card-shadow: 0 1px 0 rgba(255, 255, 255, .85) inset, 0 12px 28px -12px rgba(138, 47, 107, 0.5); --t-gold-hi: #b2ece3; }
html[data-theme="m-candy"] .los-header { box-shadow: 0 3px 16px rgba(138, 47, 107, 0.35); }
html[data-theme="m-candy"] .los-header::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; }
html[data-theme="m-candy"] .los-header { border-bottom: 0; box-shadow: 0 3px 0 #fff, 0 6px 14px rgba(138, 47, 107, .3); }
html[data-theme="m-candy"] .los-header::before { top: auto; height: 6px; bottom: -6px; background: repeating-linear-gradient(45deg, #ff6fb5 0 10px, #ffffff 10px 20px, #7fe0d0 20px 30px, #ffffff 30px 40px) 0 0 / 56.57px 6px; animation: t-stripes 2s linear infinite; }
html[data-theme="m-candy"] .los-card { border-color: #f7a8cf; border-radius: 18px; }
html[data-theme="m-candy"] .los-card-head { background-image: linear-gradient(180deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0) 55%), linear-gradient(100deg, #c23b84, #ff6fb5 55%, #ffa3cf); background-size: 100% 100%, 100% 100%; }
html[data-theme="m-candy"] .los-body .los-btn-blue { background-color: #2fbfa8; }
html[data-theme="m-candy"] .los-page-title { color: #c23b84; }
/* Cosmic Nebula */
html[data-theme="m-nebula"], html[data-site][data-theme="m-nebula"] { --bg: #0a0716; --surface: #140f28; --surface-alt: #1d1638; --text: #efeaff; --muted: #a59ccf; --link: #ff7ad9; --link-strong: #ff9be3; --border: #46405c; --row-border: #362f50; --head-from: #7b4dff; --head-to: #5c3abf; --head-text: #ffffff; --header-from: #05030d; --header-to: #030208; --nav-text: #ebebec; --nav-active-bg: rgba(127, 231, 255, 0.22); --nav-active-text: #7fe7ff; --brand-a: #7fe7ff; --brand-b: #ffffff; --gold: #7fe7ff; --gold-dark: #70cbe0; --gold-text: #04020a; --accent: #7b4dff; --icon-from: #936dff; --icon-to: #5c3abf; --chip-bg: #231944; --chip-border: #302160; --footer-from: #04020a; --footer-to: #030207; --footer-text: #dad9db; --g1: #7b4dff; --g2: #7fe7ff; --g3: #05030d; color-scheme: dark; --accent-text: #ffffff; --input-bg: #080511; --input-border: #3f3956; --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(123, 77, 255, 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='%23b2f1ff' fill-opacity='0.2'/%3E%3Ccircle cx='60' cy='40' r='0.8' fill='%23b2f1ff' fill-opacity='0.2'/%3E%3Ccircle cx='104' cy='14' r='1.6' fill='%23b2f1ff' fill-opacity='0.2'/%3E%3Ccircle cx='140' cy='62' r='0.9' fill='%23b2f1ff' fill-opacity='0.2'/%3E%3Ccircle cx='30' cy='88' r='1' fill='%23b2f1ff' fill-opacity='0.2'/%3E%3Ccircle cx='86' cy='104' r='1.4' fill='%23b2f1ff' fill-opacity='0.2'/%3E%3Ccircle cx='128' cy='132' r='0.8' fill='%23b2f1ff' fill-opacity='0.2'/%3E%3Ccircle cx='8' cy='140' r='1.1' fill='%23b2f1ff' fill-opacity='0.2'/%3E%3Ccircle cx='70' cy='150' r='0.7' fill='%23b2f1ff' fill-opacity='0.2'/%3E%3Ccircle cx='150' cy='100' r='1.2' fill='%23b2f1ff' 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='%23ff7ad9' 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%3Ccircle cx='40' cy='18' r='9' fill='%232d2b34' fill-opacity='0.7'/%3E%3Cellipse cx='40' cy='18' rx='15' ry='3.5' fill='none' stroke='%237fe7ff' stroke-opacity='0.7' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='130' cy='20' r='5' fill='%237fe7ff' fill-opacity='0.7'/%3E%3Ccircle cx='200' cy='14' r='7' fill='%232d2b34' fill-opacity='0.7'/%3E%3Ccircle cx='90' cy='8' r='1.3' fill='%237fe7ff' fill-opacity='1'/%3E%3Ccircle cx='170' cy='26' r='1.1' fill='%237fe7ff' fill-opacity='1'/%3E%3Cpath d='M0 30v-2h240v2z' fill='%232d2b34' 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='160' height='30' viewBox='0 0 160 30'%3E%3Cpath d='M0 30L30 10l20 12 30-18 30 22 24-14 26 18z' fill='%2304020a' fill-opacity='1'/%3E%3Cpath d='M74 8l6-4 7 6z' fill='%237fe7ff' fill-opacity='1'/%3E%3C/svg%3E"); --t-foot-size: 160px 30px; --t-foot-size-sm: 112px 21px; --t-edge: rgba(127, 231, 255, 0.75); --t-card-shadow: 0 0 0 1px rgba(127, 231, 255, 0.18), 0 12px 30px -10px rgba(0, 0, 0, .75); --t-gold-hi: #b2f1ff; }
html[data-theme="m-nebula"] .los-header { box-shadow: 0 3px 16px rgba(123, 77, 255, 0.35); }
html[data-theme="m-nebula"] .los-header::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; }
html[data-theme="m-nebula"] 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(ellipse 45% 35% at 20% 30%, rgba(255, 122, 217, .18), transparent 70%), radial-gradient(ellipse 40% 40% at 80% 70%, rgba(127, 231, 255, .14), transparent 70%), radial-gradient(ellipse 60% 50% at 50% 50%, rgba(123, 77, 255, .12), transparent 70%); background-size: 160% 160%, 160% 160%, 100% 100%; background-position: 0 0, 100% 100%, 0 0; animation: t-drift 30s ease-in-out infinite; }
html[data-theme="m-nebula"] .los-header::before { background: radial-gradient(ellipse 30% 160% at 25% 0, rgba(255, 122, 217, .3), transparent 70%), radial-gradient(ellipse 30% 160% at 75% 100%, rgba(127, 231, 255, .25), transparent 70%); }
html[data-theme="m-nebula"] .los-card { border-color: rgba(255, 122, 217, .35); }
html[data-theme="m-nebula"] .los-card-head { background-image: linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0) 55%), linear-gradient(100deg, #3a1a8a, #7b4dff 50%, #ff7ad9); background-size: 100% 100%, 100% 100%; }
html[data-theme="m-nebula"] .los-page-title { text-shadow: 0 0 16px rgba(255, 122, 217, .55); }
@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, html[data-theme^="m-"] .los-header::before { animation: none !important; } html[data-theme="m-sakura"] body.los-body::before, html[data-theme="m-cabin"] body.los-body::before, html[data-theme="m-forge"] body.los-body::before { display: none; } }