/* Immersive reading-room backdrop. Screen only; printed reports unchanged. */
@media screen {
 #resultStage.result-stage{
  isolation:isolate;
  background:radial-gradient(ellipse at 50% 0%,#1d303a 0%,#0b1421 45%,#050b13 100%)!important;
  padding:0 clamp(12px,2.3vw,34px) 64px!important;
 }
 #resultStage.result-stage::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:linear-gradient(90deg,#060c15ed 0%,#07111c99 24%,#07111c99 76%,#060c15ed 100%),
   linear-gradient(180deg,#06101c44 0%,#07101bd9 92%),
   url("yeokju-storefront-art.webp") center center / cover no-repeat;
  opacity:.82;filter:saturate(.85) contrast(1.14);
 }
 #resultStage.result-stage::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 50% 15%,transparent 12%,#050a14a6 85%),
  repeating-linear-gradient(90deg,transparent 0,transparent calc(50% - 465px),#cba16c18 calc(50% - 464px),transparent calc(50% - 463px),transparent 100%);
 }
 #resultStage .result-head{
  position:sticky;top:0;z-index:30;display:flex;justify-content:center;align-items:center;
  gap:22px;min-height:82px;margin:0 -12px 24px!important;padding:14px 20px!important;
  border-bottom:1px solid #c6a17165;
  background:linear-gradient(180deg,#07111cf7,#0a1522ef)!important;
  box-shadow:0 14px 35px #0006;backdrop-filter:blur(16px);
 }
 #resultStage .result-head h2{font:500 clamp(20px,2.4vw,30px)/1.4 "Noto Serif KR",serif!important;color:#f6e3bd!important;letter-spacing:.045em}
 #resultStage .result-head button{transition:background .2s,border-color .2s;background:#111c29!important}
 #resultStage .result-head button:hover{background:#3b2924!important;border-color:#e5bf82!important}
 #resultStage #nativeEngineHost{position:relative;max-width:1240px;margin:0 auto;padding:0 clamp(8px,2vw,26px) 35px;border:1px solid #b18d5b55;background:linear-gradient(90deg,#0b111cbb,#0b111ce8 12%,#0b111ce8 88%,#0b111cbb);box-shadow:0 20px 80px #000a,0 0 0 8px #090e1855}
 #resultStage #nativeEngineHost #resultView{background:transparent!important}
 #resultStage #nativeEngineHost #resultView .page-head{position:relative}
 #resultStage #nativeEngineHost #resultView .page-head::before{content:"✦  曆  ·  命  ·  時  ✦";display:block;margin:0 auto 14px;color:#d7b47d;letter-spacing:.38em;font:16px/1.6 serif}
 #resultStage #nativeEngineHost #resultView :is(.topic-explorer,.yeokju-reading-guide,.privacy-summary){box-shadow:0 12px 32px #0005}
 @media(max-width:720px){
  #resultStage .result-head{min-height:70px;gap:10px;justify-content:space-between;padding:12px!important}
  #resultStage .result-head h2{font-size:19px!important;margin:0}
  #resultStage .result-head button{font-size:12px;padding:9px 11px}
  #resultStage #nativeEngineHost{padding:0 5px;border-left:0;border-right:0}
  #resultStage.result-stage::before{background-position:55% center;opacity:.42}
 }
}
@media(prefers-reduced-motion:reduce){#resultStage .result-head button{transition:none!important}}