.world-art{z-index:1;opacity:0;pointer-events:none;isolation:isolate;min-height:0;transition:opacity .4s;position:absolute;inset:51px 0 36px}.world-art[data-ready=true]{opacity:1;pointer-events:auto}.hero-scene:has(.world-art[data-ready=true])>svg{visibility:hidden}.world-art-surface{cursor:grab;touch-action:pan-y;outline:0;position:absolute;inset:0}.world-art-surface[data-dragging=true]{cursor:grabbing}.world-art-surface canvas{width:100%;height:100%;display:block}.world-art-controls{z-index:2;pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:100%;display:flex;position:absolute;top:13px;right:0}.world-art-controls button{color:#282e51;letter-spacing:.02em;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f8f9fced;border:1px solid #b9bfce;justify-content:center;align-items:center;gap:9px;min-width:35px;min-height:35px;padding:8px 11px;font:500 9px/1.2 Arial,Helvetica,sans-serif;transition:background .18s,border-color .18s;display:inline-flex}.world-art-controls button:first-child,.world-art-controls button:nth-child(2){padding:3px 8px;font-size:18px;font-weight:400}.world-art-controls button:hover{background:#eaecf3;border-color:#475398}.world-art-controls button[aria-pressed=true]{background:#e2e6f1;border-color:#216483}.world-art-controls button:focus-visible{outline-offset:3px;outline:2px solid #0b1b73}.world-art-controls button:disabled{pointer-events:none}.world-art:not([data-ready=true]) .world-art-controls,.world-art:not([data-ready=true]) .world-art-label{visibility:hidden}.world-art-label{pointer-events:none;flex-direction:column;gap:7px;display:flex;position:absolute;bottom:18px;left:4px}.world-art-label>span{letter-spacing:.12em;color:#3b457b;font:10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.world-art-label small{color:#6b6d7b;font:9px/1.3 Arial,Helvetica,sans-serif}.world-art-sr{clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}:is(.hero-scene:has(.world-art[data-ready=true]) .scene-topline,.hero-scene:has(.world-art[data-ready=true]) .scene-bottomline){z-index:2;pointer-events:none;position:relative}.hero-scene:has(.world-art[data-ready=true]) .scene-tag{z-index:2;pointer-events:none}@media (max-width:980px){.world-art{inset:49px 0 33px}.world-art-controls{gap:4px;top:8px}.world-art-controls button{min-width:32px;min-height:33px;padding:7px 8px;font-size:8px}.world-art-reset{display:none}.world-art-label{bottom:10px}.world-art-label small{max-width:125px;line-height:1.4}}@media (max-width:720px){.world-art{inset:33px 0 32px}.world-art-label{bottom:14px}.world-art-controls{top:10px}}@media (max-width:640px){.world-art{display:none}.hero-scene:has(.world-art[data-ready=true])>svg{visibility:visible}}@media (prefers-reduced-motion:reduce){.world-art,.world-art-controls button{transition:none}}