/* V63: only upper homepage video, signal reference indicator, existing upper icon containment,
   a narrow top-edge mask for the four existing horizontal guide images, and sitewide footer note.
   DO NOT change .v51-gamelist or .v51-roomdata. */
body.temple54 .v51-official-art .v51-poster-shell{
  position:relative;overflow:hidden;isolation:isolate;
  background:radial-gradient(ellipse at center,#15252d 0%,#050c13 76%);
}
body.temple54 .v51-official-art .v51-poster-shell::before{
  content:"";position:absolute;inset:-16px;z-index:0;
  background:url('/media/home-hero-poster.jpg') center/cover no-repeat;
  filter:blur(17px) brightness(.43) saturate(.78);pointer-events:none;
}
body.temple54 .v51-official-art .v63-hero-video{
  display:block;position:relative;z-index:1;
  width:100%;height:100%;margin:0;padding:0;
  object-fit:contain;object-position:center center;
  background:transparent;filter:saturate(1.06) contrast(1.04);
}
body.temple54 .v51-official-art:hover .v63-hero-video{transform:none}
/* Prevent any top-edge content/stripes from bleeding through the original video frame. */
body.temple54 .v51-official-art .v51-poster-shell::after{
  content:"";position:absolute;left:0;right:0;top:0;height:11px;z-index:2;
  background:linear-gradient(to bottom,#061017 0%,rgba(6,16,23,.78) 42%,transparent 100%);
  pointer-events:none;
}
/* Keep nine untrimmed original Seth symbols inside their old frame sizes. */
body.temple56 .v51-feature-icon,
body.temple56 .v51-feature-icon img{overflow:visible}
body.temple56 .v51-feature-icon img{
  object-fit:contain!important;object-position:50% 50%!important;
  clip-path:none!important;max-width:100%;max-height:100%;border-radius:0;
}
/* Remove only the red/blue slivers appearing at the top edge of four guide picture containers. */
body.temple58 .v51-step.v53-step.v58-step::before{
  content:"";position:absolute;left:1px;right:1px;top:1px;height:9px;z-index:5;
  background:linear-gradient(180deg,#071015 0%,rgba(7,16,21,.82) 55%,transparent 100%);
  pointer-events:none;
}
/* Five-minute condition display fits the existing right-hand frame at all breakpoints. */
body.temple54 #v51PanelContent.v63-signal-host{
  display:flex;flex-direction:column;justify-content:center;
  min-height:200px;padding:12px 13px;
}
.v63-signal-root{display:flex;flex-direction:column;gap:11px;width:100%;min-width:0}
.v63-signal-bands{display:grid;grid-template-columns:minmax(0,1fr) minmax(102px,.78fr);gap:12px;align-items:center;min-width:0}
.v63-signal-symbols{display:flex;justify-content:space-evenly;align-items:center;gap:4px;min-width:0}
.v63-signal-symbol{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;flex:1;}
.v63-signal-symbol img{display:block;width:100%;max-width:66px;height:53px;object-fit:contain;border-radius:6px;filter:drop-shadow(0 4px 7px #0008)}
.v63-signal-symbol b{font-size:17px;font-weight:900;line-height:1.2;color:#f8e8c9;white-space:nowrap}
.v63-signal-scores{display:flex;flex-direction:column;min-width:0;gap:6px}
.v63-signal-topline{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;color:#c9e8e9;font-size:11px;font-weight:750}
.v63-signal-topline strong{font-size:22px;color:#62eff5;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(89,238,240,.18)}
.v63-signal-gauge{height:8px;border-radius:50px;overflow:hidden;background:#244857;border:1px solid #3864794f}
.v63-signal-fill{height:100%;width:48%;background:linear-gradient(90deg,#249eb8,#59e1d9);border-radius:50px;transition:width .7s ease-out}
.v63-signal-countdown{font-size:10px;color:#b3cbd1;white-space:nowrap;font-variant-numeric:tabular-nums}
.v63-signal-foot{display:flex;align-items:center;justify-content:space-between;gap:7px;padding-top:9px;border-top:1px solid #2a5161;color:#93b9bf;font-size:10px}
.v63-signal-foot>span:first-child{white-space:nowrap}
.v63-signal-foot>span:last-child{text-align:right;font-size:9px;line-height:1.35}
.v63-signal-wait{display:flex;align-items:center;justify-content:center;min-height:165px;color:#98d5da;font-size:13px}
@media(max-width:760px){
  body.temple54 #v51PanelContent.v63-signal-host{min-height:180px}
  .v63-signal-symbol img{max-width:58px;height:48px}
}
@media(max-width:430px){
  body.temple54 #v51PanelContent.v63-signal-host{padding:12px 8px}
  .v63-signal-bands{grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:6px}
  .v63-signal-symbol img{max-width:47px;height:41px}
  .v63-signal-symbol b{font-size:13px}
  .v63-signal-topline{font-size:10px}
  .v63-signal-topline strong{font-size:18px}
  .v63-signal-countdown{font-size:9px}
}
.v63-points-notice{
  grid-column:1/-1;margin:14px 0 0;padding:14px 16px!important;
  border:1px solid rgba(209,156,84,.44);
  border-radius:9px;background:linear-gradient(110deg,rgba(17,39,45,.75),rgba(9,17,22,.94));
  color:#f7d59b!important;font-size:14px!important;font-weight:800;letter-spacing:.1em;
  text-align:center;box-shadow:inset 0 0 12px rgba(217,153,62,.06);
}
