
:root{--bg:#0b0c10;--panel:#151721;--line:#2b2e3b;--text:#f5f6fb;--muted:#a0a6b6;--purple:#b5a0ff;--cyan:#72e3ed;--gold:#f5d17a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 78% 0%,#211944,transparent 33%),var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}.wrap{width:min(1080px,calc(100% - 36px));margin:auto}header{position:sticky;top:0;background:#0b0c10ed;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff12;z-index:5}.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{font-weight:900;letter-spacing:-.05em;color:white;text-decoration:none}.brand span,h1 span{color:var(--purple)}.navlinks{display:flex;gap:22px}.navlinks a{font-size:13px;color:var(--muted);text-decoration:none}.btn,.tab{border:1px solid var(--line);border-radius:11px;padding:10px 14px;background:#171923;color:var(--text);font-size:13px;font-weight:700;cursor:pointer;text-decoration:none}.hero{padding:76px 0 50px;display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center}.eyebrow,.kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);font-weight:800}h1{font-size:clamp(48px,7vw,80px);line-height:.98;letter-spacing:-.075em;margin:20px 0}.lead,.sub{color:var(--muted);max-width:620px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.primary{background:#f5f6fb;color:#101116;border-color:#f5f6fb}.art{border:1px solid #ffffff17;border-radius:24px;min-height:270px;padding:20px;background:linear-gradient(145deg,#201a38,#12141b);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.art:after{content:"";position:absolute;right:20px;top:35px;width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,var(--purple),#6353c5,var(--cyan));box-shadow:0 0 0 22px #b5a0ff0b,0 0 0 45px #b5a0ff08}.art small{z-index:1;letter-spacing:.12em;color:#b8bbca}.art strong{z-index:1;font-size:28px}.art span{z-index:1;color:var(--muted);font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:30px}.stat{border:1px solid var(--line);border-radius:14px;padding:15px 18px;background:#12141b}.stat strong{display:block;font-size:28px;letter-spacing:-.05em}.stat span{color:var(--muted);font-size:12px}section{padding:42px 0}.head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.head h2{font-size:clamp(28px,4vw,40px);letter-spacing:-.06em;margin:6px 0}.tabs{display:flex;gap:8px;margin:18px 0 12px}.tab{color:var(--muted);background:transparent}.tab.active{background:#29213f;border-color:#655394;color:#f0eaff}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.filters input,.filters select,.field input,.field textarea{background:#0d0f15;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:white;max-width:100%}.filters input{width:min(350px,100%)}.results{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.result{display:flex;gap:13px;padding:18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#171923,#111219)}.rank{width:42px;height:42px;flex-shrink:0;border-radius:12px;background:#28213f;color:var(--purple);display:grid;place-items:center;font-weight:900}.rank.gold{background:#3c3018;color:var(--gold)}.rmain{flex:1;min-width:0}.rhead{display:flex;justify-content:space-between;gap:10px}.result h3{font-size:15px;line-height:1.35;margin:0 0 5px}.disc{font-size:12px;color:var(--cyan)}.place{font-size:12px;font-weight:800;text-align:right}.place.unknown{color:var(--muted);font-weight:500}.meta{font-size:11px;color:var(--muted);margin-top:12px}.about{display:grid;grid-template-columns:.7fr 1.3fr;gap:14px}.tile,.copy{border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--panel)}.tile strong{font-size:35px}.copy p{color:var(--muted);margin:0}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.photo{aspect-ratio:4/5;border:1px dashed #4a455d;border-radius:14px;background:linear-gradient(145deg,#191a25,#101117);display:grid;place-items:center;text-align:center;padding:12px;color:#9297a8}.photo b{display:block;color:#c8cbd5;font-size:13px}.photo small{font-size:11px}.contact{border:1px solid #ffffff19;border-radius:20px;padding:28px;background:linear-gradient(110deg,#211a3b,#12141b 70%)}.contact p{color:var(--muted)}footer{margin-top:40px;border-top:1px solid #ffffff12;padding:22px 0 30px;color:#7e8494;font-size:11px;display:flex;justify-content:space-between}
#editor{display:none;border-top:1px solid var(--line);background:#0e0f15;padding:28px 0}#editor.open{display:block}.editor-top{display:flex;justify-content:space-between;gap:20px}.editor-top p{color:var(--muted);font-size:13px;max-width:760px}.field label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.field textarea{width:100%}.editcard{border:1px solid var(--line);background:#151721;border-radius:13px;padding:14px;margin:10px 0}.editgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:9px}.editgrid input{width:100%;font-size:12px}.editgrid .wide{grid-column:span 2}.editoractions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.danger{color:#ffb8c3;border-color:#633945}.note{font-size:12px;color:var(--muted)}
@media(max-width:700px){.hero{grid-template-columns:1fr;padding-top:48px}.art{min-height:200px}.navlinks{gap:10px}.navlinks a:nth-child(2){display:none}.stats{gap:7px}.stat{padding:12px}.stat strong{font-size:23px}.stat span{font-size:10px}.results{grid-template-columns:1fr}.about{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.head,.editor-top{align-items:start;flex-direction:column}.editgrid{grid-template-columns:1fr 1fr}.editgrid .wide{grid-column:span 2}footer{flex-direction:column}}@media(max-width:420px){.navlinks a:first-child{display:none}.editgrid{grid-template-columns:1fr}.editgrid .wide{grid-column:auto}}

.photo{display:block;overflow:hidden;padding:0;border:1px solid #4a455d;aspect-ratio:4/5;background:#101117}.photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.photo:hover img{transform:scale(1.04)}.photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:32px 12px 12px;background:linear-gradient(transparent,#090a0eee);color:#fff;font-size:12px;font-weight:700}.photo{position:relative}
/* Responsive gallery; reset the browser's default figure margins. */
[hidden]{display:none!important}button,input,textarea,select{font:inherit}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}input:focus-visible,textarea:focus-visible{outline:2px solid var(--purple);outline-offset:2px}html{scroll-padding-top:90px}.plain{color:inherit}h1 .plain{color:var(--text)}.hero-photo{isolation:isolate}.hero-photo:after{display:none}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090a0edb,#090a0e20);z-index:-1}.gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.6vw,18px)}.photo{margin:0;min-width:0;aspect-ratio:4/5}.photo-open{display:block;border:0;padding:0;width:100%;height:100%;background:transparent;cursor:zoom-in}.photo img{width:100%;height:100%;object-fit:cover}.photo figcaption{pointer-events:none;overflow-wrap:anywhere}.photo-open:focus-visible{outline-offset:-5px}.navlinks{margin-left:auto}.art{min-width:0}.result,.tile,.copy,.contact{overflow-wrap:anywhere}.rhead{flex-wrap:wrap}.rank{overflow:hidden;font-size:13px}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{min-width:0;overflow-wrap:anywhere}.stat strong{font-size:clamp(19px,2.8vw,28px)}
/* The administrator entry lives in the footer, not above page content. */
.footer-right{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.admin-trigger{position:static;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid transparent;border-radius:10px;padding:0;background:transparent;color:var(--muted);opacity:.65;cursor:pointer;transition:opacity .18s ease,color .18s ease,background .18s ease,border-color .18s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.admin-trigger svg{display:block;pointer-events:none}
.admin-trigger:hover,.admin-trigger:focus-visible{opacity:1;color:var(--text);background:#ffffff09;border-color:var(--line)}
.admin-trigger:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
@media(max-width:700px){footer{gap:4px}.footer-right{display:flex;width:100%;justify-content:space-between;gap:8px}}
.modal{position:fixed;width:min(400px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:28px;border:1px solid var(--line);border-radius:18px;color:var(--text);background:var(--panel);box-shadow:0 24px 80px #0009}.modal::backdrop{background:#05060bbf;backdrop-filter:blur(5px)}.modal h2{margin:8px 0 22px;letter-spacing:-.04em}.dialog-close{position:absolute;top:10px;right:10px;padding:4px 12px;font-size:20px}.field{display:block;font-size:12px;color:var(--muted)}.field input,.field textarea{display:block;width:100%;margin:6px 0 15px;font:inherit;font-size:16px}.field textarea{resize:vertical}.error{color:#ffb8c3!important}.modal .error{min-height:24px;font-size:13px}.modal [type=submit]{width:100%}body:has(dialog[open]){overflow:hidden}
.lightbox{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:#05060bf5;color:var(--text);overflow:hidden}.lightbox::backdrop{background:#05060b}.lightbox[open]{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:8px}.lightbox-stage{min-width:0;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:62px 0 max(24px,env(safe-area-inset-bottom));pointer-events:none}.lightbox-stage img{width:100%;height:auto;max-height:calc(100dvh - 160px);object-fit:contain;min-height:0;pointer-events:auto;touch-action:pan-y pinch-zoom}.lightbox-stage p{margin:12px 0 0;text-align:center;max-width:70ch;overflow-wrap:anywhere;max-height:3.2em;overflow:auto;pointer-events:auto}.lightbox-stage span{color:var(--muted);font-size:12px}.lightbox .btn{z-index:1;width:44px;height:44px;font-size:28px;line-height:1;padding:0;background:#1b1d27cc;border-color:#454754}.lightbox-close{position:absolute;right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top))}.lightbox-prev{justify-self:center}.lightbox-next{justify-self:center}.savebar{position:sticky;top:68px;background:#0e0f15f5;z-index:4;padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.savebar span{font-size:13px}fieldset{border:0;margin:0;padding:0;min-width:0}details{margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:12px}summary{cursor:pointer;font-weight:700;font-size:14px}.text-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-top:16px}.photo-editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.photo-editor .editcard{margin:0;min-width:0}.photo-editor img{width:100%;height:180px;object-fit:contain;background:#101117;border-radius:8px}.photo-editor .btn{font-size:12px;padding:8px 10px}.photo-editor .editoractions{gap:6px;margin:0}.replace-label,.upload-label{display:inline-block;cursor:pointer}.replace-label:focus-within,.upload-label:has(+input:focus-visible){outline:2px solid var(--cyan)}#passwordForm{margin-top:20px;max-width:440px}.setup{padding:60px 0;max-width:680px}.setup-title{font-size:clamp(30px,7vw,52px);letter-spacing:-.05em;line-height:1.1}.setup .field{margin:15px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:701px) and (max-width:1000px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo{border-radius:12px}.photo figcaption{padding:30px 10px 10px;font-size:11px}.photo-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.text-grid{grid-template-columns:1fr}.lightbox[open]{grid-template-columns:1fr;gap:0}.lightbox-stage{padding:65px 10px 75px}.lightbox-stage img{max-height:calc(100dvh - 205px)}.lightbox-prev,.lightbox-next{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));width:52px!important;height:48px!important}.lightbox-prev{left:calc(50% - 62px)}.lightbox-next{right:calc(50% - 62px)}.editgrid input{font-size:16px}.editor-top{gap:0}.savebar{top:68px}.modal{padding:24px}.contact{padding:22px}.nav{gap:10px}.navlinks a:nth-child(2),.navlinks a:first-child{display:inline}.navlinks{gap:12px}.navlinks a{font-size:12px}}@media(max-width:380px){.gallery{grid-template-columns:1fr}.photo{aspect-ratio:4/5}.photo-editor{grid-template-columns:1fr}.navlinks{gap:8px}.navlinks a{font-size:11px}.brand{font-size:14px}.stat{padding:10px 8px}}@media(hover:none){.photo:hover img{transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

