/* The native cube follows the approved elephants; the bitmap stays intact. */
#elephant-welcome{position:absolute;inset:0;z-index:4;pointer-events:none}
.elephant-art{display:block;width:100%;height:100%;pointer-events:none}
.elephant-pair-offer{position:absolute;left:31%;top:57%;width:31%;height:33%;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:20%;background:none;box-shadow:none;pointer-events:auto;touch-action:manipulation;cursor:pointer}
.elephant-pair-offer:hover{background:none;box-shadow:none;border:0}
.elephant-pair-offer:focus-visible{outline:2px solid #fff1be;outline-offset:4px}
.offered-gem{position:absolute;left:47.73%;top:60.57%;width:2.15%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}
.held-object-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.offered-gem{opacity:0!important}
.gem-edge{fill:none;stroke:#fff1ac;stroke-width:1.2;stroke-linejoin:round}
#offering-particles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9}
#offering-bloom{position:fixed;left:0;top:0;z-index:50;width:100px;height:100px;border-radius:50%;background:radial-gradient(ellipse closest-side,#fffdf0 0%,#fff7d6 55%,#ffe7a5e6 65%,#f6c64455 80%,transparent 100%);pointer-events:none;opacity:0}
#arrival-dialog::before{content:"";position:absolute;inset:0;background:#11251c;opacity:var(--curtain-opacity,1);pointer-events:none}
#arrival-dialog,#arrival-dialog::backdrop{background:transparent}#arrival-dialog::backdrop{backdrop-filter:none}
.arrival-backdrop,.arrival-scenery,#arrival-footer{opacity:var(--curtain-opacity,1)}
#arrival-dialog [aria-disabled=true]{cursor:default}
.elephants-unavailable .elephant-art,.elephants-unavailable .offered-gem{visibility:hidden}
/* The signed-off Garden stays clear; its controls share one centered row. */
#arrival-footer{position:absolute;left:0;right:0;bottom:max(20px,3svh);z-index:8;display:flex;justify-content:center;align-items:center;padding:0 clamp(16px,3vw,56px);pointer-events:none}
#welcome-choice-bar{display:flex;justify-content:center;align-items:stretch;gap:12px}
#welcome-choice-bar button{pointer-events:auto;flex:1;min-width:140px;min-height:48px;padding:10px 18px;font-size:12px;line-height:1.4;border:1px solid #bdc4a477;border-radius:30px;background:#18372ef2;color:#f6edd4;box-shadow:0 3px 10px #10231b40}
#welcome-choice-bar button:hover{background:#2b493b}
#welcome-choice-bar #skip-arrival{background:#e4cf9bf5;color:#213a2d;border-color:#ffebb7}
#welcome-choice-bar #skip-arrival:hover{background:#f0dcae}
#welcome-choice-bar #pause-arrival[aria-pressed=true]{border-color:#ffdf91}
#arrival-language{position:absolute;right:5%;top:18px;z-index:10;display:flex;gap:3px}
#arrival-language button{min-width:50.6px;min-height:50.6px;padding:5.75px;font-size:12.65px;border:1px solid #49664d;background:#09251bef;color:#f1e8ce}
#arrival-language [aria-pressed=true]{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){#welcome-choice-bar{width:min(100%,520px)}}
@media(max-width:600px) and (min-height:501px){#arrival-footer{bottom:max(18px,env(safe-area-inset-bottom));gap:12px}#welcome-choice-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#welcome-choice-bar button{min-width:0;padding:10px 12px}#welcome-choice-bar #skip-arrival{grid-column:1/-1;grid-row:1}#welcome-choice-bar:has(#pause-arrival[hidden]) #skip-arrival{grid-column:2;grid-row:auto}}
@media(max-height:500px){#arrival-footer{bottom:max(10px,env(safe-area-inset-bottom));gap:12px;padding:0 16px}#welcome-choice-bar{flex:1;width:auto;max-width:520px;margin:auto;gap:8px}#welcome-choice-bar button{min-width:0;min-height:44px;padding:8px 12px;font-size:11px}}

/* Short landscape screens reserve space for the footer below the elephants. */
@media(max-height:500px){#arrival-dialog .arrival-scenery{top:38px;bottom:55px}#arrival-dialog .scene{width:min(100vw,calc(177.68svh - 165.24px))}}

/* Keep language controls clear of the Buddha on narrow and short viewports. */
@media(max-width:650px),(max-height:500px){#arrival-language{position:fixed;right:12px;top:12px}}