/* Original geometry: menus/options/main_menu.xml and prefabs/button_floating.xml. */
:root{color-scheme:light;--scale:1}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#a79067}
#map{position:fixed;inset:0;width:100%;height:100%;object-fit:fill}
#menu{position:absolute;left:50%;top:50%;width:1280px;height:960px;transform:translate(-50%,-50%) scale(var(--scale));transform-origin:center}
#logo{position:absolute;left:264px;top:257.5px;width:760px;height:169px;object-fit:fill}
#choices{position:absolute;top:725px;left:50%;display:flex;gap:25px;transform:translateX(-50%);visibility:hidden}
#menu[data-native-font="ready"] #choices{visibility:visible}
.native{position:relative;flex-shrink:0;height:64px;padding:13px 30px 13px 10px;border:0;background:transparent;cursor:pointer;isolation:isolate;touch-action:manipulation}
/* Native textures are cropped at their original pixel size, never stretched. */
.native::before{content:'';position:absolute;z-index:-1;left:-10px;top:3px;width:calc(100% - 10px);height:64px;background:url('/menu-assets/hover.png') left top no-repeat;opacity:0}
.native::after{content:'';position:absolute;z-index:-1;left:calc(100% - 106px);top:3px;width:104px;height:64px;background:url('/menu-assets/hover-end.png') left top no-repeat;opacity:0}
.native:is(:hover,:focus-visible):not(:disabled)::before,.native:is(:hover,:focus-visible):not(:disabled)::after{opacity:1}
.native:focus-visible{outline:0}
.native:disabled{cursor:default}
.native canvas{display:block;pointer-events:none}
/* A browser asset failure is reported outside the original menu. */
#asset-error{position:fixed;top:0;left:0;right:0;margin:0;padding:10px;text-align:center;background:#fff;color:#222;font:14px system-ui}