.sunshade-controls{position:fixed;right:max(20px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));display:flex;gap:8px;align-items:center;z-index:40;font:12px/1.4 Arial,sans-serif}
body:not(.menu-open) .sunshade-controls{display:none}
.sunshade-controls a,.sunshade-controls button,.sunshade-controls summary{color:#f7ede2;text-decoration:none;background:#131313df;border:1px solid #5d5147;border-radius:6px;padding:10px 12px;min-height:40px;cursor:pointer;transition:background .18s,border-color .18s}
.sunshade-controls a:hover,.sunshade-controls button:hover,.sunshade-controls summary:hover{background:#4a2424;border-color:#ef4147}
.sunshade-controls a:focus-visible,.sunshade-controls button:focus-visible,.sunshade-controls summary:focus-visible{outline:2px solid #ef4147;outline-offset:3px}
.sunshade-controls details>div{position:absolute;right:0;top:52px;width:min(340px,calc(100vw - 32px));padding:18px;background:#151412;border:1px solid #655346;border-radius:8px;box-shadow:0 15px 40px #0008}
.sunshade-controls details>div a{display:inline-block;margin-top:6px;padding:7px}.sunshade-controls p{line-height:1.6;color:#cbbfb3}
@media(max-width:600px){.sunshade-controls{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));justify-content:flex-end;font-size:11px}.sunshade-controls a,.sunshade-controls button,.sunshade-controls summary{padding:9px 10px}.menu-content{margin-top:76px}}
@media(prefers-reduced-motion:reduce){.sunshade-controls *{transition:none}}