:root{color-scheme:dark;--bg: #0b0d12;--panel: #14171f;--panel-2: #1b1f29;--border: #262b36;--text: #e6e8ee;--muted: #9aa3b2;--accent: #6ea8fe}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(1200px 700px at 70% -10%,#16203a 0,var(--bg) 55%) no-repeat,var(--bg);font-family:system-ui,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top);background:var(--bg);z-index:6;pointer-events:none}.gal{max-width:1200px;margin:0 auto;padding-top:max(32px,calc(env(safe-area-inset-top) + 14px));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:calc(60px + env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left))}.gal-head{text-align:center;margin-bottom:8px}.gal-head h1{font-size:30px;margin:0 0 6px}.gal-stats{color:var(--muted);margin:0;font-variant-numeric:tabular-nums}.map-wrap{margin:16px auto 4px;max-width:1000px}.worldmap{width:100%;height:auto;display:block}.geo{fill:#1b1f29;stroke:#0b0d12;stroke-width:.5;outline:none}.geo.has{fill:var(--accent);cursor:pointer;transition:fill .12s}.geo.has:hover{fill:#9cc3ff}.geo.sel{fill:#cfe2ff}.gal-controls{position:sticky;top:env(safe-area-inset-top);z-index:5;background:#0b0d12d9;backdrop-filter:blur(8px);padding:16px 0;margin:10px 0 18px}.gal-search{width:100%;max-width:520px;display:block;margin:0 auto 12px;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:15px}.gal-search:focus{outline:none;border-color:var(--accent)}.gal-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.chip{border:1px solid var(--border);background:var(--panel);color:var(--muted);border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer;transition:.15s}.chip:hover{color:var(--text)}.chip.on{background:var(--accent);color:#0b0d12;border-color:var(--accent);font-weight:600}.gal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}.mag{margin:0;background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,border-color .15s}@media(hover:hover){.mag:hover{transform:translateY(-3px);border-color:var(--accent)}}.mag-img{aspect-ratio:1;position:relative;cursor:pointer;background:radial-gradient(circle at 50% 42%,#1d2433 0%,var(--panel) 72%)}.mag-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.mag figcaption{padding:10px 12px 14px;border-top:1px solid var(--border)}.mag-place{font-size:13px;font-weight:600}.mag-num{color:var(--accent);font-variant-numeric:tabular-nums}.mag-desc{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.gal-empty{text-align:center;color:var(--muted);padding:40px}.mag-img{position:relative;cursor:pointer}.mag-dl{position:absolute;bottom:8px;right:8px;z-index:2;transition:opacity .12s;width:24px;height:24px;border-radius:7px;text-decoration:none;background:#0b0d12b8;border:1px solid var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:14px}@media(hover:hover){.mag-dl{opacity:0}.mag:hover .mag-dl{opacity:1}}@media(hover:none){.mag-dl{opacity:.85}}.mag-dl:hover{border-color:var(--accent);color:var(--accent)}.selbar-btn{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 14px;font-size:13px;cursor:pointer;transition:.15s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.selbar-btn:hover{border-color:var(--accent)}.selbar-btn.primary{background:var(--accent);border-color:var(--accent);color:#0b0d12;font-weight:600}.selbar-btn.ghost{color:var(--muted)}.selbar-btn:disabled{opacity:.5;cursor:default}.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#06080ccc;backdrop-filter:blur(4px)}.modal-box{position:relative;display:flex;flex-direction:column;gap:0;width:min(560px,96vw);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #0009}.modal-x{position:absolute;top:10px;right:10px;z-index:2;width:30px;height:30px;border-radius:999px;cursor:pointer;background:#0b0d12b3;border:1px solid var(--border);color:var(--text);font-size:14px}.modal-x:hover{border-color:var(--accent);color:var(--accent)}.modal-img{display:flex;align-items:center;justify-content:center;padding:22px 22px 8px;background:radial-gradient(circle at 50% 38%,#1d2433 0%,var(--panel) 72%);border-radius:16px 16px 0 0}.modal-img img{max-width:100%;max-height:60vh;object-fit:contain;border-radius:8px}.modal-info{padding:14px 20px 20px;display:flex;flex-direction:column;gap:10px}.modal-place{font-size:16px;font-weight:700}.modal-desc{margin:0;color:var(--text);line-height:1.5;font-size:14px}.modal-keys{display:flex;flex-wrap:wrap;gap:6px}.key{font-size:11px;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:2px 9px}.modal-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.fld{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.fld input,.fld textarea,.fld select{font:inherit;font-size:14px;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:9px 12px;resize:vertical}.fld input:focus,.fld textarea:focus,.fld select:focus{outline:none;border-color:var(--accent)}