.discovery-journey {
 display:flex; align-items:center; gap:12px; justify-content:space-between;
 padding:10px 14px; margin:0 0 12px; border:1px solid #e6c475;
 border-radius:16px; color:#fff4c9; background:#173e2eed;
}
.discovery-journey p { margin:0; font-size:14px; }
.discovery-journey strong { display:block; color:#ffdc77; font-size:18px; }
.discovery-journey a, .discovery-dock a, .discovery-dock button {
 display:flex; align-items:center; justify-content:center; min-height:44px;
 padding:9px 14px; border:0; border-radius:12px; text-decoration:none;
 font:800 15px/1.3 system-ui,sans-serif; text-align:center; cursor:pointer;
}
.discovery-journey a { background:#ffda77; color:#3c3016; }
nav a .discovery-badge { font-size:12px; color:#775b22; }
nav a.is-discovered { border-color:#79b894; background:linear-gradient(#effbe9,#cde5bb); }
nav a.is-discovered .discovery-badge { color:#1e623f; }
.discovery-catalog nav .categoryArt { max-height:min(16svh,130px); }

body.discovery-detail {
 display:flex; flex-direction:column; justify-content:center; align-items:center;
 --discovery-dock-height:calc(100px + env(safe-area-inset-bottom,0px));
}
body.discovery-detail .frame {
 position:relative; inset:auto; transform:none; flex:none;
 width:min(100vw,calc((100svh - var(--discovery-dock-height)) * 16 / 9));
 height:min(calc(100svh - var(--discovery-dock-height)),56.25vw);
 max-height:calc(100svh - var(--discovery-dock-height));
}
.discovery-dock {
 box-sizing:border-box; flex:none; width:min(100%,1100px);
 display:grid; grid-template-columns:minmax(0,1fr) auto auto;
 gap:8px; align-items:center; padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));
 color:#fff4ce; background:#173e2e; border-top:2px solid #b99545;
 font:700 14px/1.4 system-ui,sans-serif;
}
.discovery-dock p { margin:0; }
.discovery-stamp { background:#ffda77; color:#443112; }
.discovery-stamp:disabled { background:#cee7ba; color:#245538; cursor:default; }
.discovery-next { background:#fff3d5; color:#49371b; }
.discovery-dock a:focus-visible, .discovery-dock button:focus-visible,
.discovery-journey a:focus-visible { outline:3px solid #fff; outline-offset:2px; }
@media (orientation:portrait) {
 body.discovery-detail { --discovery-dock-height:calc(140px + env(safe-area-inset-bottom,0px)); }
 body.discovery-detail .frame { width:100vw; height:calc(100svh - var(--discovery-dock-height)); aspect-ratio:auto; }
 .discovery-dock { grid-template-columns:1fr 1fr; }
 .discovery-dock p { grid-column:1/-1; text-align:center; }
}
@media (orientation:landscape) and (max-height:600px) {
 .discovery-catalog header { margin:4px 0; }
 .discovery-catalog h1 { font-size:26px; }
 .discovery-journey { padding:5px 10px; margin-bottom:8px; }
 .discovery-journey strong { font-size:15px; }
 .discovery-journey p { font-size:12px; }
 .discovery-catalog nav .categoryArt { max-height:12svh; }
 .discovery-dock { font-size:12px; }
 body.discovery-detail { --discovery-dock-height:calc(80px + env(safe-area-inset-bottom,0px)); }
}