:root{color-scheme:dark;--bg:#070b13;--panel:#111827;--panel-2:#090f1a;--line:#715b27;--text:#f4ecd8;--muted:#9eabc0;--main:#3e73b9;--accent:#ffd86a;--page-bg:radial-gradient(circle at 50% -12%,#294b7d 0,#14233b 24%,#0a101c 48%,#07090d 78%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html[data-theme="alliance"]{--bg:#070b13;--panel:#111827;--panel-2:#090f1a;--line:#715b27;--text:#f4ecd8;--muted:#9eabc0;--main:#3e73b9;--accent:#ffd86a;--page-bg:radial-gradient(circle at 50% -12%,#294b7d 0,#14233b 24%,#0a101c 48%,#07090d 78%)}
html[data-theme="horde"]{--bg:#0b0707;--panel:#1a100f;--panel-2:#100a0a;--line:#672d27;--text:#f1e5d6;--muted:#b09b91;--main:#a52d24;--accent:#e18238;--page-bg:radial-gradient(circle at 50% -12%,#6d211b 0,#321311 25%,#140b0b 49%,#080606 79%)}
html[data-theme="midnight"]{--bg:#03030a;--panel:#0b0817;--panel-2:#05040d;--line:#3d2d59;--text:#f0eaff;--muted:#9b91ad;--main:#7650bd;--accent:#d3a4f2;--page-bg:radial-gradient(circle at 50% -12%,#2d174a 0,#170d2b 24%,#090713 50%,#030308 81%)}
html[data-theme="ulatek"]{--bg:#080f07;--panel:#172415;--panel-2:#0d1a0c;--line:#537c28;--text:#f0f8e8;--muted:#aabb9d;--main:#8bdc20;--accent:#d3a5f0;--page-bg:radial-gradient(circle at 50% -12%,#436a13 0,#213a10 25%,#101d0c 51%,#060c06 81%)}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{min-height:100vh;margin:0;color:var(--text);background:var(--page-bg);background-attachment:fixed}
a{color:inherit}
.gallery-index-header{width:min(1520px,calc(100% - 40px));margin:auto;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(152,208,78,.28)}
.gallery-index-brand{color:var(--accent);font:800 clamp(25px,3vw,36px)/1 Georgia,serif;text-decoration:none;letter-spacing:.01em}
.gallery-index-header nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.gallery-index-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.gallery-theme{position:relative;z-index:5}
.gallery-theme summary{display:flex;align-items:center;gap:7px;min-height:39px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel-2) 88%,transparent);cursor:pointer;list-style:none;font-size:.72rem}.gallery-theme summary::-webkit-details-marker{display:none}.gallery-theme summary>span{color:var(--muted);font-size:.62rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.gallery-theme summary>strong{font-size:.75rem}.gallery-theme summary>em{color:var(--accent);font-size:.85rem;font-style:normal}.gallery-theme[open] summary>em{transform:rotate(180deg)}
.gallery-theme-preview,.gallery-theme-menu button>i{--preview-main:var(--main);--preview-accent:var(--accent);display:flex;width:31px;height:20px;padding:2px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2)}.gallery-theme-preview b,.gallery-theme-menu button>i b{display:block;width:50%;height:100%;border-radius:50%}.gallery-theme-preview b:first-child,.gallery-theme-menu button>i b:first-child{background:var(--preview-main)}.gallery-theme-preview b:last-child,.gallery-theme-menu button>i b:last-child{background:var(--preview-accent)}
.gallery-theme-menu{position:absolute;top:calc(100% + 7px);right:0;width:210px;padding:7px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 18px 48px #000a}.gallery-theme-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:7px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.gallery-theme-menu button:hover,.gallery-theme-menu button[aria-pressed="true"]{border-color:var(--line);background:color-mix(in srgb,var(--panel) 72%,var(--main))}.gallery-theme-menu button>span{min-width:0}.gallery-theme-menu button strong,.gallery-theme-menu button small{display:block}.gallery-theme-menu button strong{font-size:.75rem}.gallery-theme-menu button small{margin-top:2px;color:var(--muted);font-size:.62rem}.gallery-theme-menu button[data-theme="alliance"]>i{--preview-main:#3e73b9;--preview-accent:#ffd86a}.gallery-theme-menu button[data-theme="horde"]>i{--preview-main:#a52d24;--preview-accent:#e18238}.gallery-theme-menu button[data-theme="midnight"]>i{--preview-main:#7650bd;--preview-accent:#d3a4f2}.gallery-theme-menu button[data-theme="ulatek"]>i{--preview-main:#8bdc20;--preview-accent:#d3a5f0}
.gallery-index-header nav a,.gallery-index-builder,.gallery-index-open,.gallery-index-pager a{padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:rgba(7,16,6,.78);text-decoration:none;font-weight:750}
.gallery-index-header nav a:hover,.gallery-index-builder:hover,.gallery-index-open:hover,.gallery-index-pager a:hover{border-color:var(--accent);background:#18231c}
main{width:min(1520px,calc(100% - 40px));margin:0 auto;padding:54px 0 36px}
.gallery-index-intro{max-width:900px}
.gallery-index-intro>span{display:block;color:var(--main);font-size:.78rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.gallery-index-intro h1{margin:9px 0 13px;font:800 clamp(35px,5.2vw,68px)/1.02 Georgia,serif;color:#f3edff}
.gallery-index-intro p{max-width:760px;margin:0 0 24px;color:var(--muted);font-size:clamp(1rem,1.8vw,1.17rem);line-height:1.65}
.gallery-index-builder{display:inline-flex;color:#0c120a;background:var(--main);border-color:#a6dc65}
.gallery-index-builder:hover{color:#fff}
.gallery-index-count{margin:48px 0 15px;color:var(--muted);font-weight:750}
.gallery-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.gallery-index-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 94%,var(--main)),var(--panel-2));box-shadow:0 18px 48px rgba(0,0,0,.2)}
.gallery-index-card:hover{border-color:var(--accent);transform:translateY(-2px);transition:transform .16s ease,border-color .16s ease}
.gallery-index-image{display:block;overflow:hidden;background:#080c15;aspect-ratio:1}
.gallery-index-image img{display:block;width:100%;height:100%;object-fit:cover}
.gallery-index-copy{padding:16px 17px 18px}
.gallery-index-copy h2{margin:0 0 7px;font-size:1.1rem;line-height:1.25}
.gallery-index-copy h2 a{text-decoration:none}
.gallery-index-copy h2 a:hover{color:var(--accent)}
.gallery-index-copy p{margin:0 0 15px;color:var(--muted);font-size:.88rem;line-height:1.45}
.gallery-index-open{display:inline-flex;padding:8px 11px;font-size:.84rem}
.gallery-index-empty{padding:48px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--muted)}
.gallery-index-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin:36px 0 0}
.gallery-index-pager span{color:var(--muted);font-weight:700}
footer{width:min(1520px,calc(100% - 40px));margin:30px auto 0;padding:25px 0 34px;border-top:1px solid rgba(152,208,78,.28);display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.88rem}
footer a:hover{color:var(--accent)}
@media(max-width:1100px){.gallery-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.gallery-index-header{width:min(100% - 24px,1520px);padding:17px 0;align-items:flex-start;flex-direction:column}.gallery-index-actions{width:100%;align-items:flex-start;justify-content:flex-start;flex-direction:column}.gallery-index-header nav{justify-content:flex-start}.gallery-index-header nav a{padding:8px 10px;font-size:.82rem}.gallery-theme-menu{right:auto;left:0}main{width:min(100% - 24px,1520px);padding-top:35px}.gallery-index-grid{grid-template-columns:1fr;gap:16px}.gallery-index-count{margin-top:38px}.gallery-index-copy{padding:14px}.gallery-index-pager{gap:9px}.gallery-index-pager a{padding:9px 10px;font-size:.84rem}footer{width:min(100% - 24px,1520px)}}
@media(prefers-reduced-motion:reduce){.gallery-index-card{transition:none}.gallery-index-card:hover{transform:none}}