/* World view: globe of tiles (see world.js) */
#worldPage{display:none;position:fixed;inset:0;z-index:0;overflow:hidden;background:var(--surface);touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
body[data-approach="world"] #stage,body[data-approach="world"] #scrollPage,body[data-approach="world"] #slideshowPage{display:none}
body[data-approach="world"] #worldPage{display:block}
#worldPage.dragging{cursor:grabbing}
#worldField{position:absolute;inset:0;contain:strict}
.worldTile{position:absolute;left:0;top:0;padding:0;margin:0;border:0;background:#111;transform-origin:50% 50%;visibility:hidden;will-change:transform;cursor:pointer;overflow:hidden}
#worldPage.dragging .worldTile{cursor:grabbing}
.worldTile img,.worldTile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}
.worldTile::after{content:"";position:absolute;inset:0;background:var(--surface);opacity:0;transition:opacity .25s;pointer-events:none}
#worldPage:has(.worldTile.hover) .worldTile:not(.hover)::after{opacity:.45}
.worldTile:focus-visible{outline:1px solid var(--ink);outline-offset:2px}
#worldLabel{position:fixed;left:0;top:0;z-index:200000;pointer-events:none;font-size:11px;line-height:1.15;letter-spacing:-.015em;white-space:pre;background:var(--surface);color:var(--ink);padding:1px 3px}
@media(hover:none){#worldLabel{display:none}}
.worldText{position:absolute;left:0;top:0;transform-origin:0 0;visibility:hidden;white-space:nowrap;pointer-events:none;font-family:Helvetica,Arial,sans-serif;letter-spacing:-.01em;line-height:1;will-change:transform}
.worldText{color:rgb(255 255 255/var(--alpha))}