body::after{content:"";position:fixed;inset:0;background:#101c20;opacity:0;pointer-events:none;z-index:30;transition:opacity .28s}
body.transition::after{opacity:1;pointer-events:auto}
#game{background:#101c20}
#restore-ui{position:fixed;right:16px;top:16px;z-index:45;padding:10px 15px;background:rgba(16,28,32,.88);color:#f3e4c6;border:1px solid #b49a65;border-radius:8px;cursor:pointer;font-size:14px}
#restore-ui[hidden]{display:none}
#showcase{position:fixed;left:50%;bottom:15px;transform:translateX(-50%);z-index:12;padding:9px 12px;background:rgba(16,28,32,.90);border:1px solid #8e7a52;border-radius:9px;color:#efe2c3;max-width:94vw}
#showcase summary{cursor:pointer;font-size:14px;line-height:1.6}
.showcase-row{display:flex;gap:5px;margin-top:5px;justify-content:center}
.showcase-row button{font-size:14px;padding:6px 8px;white-space:nowrap}
.showcase-active .quest,.showcase-active .minimap{display:none}
.showcase-active .skills,.showcase-active .touch,.showcase-active .bottom-left{display:none}
.showcase-active #showcase{bottom:8px}
dialog[open]{inset:auto auto 165px 16px;margin:0;width:min(220px,60vw);max-height:40vh;padding:14px}
dialog[open] h2{display:none}dialog[open] p{font-size:14px;line-height:1.5;margin:8px 0}
@media(max-width:900px){#showcase{bottom:105px}.showcase-row button{font-size:12px;padding:5px}.quest{max-width:160px}dialog[open]{bottom:260px}}
@media(max-width:750px){.top-buttons #quality{display:block;font-size:11px}}