.watcher-encounter-art{float:left;background:#171914;border:1px solid #aa8b5266;border-radius:5px;width:112px;margin:0 20px 12px 0;overflow:hidden}.watcher-encounter-art img{width:100%;height:auto;display:block}.watcher-encounter-art figcaption{text-align:center;color:#dbc59b;padding:7px;font:12px Georgia,serif}.watcher-gallery h2,.watcher-art-view h2{color:#ecdfc3;font-family:Georgia,serif;font-size:28px;font-weight:400}.watcher-portrait-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:18px;padding:16px 0;display:grid}.watcher-portrait-grid button{text-align:left;cursor:pointer;background:#15252a;border:1px solid #b3965b55;border-radius:6px;padding:0;transition:border-color .18s,transform .18s;overflow:hidden}.watcher-portrait-grid button:hover{border-color:#d9b979;transform:translateY(-2px)}.watcher-portrait-grid img{aspect-ratio:2/3;object-fit:contain;width:100%;height:auto;display:block}.watcher-portrait-grid button>span{color:#e9d9b6;justify-content:space-between;align-items:center;padding:12px 14px;font:17px Georgia,serif;display:flex}.watcher-art-view{max-width:620px;margin:0 auto}.watcher-art-view>img{object-fit:contain;background:#101817;width:100%;height:auto;max-height:70svh;margin:15px auto;display:block}.watcher-gallery-toolbar{color:#b9baaa;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;font-size:13px;display:flex}.watcher-gallery-toolbar button{color:#e1cfaa;cursor:pointer;background:0 0;border:1px solid #b3965b66;border-radius:4px;align-items:center;gap:8px;padding:10px 14px;display:flex}.watcher-portrait-grid button:focus-visible,.watcher-gallery-toolbar button:focus-visible{outline-offset:4px;outline:2px solid #e6c780}.watcher-codex-thumb{aspect-ratio:2/3;object-fit:contain;border-radius:4px;width:100%;height:auto;margin-bottom:16px;display:block}@media (width<=600px){.watcher-portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.watcher-encounter-art{width:88px;margin-right:14px}.watcher-portrait-grid button>span{padding:10px;font-size:15px}}.city-atlas .atlas-tabs{flex-wrap:wrap;height:auto}