:root{color-scheme:light;--paper: #f6f7fa;--card: #fff;--ink: #111a2d;--muted: #536078;--rule: #8193bc;--accent: #374151;--glass: rgb(246 247 250 / 94%)}:root[data-theme=dark]{color-scheme:dark;--paper: #0b1324;--card: #0f1d37;--ink: #f3f6ff;--muted: #b3bfd8;--rule: #465c8f;--accent: #b3bfd8;--glass: rgb(11 19 36 / 94%)}*{box-sizing:border-box}html{scroll-padding-top:64px}body{margin:0;min-height:100dvh;background:var(--paper);color:var(--ink);font:13px/1.6 Arial,Helvetica,sans-serif}main{width:min(1120px,100%);margin:auto;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}section{padding-block:20px;border-bottom:1px solid var(--rule);min-width:0}.intro{padding-top:0}h1{margin:0;font-size:20px;line-height:1.3}h2{margin:0 0 12px;font-size:18px;line-height:1.4}h3{font-size:15px}p{margin:8px 0}.lede{font-size:16px;font-weight:700}.quiet,figcaption,summary span{color:var(--muted)}a{color:var(--accent)}button,input,select{font:inherit;color:inherit}button,.button,summary,.sections a,input,select{min-height:44px}button,.button{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;background:var(--card);border:1px solid var(--rule);border-radius:5px;cursor:pointer;text-decoration:none}.primary{background:var(--accent);border-color:var(--accent);color:var(--paper);font-weight:700}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.sections{display:flex;gap:8px;overflow-x:auto;position:sticky;top:0;z-index:1;background:var(--glass);border-bottom:1px solid var(--rule)}.sections a{display:flex;align-items:center;flex:none;padding:8px;white-space:nowrap}.steps{padding-left:20px}.steps li{padding:6px 0}.keys{display:none}.factions{display:grid;gap:24px}.factions img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.factions article{min-width:0}.filters{display:grid;gap:12px;margin-block:16px}label{display:grid;gap:4px;font-weight:700}input,select{width:100%;min-width:0;border:1px solid var(--rule);border-radius:5px;background:var(--card);padding:8px;font-size:16px}summary{cursor:pointer;padding:10px 0}summary strong{display:inline}summary span{display:block;font-size:12px}details{border-bottom:1px solid color-mix(in srgb,var(--rule) 45%,transparent);overflow-wrap:anywhere}details[open]{padding-bottom:12px}.map canvas{display:block;width:100%}.gallery{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}figure{margin:0;min-width:0}figure button{width:100%;padding:0;overflow:hidden;border-radius:8px}figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}figcaption{padding-top:6px;font-size:12px;overflow-wrap:anywhere}dialog{width:min(900px,calc(100% - 24px));max-height:calc(100dvh - 32px);border:1px solid var(--rule);border-radius:12px;background:var(--glass);color:var(--ink);padding:12px}dialog::backdrop{background:#04102e73}dialog img{display:block;width:100%;max-height:70dvh;object-fit:contain;margin-top:10px}dialog button{float:right}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@supports (backdrop-filter: blur(18px)){.sections,dialog{background:color-mix(in srgb,var(--paper) 80%,transparent);backdrop-filter:blur(18px) saturate(150%)}}@media (prefers-reduced-transparency: reduce){.sections,dialog{background:var(--paper);backdrop-filter:none}}@media (min-width: 760px){.factions{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{grid-template-columns:2fr 1fr 1fr}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (hover: hover) and (pointer: fine){.keys{display:block}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}