:root{--paper:#faf9f6;--ink:#263d4e;--soft:#60707b;--line:#d9d8d0;--gold:#a58c52}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}
a,button{-webkit-tap-highlight-color:transparent}
.heaven-realm{min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto}
.heaven-header{width:100%;max-width:1600px;justify-self:center;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 3vw 18px}
.heaven-wordmark{display:inline-flex;align-items:baseline;gap:14px;text-decoration:none;color:var(--ink);white-space:nowrap}
.heaven-wordmark strong{font-family:"Noto Serif TC","Songti TC",serif;font-size:30px;font-weight:400;letter-spacing:.12em}
.heaven-wordmark small{font-family:Georgia,serif;font-size:9px;letter-spacing:.2em;color:var(--soft)}
.heaven-return{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--ink);font-size:11px;letter-spacing:.08em;text-decoration:none;border-bottom:1px solid var(--line);white-space:nowrap}
.heaven-main{display:grid;place-items:center;align-content:center;padding:0 24px 12px;min-width:0}
.heaven-stage{width:100%;max-width:min(1500px,calc((100svh - 166px)*32/27));aspect-ratio:32/27}
.heaven-stage video{display:block;width:100%;height:100%;object-fit:contain;background:var(--paper)}
.heaven-message{font-size:12px;color:var(--soft);text-align:center}
.heaven-footer{width:100%;max-width:1600px;justify-self:center;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 3vw 28px}
.heaven-caption{margin:0;font-family:"Noto Serif TC","Songti TC",serif;font-size:17px;letter-spacing:.15em;font-weight:400}
.heaven-caption span{margin-left:12px;font-family:Georgia,serif;font-size:9px;letter-spacing:.18em;color:var(--soft)}
.heaven-controls{display:flex;align-items:center;gap:22px}
[hidden]{display:none!important}
.heaven-controls button{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:8px 0;min-height:44px;background:none;color:var(--ink);font:inherit;font-size:11px;letter-spacing:.08em;cursor:pointer}
.heaven-return:hover,.heaven-controls button:hover{color:var(--gold);border-color:var(--gold)}
a:focus-visible,button:focus-visible{outline:1px solid var(--gold);outline-offset:5px}
@media(max-width:560px){
  .heaven-header{padding:20px 20px 14px;gap:12px}
  .heaven-wordmark{gap:8px}
  .heaven-wordmark strong{font-size:26px}
  .heaven-wordmark small{font-size:7px;letter-spacing:.1em}
  .heaven-return{font-size:10px;gap:6px;letter-spacing:0}
  .heaven-main{padding:0 10px 12px}
  .heaven-footer{padding:16px 20px 24px;gap:10px}
  .heaven-caption{font-size:15px}
  .heaven-caption span{font-size:8px;margin-left:7px}
  .heaven-controls{gap:16px}
  .heaven-controls button{font-size:10px;letter-spacing:0}
}
@media(max-height:420px) and (orientation:landscape){
  .heaven-header{padding-block:6px}
  .heaven-footer{padding-block:6px}
  .heaven-stage{max-width:calc((100svh - 112px)*32/27)}
}
