:root{color-scheme:dark;font-family:system-ui,"Segoe UI",sans-serif;color:#fff;background:#243429}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:transparent}body{min-height:100dvh}#world-showcase{height:100dvh;width:100%;display:flex;flex-direction:column;padding:0;background:transparent}.outpost{position:relative!important;flex:1;min-height:0;width:100%;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#fff}.outpost .ag-heading{position:absolute;z-index:10;right:max(8px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));padding:0!important;background:transparent}.outpost .ag-heading>div:first-child,.outpost :is(.ag-model-key,.ag-status,.ag-traffic,.ag-detail,.ag-world-info,.ag-command-layer,.ag-product-cover-status,.ag-ant-key),.ag-privacy-bar,.viewer-progress,.outpost>.ag-note{display:none!important}.outpost .ag-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 16px)}.outpost .ag-controls>button,.outpost .ag-sound-control button{min-height:36px;min-width:44px;background:#172923e8;color:#fff;border:1px solid #9fbdad80;border-radius:14px;font:500 11px/1.3 system-ui;padding:7px 10px}.outpost .ag-world{margin:0!important;overflow:hidden!important;touch-action:pinch-zoom}.outpost .ag-sound-control{display:flex;align-items:center;gap:6px}.outpost .ag-sound-volume{color:#fff;background:#172923e8;border-radius:12px;padding:4px 8px}.outpost .ag-sound-volume input{max-width:90px;min-height:28px}#world-showcase .outpost[data-mode=view] .ag-floating-names{display:block!important;pointer-events:none!important}[data-embedded=true] .ag-heading{display:none!important}[hidden]{display:none!important}@media(max-width:380px){.outpost .ag-controls{gap:4px}.outpost .ag-controls button{padding:6px}.outpost .ag-sound-volume input{max-width:60px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Public/private world embeds use the same unframed woodland control styling. */
#world-showcase .outpost :is(.ag-heading,.ag-controls,.ag-sound-control,.ag-sound-volume){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important}
#world-showcase .outpost[data-art=procedural-woodland] .ag-controls button{font-family:Consolas,monospace;color:#f4edcd;background:#25392de0;border:1px solid #8b9a70;border-radius:3px;box-shadow:none}
#world-showcase .outpost[data-art=procedural-woodland] .ag-sound-volume{color:#f4edcd;font-family:Consolas,monospace;text-shadow:0 1px 0 #1d2923}