/* OBSERVATORY-TOWER-V1
   Kork as the GlassCastle Observatory.
*/
body[data-observatory-tower="v1"]{
  --bg:#080A0D;
  --panel:#11151A;
  --panel2:#0B0E12;
  --line:#232930;
  --line2:#39424C;
  --text:#DCE3E9;
  --muted:#89939E;
  --ghost:#56616D;
  --green:#35FF95;
  --violet:#8B5CF6;
  --magenta:#E147FF;
}
body[data-observatory-tower="v1"] .app{
  height:calc(100dvh - 88px);
  min-height:0;
  grid-template-rows:auto auto auto auto minmax(0,1fr) auto;
}
body[data-observatory-tower="v1"] .top{
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#11151A,#0B0E12);
}
body[data-observatory-tower="v1"] .brand b{color:var(--violet)}
body[data-observatory-tower="v1"] .tag{color:var(--ghost)}
.observatory-doctrine{
  display:grid;
  grid-template-columns:repeat(6,minmax(112px,1fr));
  gap:4px;
  padding:6px 8px;
  border-bottom:1px solid var(--line);
  background:#090C0F;
  overflow-x:auto;
}
.observatory-doctrine>div{
  min-width:112px;
  padding:7px 8px;
  border:1px solid rgba(35,41,48,.9);
  border-radius:3px;
  background:rgba(17,21,26,.58);
}
.observatory-doctrine small{
  display:block;
  color:var(--ghost);
  font-size:6px;
  letter-spacing:.1em;
}
.observatory-doctrine b{
  display:block;
  margin-top:3px;
  color:var(--text);
  font-size:7px;
  letter-spacing:.06em;
}
.observatory-doctrine span{
  display:block;
  margin-top:2px;
  color:var(--ghost);
  font-size:6px;
  line-height:1.35;
}
.observatory-doctrine .finding{
  border-color:rgba(139,92,246,.48);
  background:rgba(139,92,246,.045);
}
.observatory-doctrine .finding b{color:#cbbdff}
.observatory-state{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
  border-bottom:1px solid var(--line);
  background:#080B0E;
}
.observatory-state>div{
  min-height:40px;
  padding:6px 9px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:2px;
  border-right:1px solid var(--line);
}
.observatory-state>div:last-child{border-right:0}
.observatory-state small{
  color:var(--ghost);
  font-size:6px;
  letter-spacing:.1em;
}
.observatory-state strong{
  color:var(--text);
  font-size:7px;
}
.observatory-state>div:first-child strong{color:var(--green)}
.observatory-state .analysis strong{color:#cbbdff}
.observatory-boundary{
  margin:0 8px 6px;
  padding:7px 9px;
  border:1px solid rgba(139,92,246,.30);
  border-radius:3px;
  background:rgba(139,92,246,.035);
  color:#cbbdff;
  font-size:7px;
  line-height:1.45;
}
.observatory-boundary b{color:var(--text)}
body[data-observatory-tower="v1"] .stage{
  min-height:0;
  background:
    radial-gradient(circle at 18% 5%,rgba(53,255,149,.07),transparent 28%),
    radial-gradient(circle at 82% 8%,rgba(139,92,246,.08),transparent 30%),
    linear-gradient(rgba(53,255,149,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(139,92,246,.025) 1px,transparent 1px),
    #030708;
  background-size:auto,auto,34px 34px,34px 34px,auto;
}
body[data-observatory-tower="v1"] .root{
  border-color:var(--green);
}
body[data-observatory-tower="v1"] .root:before{
  content:'OBSERVATION ROOT';
}
body[data-observatory-tower="v1"] .legend{
  border-color:var(--line2);
  background:rgba(8,10,13,.94);
}
.observatory-legend-note{
  margin-top:7px;
  padding-top:7px;
  border-top:1px solid var(--line);
  color:var(--ghost);
  font-size:7px;
  line-height:1.35;
}
body[data-observatory-tower="v1"] .statusbar{
  background:#090C0F;
  border-top-color:var(--line);
}
body[data-observatory-tower="v1"] .statusbar b{color:#cbbdff}
body[data-observatory-tower="v1"] .drawer{
  border-color:var(--line2);
  background:rgba(8,18,24,.97);
}
body[data-observatory-tower="v1"] .empty-kicker{color:var(--violet)}
body[data-observatory-tower="v1"] .command-foot span:last-child{color:#cbbdff}
@media(max-width:900px){
  .observatory-state{grid-template-columns:repeat(3,1fr)}
  .observatory-state>div{border-bottom:1px solid var(--line)}
}
@media(max-width:760px){
  body[data-observatory-tower="v1"] .app{
    height:calc(100dvh - 88px);
    grid-template-rows:auto auto auto auto minmax(0,1fr) 26px;
  }
  .observatory-doctrine{
    grid-template-columns:repeat(6,112px);
    padding:5px 6px;
  }
  .observatory-state{
    grid-template-columns:repeat(2,1fr);
  }
  .observatory-state>div:nth-child(2n){border-right:0}
  .observatory-state>div:last-child{grid-column:1/-1}
  .observatory-boundary{margin:0 6px 5px}
}