/* Progressive navigation uses only available tabs; never leave empty grid cells. */
.region-nav [data-region][hidden],.discovery-bar[hidden]{display:none!important}
.region-nav>div{grid-template-columns:repeat(auto-fit,minmax(105px,1fr))!important}
.region-nav .discovery-new{box-shadow:inset 0 -2px #c6a761}
.region-nav .discovery-new::after{content:'';width:5px;height:5px;border-radius:50%;background:#8fcf91;flex:none}
.discovery-bar{display:flex;align-items:center;gap:12px;margin:8px 0 14px;padding:10px 14px;border-left:2px solid #c6a761;background:#18241c;color:#e8e9dc;border-radius:4px}
.discovery-bar>div{display:grid;gap:3px;flex:1;min-width:0}
.discovery-bar strong{font-size:14px}.discovery-bar span{font-size:12px;color:#a9b5aa;line-height:1.4}
.discovery-bar button{flex:none;min-height:36px;padding:6px 12px;font-size:13px}
#discovery-dismiss{background:none;border:0;padding:8px;font-size:20px}
html:has(#tutorial-dialog[open]),body:has(#tutorial-dialog[open]){overflow:hidden!important;overscroll-behavior:none}
.tutorial-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 32px);margin:auto;padding:26px;color:#e8e9dc;border:1px solid #a58d53;border-radius:12px;background:radial-gradient(ellipse at 50% 0,#264534 0,transparent 62%),#101b15;box-shadow:0 20px 70px #000b;overflow-y:auto;overscroll-behavior:contain;text-align:center}
.tutorial-dialog::backdrop{background:#050c09c9;backdrop-filter:blur(4px)}
.tutorial-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#c6a761;font-size:10px;letter-spacing:1.4px}
.tutorial-top button,.tutorial-reference{background:none;border:0;color:#b5c2b6;font:inherit;letter-spacing:0;text-decoration:underline;text-underline-offset:4px;min-height:36px;padding:4px}
.tutorial-art{display:grid;place-items:center;width:84px;height:84px;margin:22px auto 16px;border:1px solid #8c7947;border-radius:50%;background:#15271b;box-shadow:0 0 30px #4faf7526}
.tutorial-art .ui-icon{width:58px;height:58px;object-fit:contain}
.tutorial-dialog h2{font-family:'Alegreya SC',Georgia,serif;font-size:28px;line-height:1.15;margin:0 0 16px;color:#eee3c9}
.tutorial-dialog p{font-size:16px;line-height:1.55;margin:0 0 14px}
.tutorial-dialog .tutorial-note{font-size:13px;color:#a9b5aa;min-height:60px}
.tutorial-track{height:3px;background:#29352b;margin:24px 0 18px;overflow:hidden;border-radius:3px}
.tutorial-track i{display:block;height:100%;background:#8fcf91;transition:width .2s}
.tutorial-actions{display:flex;align-items:center;gap:12px;justify-content:space-between}
.tutorial-actions button{min-height:44px;padding:9px 16px}.tutorial-actions span{font-size:12px;color:#a9b5aa;margin-right:auto}
.tutorial-actions [hidden]{display:none!important}.tutorial-reference{font-size:12px;margin-top:14px}
@media(max-width:600px){.region-nav>div{grid-template-columns:repeat(auto-fit,minmax(75px,1fr))!important}.discovery-bar{gap:6px;padding:8px 10px}.discovery-bar button{padding:5px 8px}.tutorial-dialog{padding:20px}.tutorial-dialog h2{font-size:25px}.tutorial-art{margin-top:16px}.tutorial-dialog p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.tutorial-track i{transition:none}}
#tutorial-dialog.tutorial-dialog{width:min(460px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;height:fit-content!important;max-height:calc(100dvh - 32px)!important;padding:24px!important;border-width:14px!important;border-image-width:22px!important}
#tutorial-dialog button{width:auto!important;flex:none}
#tutorial-dialog .tutorial-actions{display:flex!important;align-items:center;justify-content:space-between;gap:12px}
#tutorial-count{white-space:nowrap;flex:none}
#tutorial-next{margin-left:auto}
#tutorial-dialog .tutorial-reference{display:inline-block;margin-top:14px}
@media(max-width:600px){#tutorial-dialog.tutorial-dialog{padding:16px 12px!important;border-width:12px!important;border-image-width:20px!important}#tutorial-dialog .tutorial-actions button{padding:8px 12px;font-size:13px}}

#tutorial-dialog.tutorial-dialog h2{padding-right:0!important;font-size:27px!important}