/* V23 core demo refinements. Only sections 06 (sun) and 17 (terrain) are enhanced. */
#shell:has(#stage .scene[data-id="5"]) .scene-painting{
  background:none!important;
  background-image:linear-gradient(116deg,#e5dac0 0%,#eadbbd 40%,#b7cbd0 75%,#d4b790 100%)!important;
  filter:none!important;opacity:1!important;
}
#shell:has(#stage .scene[data-id="5"]) .scene-painting::after{
  background:linear-gradient(90deg,#ece2cf 0%,#e9dcc8 28%,#d4c7b661 51%,transparent 79%)!important;
  mix-blend-mode:normal!important;
}
#shell #stage .scene[data-id="5"] .copy{z-index:10!important}
#shell #stage .scene[data-id="5"] .copy h1{color:#3e3021!important;text-shadow:none!important}
#shell #stage .scene[data-id="5"] .copy h1 em{color:#795d32!important}
#shell #stage .scene[data-id="5"] .copy p{color:#554b3c!important}
#shell #stage .scene[data-id="5"] .eyebrow,#shell #stage .scene[data-id="5"] .learning,#shell #stage .scene[data-id="5"] .learning span{color:#6f5634!important}
#shell #stage .scene[data-id="5"] .visual{overflow:visible!important}
#shell #stage .scene[data-id="5"] .art{width:100%!important;height:100%!important;max-width:none!important;display:block!important;overflow:visible!important;transform:none!important}
#shell #stage .scene[data-id="5"] .halo,#shell #stage .scene[data-id="5"] .artlabel{display:none!important}
#shell .mx23-sun{position:absolute;inset:2% -3% 17% -4%;border:1px solid #b08d63aa;border-radius:4px;overflow:hidden;isolation:isolate;box-shadow:0 16px 46px #68543920,inset 0 0 0 5px #f4e5c24b;background:#cbbe9e}
#shell .mx23-sun::after{content:"";position:absolute;inset:11px;border:1px solid #f6e9c662;pointer-events:none}
#shell .mx23-sun canvas{display:block;width:100%;height:100%}
#shell .mx23-sun-title{position:absolute;left:20px;top:16px;pointer-events:none;display:flex;align-items:center;gap:8px;z-index:3;font-size:12px;letter-spacing:.12em;color:#544128;background:#f3e8d2cb;padding:5px 8px}
#shell .mx23-sun-title b{font-size:17px;font-weight:600}
#shell .mx23-sun-controls{position:absolute;left:0;right:0;bottom:0;z-index:4;margin:0!important;padding:12px 16px 14px;background:linear-gradient(180deg,#f2e9d9f2,#efe1c5f9);color:#594329!important;box-shadow:0 -7px 22px #826c4b1f;display:grid;grid-template-columns:1fr;gap:8px;border-top:1px solid #a8875a55;min-width:0}
#shell .mx23-sun-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
#shell .mx23-sun-toolbar label{display:flex;flex-direction:column;gap:4px;color:#675035;font-size:12px!important;letter-spacing:.03em}
#shell .mx23-sun-toolbar select{appearance:auto;min-width:0;max-width:100%;height:34px;line-height:34px;padding:0 8px;border:1px solid #b89b6e;background:#fbf3e3;color:#47351f;border-radius:3px;cursor:pointer;font-size:14px!important}
#shell .mx23-sun-slide{display:grid;grid-template-columns:1fr;gap:2px}
#shell .mx23-sun-slide>label{display:flex;justify-content:space-between;align-items:center;font-size:13px!important;color:#594229}
#shell .mx23-sun-slide output{font-weight:700;font-variant-numeric:tabular-nums;font-size:18px!important;color:#6f441e}
#shell .mx23-sun-slide input{height:29px!important;width:100%;cursor:pointer;accent-color:#a06e34;margin:0}
#shell .mx23-sun-measures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #bb9e755c;padding-top:7px;gap:6px}
#shell .mx23-sun-measures>span{display:flex;flex-direction:column;font-size:11px!important;color:#775c3b;gap:2px}
#shell .mx23-sun-measures b{font-size:clamp(14px,1.3vw,21px);white-space:nowrap;color:#3d3b30;font-variant-numeric:tabular-nums}
#shell .mx23-sun-note{margin:0!important;max-width:none!important;font-size:11px!important;line-height:1.5!important;color:#7d6141!important}
/* Terrain - organic exhibition, better tonal depth and clearer device controls. */
#shell .mx20-immersive.terrain{background:radial-gradient(ellipse 62% 72% at 35% 41%,#f1e5c9 0%,#e6d4b0 53%,#bba481 100%)!important}
#shell .mx20-immersive.terrain .mx20-model{filter:drop-shadow(0 30px 26px #6959402e)!important;left:-3%;width:86%;height:69%;top:12%}
#shell .mx20-immersive.terrain .mx20-notes{right:5.6%;top:30%}
#shell .mx20-immersive.terrain .mx20-track{border-color:#a38b65a8}
#shell .mx20-immersive.terrain .mx20-track button.active{color:#71491f}
#shell .mx20-immersive.terrain::before{border-color:#95714477!important}
@media (min-width:1150px) and (min-height:700px){
  #shell #stage .scene[data-id="5"] .copy{max-width:480px!important}
  #shell #stage .scene[data-id="5"] .art{min-height:550px!important}
  #shell .mx23-sun{inset:0 -2% 25% -4%}
  #shell .mx23-sun-controls{bottom:0;left:-4%;right:-2%}
  #shell .mx20-immersive.terrain .mx20-model{height:70%;top:13%}
}
@media (max-width:1100px) and (orientation:landscape){
 #shell .mx23-sun{inset:0 -5% 29% -2%}
 #shell .mx23-sun-controls{left:-2%;right:-5%;bottom:0;padding:6px 10px;gap:4px}
 #shell .mx23-sun-toolbar label{font-size:10px!important}
 #shell .mx23-sun-toolbar select{height:29px;font-size:12px!important}
 #shell .mx23-sun-measures b{font-size:13px}
 #shell .mx23-sun-slide output{font-size:14px!important}
 #shell .mx23-sun-note{display:none}
}
@media (orientation:landscape) and (max-height:480px){
 #shell .mx23-sun{inset:-4% -4% 32% -4%}
 #shell .mx23-sun-title{top:8px;left:8px}
 #shell .mx23-sun-controls{padding:5px 9px;gap:1px}
 #shell .mx23-sun-toolbar label{gap:1px}
 #shell .mx23-sun-toolbar select{height:26px;line-height:26px}
 #shell .mx23-sun-slide label{font-size:11px!important}
 #shell .mx23-sun-measures{padding-top:2px}
 #shell .mx23-sun-measures>span{font-size:9px!important}
 #shell .mx23-sun-slide input{height:20px!important}
}
@media(orientation:portrait) and (max-width:850px){
 #shell #stage .scene[data-id="5"] .visual{width:100%!important;min-height:660px!important;height:660px!important;overflow:visible!important}
 #shell #stage .scene[data-id="5"] .art{width:100%!important;height:660px!important;min-height:660px!important}
 #shell .mx23-sun{inset:0 0 235px 0!important;position:absolute}
 #shell .mx23-sun-controls{bottom:0;left:0;right:0;padding:14px 15px 13px;gap:10px;box-sizing:border-box}
 #shell .mx23-sun-title{top:12px;left:11px}
 #shell .mx23-sun-measures b{font-size:19px}
 #shell .mx23-sun-toolbar label{font-size:13px!important}
 #shell .mx23-sun-slide label{font-size:14px!important}
 #shell .mx23-sun-note{font-size:12px!important}
 #shell .mx20-immersive.terrain .mx20-model{left:0;top:17%;width:100%;height:53%}
}
/* Exhibition-integrated surface: remove panel/window framing. */
#shell .mx23-sun{border:0!important;border-radius:0!important;box-shadow:none!important}
#shell .mx23-sun::after{border-color:rgba(155,124,74,.18)!important}
#shell .mx23-sun-controls{box-shadow:none!important;border-top-color:#ac916355!important}
#shell .mx20-immersive.terrain .mx20-model canvas{mask-image:linear-gradient(to bottom,#000 0%,#000 73%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 73%,transparent 100%)}
@media(orientation:portrait) and (max-width:850px){
 html[data-device="phone"][data-layout="portrait"] #shell #stage .scene[data-id="5"] .visual{
   display:block!important;flex:0 0 720px!important;min-height:720px!important;height:720px!important;width:100%!important;max-width:none!important;overflow:visible!important}
 html[data-device="phone"][data-layout="portrait"] #shell #stage .scene[data-id="5"] .visual .art{
   display:block!important;position:relative!important;min-height:720px!important;height:720px!important;overflow:visible!important}
 html[data-device="phone"][data-layout="portrait"] #shell #stage .scene[data-id="5"] .mx23-sun{
   position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;
   width:100%!important;height:426px!important;min-height:426px!important;max-height:none!important}
 html[data-device="phone"][data-layout="portrait"] #shell #stage .scene[data-id="5"] .mx23-sun-controls{
   position:absolute!important;top:426px!important;left:0!important;right:0!important;bottom:auto!important;min-height:280px!important;box-sizing:border-box!important;
   background:linear-gradient(180deg,#f3e9d8,#e9dabf)!important}
 html[data-device="phone"][data-layout="portrait"] #shell .mx23-sun-title{font-size:12px!important}
 html[data-device="phone"][data-layout="portrait"] #shell .mx23-sun-title b{font-size:16px!important}
 html[data-device="phone"][data-layout="portrait"] #shell .mx23-sun-measures{gap:7px}
 html[data-device="phone"][data-layout="portrait"] #shell .mx23-sun-measures b{font-size:17px!important}
}
@media (orientation:landscape) and (max-width:1050px) and (max-height:480px){
 #shell #stage .scene[data-id="5"] .mx23-sun{inset:-4% -4% 1% -4%!important;height:auto!important}
 #shell #stage .scene[data-id="5"] .mx23-sun-controls{padding:3px 8px 5px!important;gap:2px!important;left:-4%!important;right:-4%!important}
 #shell #stage .scene[data-id="5"] .mx23-sun-toolbar label{display:flex;flex-direction:row;align-items:center;gap:6px;white-space:nowrap;font-size:10px!important}
 #shell #stage .scene[data-id="5"] .mx23-sun-toolbar select{width:100%;max-width:100%;height:25px;font-size:11px!important}
 #shell #stage .scene[data-id="5"] .mx23-sun-slide label{font-size:10px!important}
 #shell #stage .scene[data-id="5"] .mx23-sun-slide input{height:17px!important}
 #shell #stage .scene[data-id="5"] .mx23-sun-measures{gap:4px!important;padding-top:1px!important}
 #shell #stage .scene[data-id="5"] .mx23-sun-measures>span{display:flex;flex-direction:row;gap:4px;white-space:nowrap;align-items:center;font-size:9px!important}
 #shell #stage .scene[data-id="5"] .mx23-sun-measures b{font-size:12px!important}
}