/* A little navigation drawer, leaving the title screen quiet. */
.landing-tools{position:absolute;top:25px;right:28px;z-index:5;display:flex;align-items:center;gap:10px}
.theme-slot{display:flex}
.site-menu-toggle{width:38px;height:38px;padding:10px}
.site-menu-toggle svg{width:16px;height:16px}
body:has(#site-menu:popover-open) .site-menu-toggle{border-color:#e0c487}
.site-menu-panel{position:absolute;inset:74px 28px auto auto;margin:0;width:218px;max-width:calc(100vw - 40px);padding:6px;border:1px solid #9b895f;background:#142b42;color:#efe1ba;box-shadow:3px 3px #020f2088;font:15px/1.4 Historicle,HistoriclePocketPixel,monospace}
.site-menu-panel::backdrop{background:transparent}
.site-menu-panel button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:44px;padding:12px 11px;border:0;background:transparent;color:inherit;text-align:left;font:inherit}
.site-menu-panel button+button{border-top:1px solid #91a5b91f}
.site-menu-panel button:hover,.site-menu-panel button:focus-visible{background:#223d4d;color:#fff0bf;outline:1px solid #e0c48766;outline-offset:-1px}
.site-menu-panel button span{color:#b9a575;font-size:13px}
.scene-preview .landing-tools{display:none}
html[data-theme=light] .site-menu-panel{background:#fff8e9;color:#24474a;border-color:#a58b58;box-shadow:3px 3px #45686d44}
html[data-theme=light] .site-menu-panel button+button{border-color:#68858733}
html[data-theme=light] .site-menu-panel button:hover,html[data-theme=light] .site-menu-panel button:focus-visible{background:#f4e8cc;color:#24474a;outline-color:#a58b5866}
html[data-theme=light] .site-menu-panel button span{color:#795221}
@media(max-width:600px){.landing-tools{top:20px;right:20px;gap:8px}.site-menu-panel{top:68px;right:20px}}