:root{color-scheme:dark;--bg:#090909;--panel:#111112;--yellow:#f4cc4b;--text:#eeeae0;--muted:#96948d;--border:#2a2925;font-family:Inter,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--border);border-radius:7px;background:#191919;color:var(--text);padding:11px 16px;font-size:14px;font-weight:600;transition:background .2s,transform .2s,border-color .2s,box-shadow .2s}button:hover{border-color:#807344;background:#26231b}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.primary{background:var(--yellow);color:#171307;border-color:var(--yellow)}.primary:hover{background:#ffdf75;border-color:#ffdf75;box-shadow:0 0 24px #f4cc4b1e}.secondary{background:#161616}.text-button{background:none;border:0;color:var(--muted);font-size:13px;padding:10px 0}.danger{color:#ed9b89;background:none}.wide{display:block;width:100%;margin:12px 0}.yellow{color:var(--yellow)}[hidden]{display:none!important}header{height:96px;padding:0 32px;display:flex;align-items:center;gap:25px;background:#0b0b0c;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:17px;color:var(--text);text-decoration:none;font-size:19px;font-weight:800;letter-spacing:1.5px;white-space:nowrap}.brand small{display:block;font-size:11px;letter-spacing:5px;color:var(--yellow);font-weight:500;margin-top:3px}.monogram{position:relative;border:1px solid #f4cc4b77;color:var(--yellow);width:47px;height:49px;display:grid;place-items:center;font-family:Georgia,serif;font-weight:400;letter-spacing:-4px;font-size:26px;padding-right:4px}.monogram span{position:absolute;right:-6px;bottom:-9px;background:#0b0b0c;padding:0 3px;font:14px Georgia}.header-center{flex:1;text-align:center;color:#7c786a;letter-spacing:2px;font-size:10px}.header-actions{display:flex;align-items:center;gap:10px}.badge{font-size:10px;letter-spacing:1.6px;color:#b5ab87;padding:8px 12px;border:1px solid #45402d;border-radius:4px;white-space:nowrap}main{height:calc(100dvh - 96px);display:grid;grid-template-columns:380px minmax(0,1fr)}aside{display:flex;flex-direction:column;background:#111112;border-right:1px solid var(--border);overflow:hidden;z-index:2}.aside-heading{padding:30px 25px 0}.eyebrow{color:var(--yellow);font-size:10px;font-weight:600;letter-spacing:2px}h1{font-size:29px;line-height:1.2;letter-spacing:-.9px;margin:12px 0;display:flex;align-items:center;justify-content:space-between}h1 span{font:14px 'Courier New',monospace;color:var(--yellow);border:1px solid #554826;border-radius:4px;padding:4px 7px;letter-spacing:0}.aside-heading>p{font-size:14px;color:var(--muted);margin:0 0 24px}.search{display:flex;gap:10px;align-items:center;background:#1a1a1b;border:1px solid #302f2c;border-radius:7px;padding:0 12px;margin-bottom:24px;color:#aaa28e}.search>span{font-size:26px}.search input{min-width:0;border:0;background:none;color:var(--text);padding:11px 0;width:100%;font-size:14px;outline:none}.search:focus-within{border-color:var(--yellow)}kbd{font-size:12px;border:1px solid #47443b;border-radius:3px;padding:0 5px;color:#868074}.list-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding:17px 0;font-size:10px;letter-spacing:1.3px;color:#928b7c}.list-toolbar select{background:transparent;color:#bdb8ab;font-size:12px;border:0;max-width:150px;padding:0;letter-spacing:0}#cards{flex:1;overflow:auto;padding:2px 18px 20px;scrollbar-width:thin;scrollbar-color:#504629 transparent}.card{position:relative;display:block;text-align:left;width:100%;padding:0;margin:0 0 15px;background:#171717;border:1px solid #2b2924;border-radius:9px;overflow:hidden;animation:card-in .4s both}.card:hover,.card.active{border-color:#b99a3e;background:#1c1b17;box-shadow:0 6px 22px #0003}.card:hover .thumb img{transform:scale(1.045)}.thumb{height:142px;overflow:hidden;position:relative;background:#181c1e url('/map.jpg') center/cover}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s;filter:brightness(.85)}.thumb:after{position:absolute;inset:0;content:'';background:linear-gradient(transparent 30%,#111c)}.chapter{position:absolute;left:13px;top:12px;z-index:1;background:#0b0b0be8;color:var(--yellow);font:12px 'Courier New',monospace;border:1px solid #68572a;padding:4px 7px;border-radius:3px}.card-category{position:absolute;left:14px;bottom:12px;color:#e9dbb0;font-size:10px;letter-spacing:1.6px;z-index:1;text-transform:uppercase}.card-body{padding:15px 16px 13px}.card h3{margin:0 0 8px;font-size:18px;letter-spacing:-.3px;line-height:1.35;font-weight:650;overflow-wrap:anywhere}.card p{font-size:13px;font-weight:400;line-height:1.6;margin:0;color:#a9a59a;overflow-wrap:anywhere}.card-footer{margin-top:18px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#9d937b;text-transform:uppercase}.card-footer span:last-child{color:var(--yellow)}.sidebar-footer{min-height:75px;border-top:1px solid var(--border);padding:16px 23px;display:flex;align-items:center;gap:14px;color:#8f8878;font-size:11px}.footer-mark{font-weight:800;color:var(--yellow);letter-spacing:1px}.sidebar-footer>div{flex:1}.icon-button{width:36px;height:36px;padding:0;display:grid;place-items:center;font-size:20px}.map-wrap{position:relative;overflow:hidden;background:#132839}#map{width:100%;height:100%;touch-action:none;cursor:grab;user-select:none;display:block}#map>image,#tiles{filter:saturate(.57) brightness(.73)}#map.drawing{cursor:crosshair}#map.dragging{cursor:grabbing}.map-shade{pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,#080a0c99,transparent 28%,transparent 78%,#080a0c99);box-shadow:inset 0 0 100px #0004}.map-heading{position:absolute;top:30px;left:35px;pointer-events:none}.map-heading h2{margin:6px 0;font-size:27px;font-weight:500;letter-spacing:-.6px;color:#eee9d9}.map-heading h2 span{color:var(--yellow)}.map-heading p{margin:0;color:#a9b0b3;font-size:12px}.north{position:absolute;right:32px;top:32px;color:#ddd6bd;display:flex;align-items:center;flex-direction:column;gap:8px;font:11px monospace;pointer-events:none}.north svg{width:23px;height:34px}.map-bottom{position:absolute;bottom:22px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none}.map-status{display:flex;align-items:center;gap:10px;background:#0b0d0ee8;border:1px solid #605b3f55;padding:10px 12px;border-radius:5px;font-size:10px;letter-spacing:1px;color:#aaa797}.map-status b{color:var(--yellow);font-weight:500}.status-dot{width:5px;height:5px;background:var(--yellow);border-radius:50%}#zoom-label{border-left:1px solid #464233;padding-left:10px;color:#d6c99c}.map-help{font-size:11px;color:#bdc1bf;background:#0b0d0eaa;padding:8px 10px;border-radius:5px}.map-controls{position:absolute;right:28px;bottom:95px;display:grid;border:1px solid #5d513144;border-radius:8px;overflow:hidden;background:#101111e8}.map-controls button{background:none;border:0;border-radius:0;width:44px;height:44px;padding:0;font-size:23px;color:#dbd0aa}.map-controls button:hover{background:#f4cc4b18;color:var(--yellow)}.map-controls span{height:1px;margin:0 10px;background:#403b2b}.map-wordmark{position:absolute;bottom:89px;left:30px;font-size:10px;letter-spacing:4px;opacity:.42;pointer-events:none}.region{cursor:pointer;outline:none}.region polygon{transition:fill-opacity .2s}.region:hover polygon,.region:focus polygon{fill-opacity:.26}.pin-ring{transition:opacity .2s}.region:hover .pin-ring,.region:focus .pin-ring{opacity:.6}.region:focus .pin-core{stroke:#fff;stroke-width:3}.pin-number{pointer-events:none;font:700 12px 'Segoe UI',sans-serif;fill:#16130a;text-anchor:middle;dominant-baseline:central}.pin-label{pointer-events:none;fill:#fff8dd;font:600 12px 'Segoe UI',sans-serif;paint-order:stroke;stroke:#14130e;stroke-width:4;stroke-linejoin:round}#drawing-bar{position:absolute;left:24px;right:24px;bottom:22px;display:flex;align-items:center;gap:9px;background:#111110f5;border:1px solid #f4cc4b88;padding:16px;border-radius:10px;box-shadow:0 5px 30px #0007}#drawing-bar>div{flex:1}#drawing-bar p{font-size:13px;margin:4px 0;color:#e4dbc2}dialog{padding:0;border:1px solid #544b31;background:#111112;color:var(--text);border-radius:12px;width:min(680px,calc(100% - 28px));max-height:92dvh;box-shadow:0 28px 120px #000b}dialog[open]{animation:dialog-in .32s cubic-bezier(.2,.75,.25,1)}dialog.closing{animation:dialog-out .18s ease forwards}dialog::backdrop{background:#050505d4;backdrop-filter:blur(9px)}dialog[open]::backdrop{animation:backdrop-in .3s ease}.close{position:absolute;right:16px;top:16px;z-index:3;background:#0c0c0cd9;color:#eee5cb;border-color:#a7996b55;border-radius:50%;width:38px;height:38px;font-size:25px}#details{width:min(840px,calc(100% - 28px))}#detail-photo{height:330px;background:#111;position:relative;overflow:hidden;border-bottom:1px solid #4c432b}#detail-photo img{width:100%;height:100%;object-fit:cover;animation:photo-in .6s ease}#detail-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#080808aa);pointer-events:none}.photo-caption{position:absolute;bottom:20px;left:30px;font-size:9px;letter-spacing:2px;color:#e3d7ae;z-index:1}#expand-photo{position:absolute;bottom:14px;right:22px;background:#111b;font-size:12px;z-index:1}.detail-body{padding:28px 36px 30px}.story-meta{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#b5a476;flex-wrap:wrap}#detail-number{color:var(--yellow);font:12px monospace}h2{font-size:30px;line-height:1.2;letter-spacing:-.7px;margin:12px 0 20px}#detail-title{font-size:39px;line-height:1.15;margin:16px 0;overflow-wrap:anywhere}#detail-short{color:#d3cdbd;font-size:18px;line-height:1.65;margin-bottom:26px}.story-divider{display:flex;align-items:center;gap:15px;color:#b4a16e;font-size:10px;letter-spacing:2px;margin:27px 0 21px}.story-divider i{height:1px;background:#3c3523;flex:1}#detail-description{white-space:pre-wrap;overflow-wrap:anywhere;color:#bbb8b0;font-size:16px;line-height:1.9;min-height:60px}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;border-top:1px solid var(--border);padding-top:22px;margin-top:28px;flex-wrap:wrap}#previous{margin-right:0}#next{margin-right:auto}#lightbox{width:95vw;height:94dvh;background:#080808;border-color:#353029;overflow:hidden}#lightbox>img{height:100%;width:100%;object-fit:contain}#form,.modal-body{padding:32px}label{display:block;font-size:13px;color:#c8c1ae;margin:16px 0}input:not([type=file]),textarea,select{display:block;width:100%;margin-top:7px;border:1px solid #39362d;border-radius:6px;background:#0b0b0c;color:var(--text);padding:11px 12px;font-size:14px;resize:vertical}input::placeholder,textarea::placeholder{color:#6c6961}.form-row{display:flex;gap:16px}.form-row label{flex:1;min-width:0}.upload{padding:5px 16px 12px;border:1px dashed #554a2d;border-radius:7px;background:#f4cc4b04}.upload input{display:block;font-size:12px;margin:12px 0}.upload small{display:block;font-size:11px;color:var(--muted)}#photo-preview{width:100%;max-height:160px;object-fit:contain}#form-error,#share-error{font-size:14px;color:#efad95}.modal-body>p{color:#a9a397;font-size:14px;line-height:1.7}.location-option{display:flex;align-items:center;text-align:left;width:100%;margin:13px 0;padding:21px 17px;gap:18px;background:#191917}.location-option>span{font-size:30px;color:var(--yellow)}.location-option>div{flex:1}.location-option strong{display:block;font-size:16px;font-weight:600}.location-option small{display:block;font-size:12px;color:#a39c88;margin-top:5px;font-weight:400}.location-option>b{color:var(--yellow)}.share-callout{display:flex;gap:20px;background:#f4cc4b09;border:1px solid #5c4e26;border-radius:8px;padding:22px;margin:24px 0}.share-callout>span{font-size:27px;color:var(--yellow)}.share-callout strong{font-size:16px;color:#f3dfab}.share-callout p{font-size:13px;line-height:1.7;color:#b3a98f;margin:8px 0 0}#toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);z-index:30;background:#f4cc4b;color:#1a160a;max-width:90%;padding:13px 22px;border-radius:6px;box-shadow:0 10px 30px #0006;font-size:14px;display:none}.empty{text-align:center;padding:45px 18px;color:#9c9688}.empty-icon{display:grid;place-items:center;margin:0 auto 24px;width:62px;height:62px;border:1px solid #5c4d27;background:#f4cc4b07;border-radius:14px;color:var(--yellow);font-size:30px}.empty h2{color:#e2dac5;font-size:22px}.empty p{font-size:14px;line-height:1.8}.empty button{margin-top:13px}.empty-note{font-size:11px!important;color:#777264}.loading{opacity:.55;pointer-events:none}@keyframes dialog-in{from{opacity:0;transform:translateY(22px) scale(.975)}to{opacity:1;transform:none}}@keyframes dialog-out{to{opacity:0;transform:translateY(14px) scale(.98)}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes card-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes photo-in{from{opacity:.3;transform:scale(1.025)}to{opacity:1;transform:none}}@media(min-width:1600px){main{grid-template-columns:420px 1fr}.aside-heading{padding:34px 30px 0}#cards{padding-left:23px;padding-right:23px}.thumb{height:168px}}@media(max-width:1100px){.header-center{display:none}.header-actions{margin-left:auto}.badge{display:none}main{grid-template-columns:330px 1fr}.map-heading{left:25px}.map-heading h2{font-size:23px}.map-help{display:none}.brand{font-size:16px}}@media(max-width:720px){header{height:78px;padding:0 15px;gap:12px}.brand{font-size:12px;gap:10px;letter-spacing:1px}.brand small{font-size:9px;letter-spacing:3px}.monogram{width:34px;height:38px;font-size:21px}.header-actions{gap:6px}.header-actions button{font-size:11px;padding:9px 10px}main{height:auto;display:flex;flex-direction:column-reverse}.map-wrap{height:58dvh;min-height:360px}aside{border:0;min-height:38dvh;max-height:none}.aside-heading{padding:23px 20px 0}.aside-heading>p{margin-bottom:18px}.search{margin-bottom:15px}.list-toolbar{padding:13px 0}#cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible;padding:0 15px 20px}.card{margin:0}.thumb{height:115px}.card-body{padding:13px}.card h3{font-size:16px}.card p{font-size:12px}.card-footer{font-size:9px;gap:5px;flex-wrap:wrap}.empty{grid-column:1/-1;padding:26px 15px}.map-heading{top:20px;left:20px}.map-heading h2{font-size:22px}.map-heading .eyebrow{font-size:9px}.map-heading p{font-size:11px}.north{right:19px;top:22px}.map-controls{right:17px;bottom:65px}.map-controls button{height:39px;width:39px}.map-bottom{left:18px;bottom:17px}.map-wordmark{display:none}#drawing-bar{left:10px;right:10px;bottom:12px;flex-wrap:wrap;padding:12px}#drawing-bar>div{flex-basis:100%}#drawing-bar button{font-size:12px}.detail-body{padding:23px}#detail-photo{height:230px}#detail-title{font-size:29px}#detail-short{font-size:16px}.photo-caption{left:20px;font-size:8px;bottom:15px}#expand-photo{font-size:11px;right:13px;bottom:9px;padding:8px}#form,.modal-body{padding:24px}.dialog-actions button{font-size:12px;padding:10px 12px}.story-meta{gap:10px;font-size:9px}.form-row{gap:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.search input{margin:0;border:0;padding:11px 0;background:none}.list-toolbar select{margin:0}