/* GO3D original artwork. Scale proportionally; never crop, filter or redraw. */
:root {
  --go3d-charcoal: #080d13;
  --go3d-panel: #101822;
  --go3d-silver: #f3f7fc;
  --go3d-cyan: #69d8ff;
}
.go3d-simple, .go3d-island {
  font-family: "Segoe UI", Arial, sans-serif;
  color: var(--go3d-silver);
  background: var(--go3d-charcoal);
}
.go3d-logo {
  display: block;
  width: 168px;
  height: auto;
  aspect-ratio: 1403 / 349;
  object-fit: contain;
  flex: 0 0 auto;
}
.go3d-simple .brand, .go3d-island .brand { min-width: 0; gap: 20px; }
.brand-caption { border-left: 1px solid #f3f7fc30; padding-left: 18px; }
.go3d-simple .brand-caption b { font-size: 11px; letter-spacing: .12em; }
.go3d-simple .brand-caption small { font-size: 8px; letter-spacing: .12em; color: #b4c5d4; }
.go3d-simple .top { background: var(--go3d-charcoal); }
.go3d-simple .island-entry { background: var(--go3d-cyan); color: var(--go3d-charcoal); }
.go3d-simple .island-entry:hover { background: #a7e8ff; }
.go3d-simple h1, .go3d-simple h2, .go3d-island h1, .go3d-island h2 {
  font-family: Bahnschrift, "Arial Narrow", "Segoe UI", Arial, sans-serif;
}
.go3d-island {
  --navy: var(--go3d-charcoal);
  --panel: #101822f3;
  --mint: var(--go3d-cyan);
  --text: var(--go3d-silver);
}
.go3d-island .topbar {
  min-width: 0;
  height: 88px;
  background: linear-gradient(#080d13f5, #080d13d9);
}
.go3d-island .brand { flex-shrink: 0; }
.go3d-island .brand-sub { font-size: 8px; white-space: nowrap; }
.go3d-island .top-actions { min-width: 0; gap: 12px; white-space: nowrap; }
.go3d-island .beta { white-space: nowrap; flex-shrink: 0; background: #69d8ff0b; border-color: #69d8ff30; }
.go3d-island .beta i, .go3d-island .status-dot { box-shadow: 0 0 8px #69d8ff70; }
.go3d-island .rail { background: #080d13d9; }
.go3d-island .dock { background: #101822f3; }
.go3d-island .scene-bar, .go3d-island .tourbar { background: #101822d9; }
.go3d-island .rail-btn.active { background: #69d8ff0b; }
.go3d-island .play { border-color: #69d8ff50; }
.go3d-island .play:hover { background: #69d8ff15; }
.go3d-island h1 em { color: var(--go3d-cyan); }
.go3d-island code, .go3d-island textarea, .go3d-island .readout {
  font-family: Consolas, "Courier New", monospace;
}
@media (max-width: 1100px) {
  .go3d-simple .brand-caption { display: none; }
  .go3d-simple .go3d-logo { width: 150px; }
}
@media (max-width: 1050px) {
  .go3d-island .topbar { padding-inline: 20px; gap: 14px; }
  .go3d-island .top-actions { gap: 6px; }
}
@media (max-width: 760px) {
  .go3d-island .topbar { height: 72px; padding-inline: 12px; gap: 8px; }
  .go3d-island .go3d-logo { width: 124px; }
  .go3d-island .brand-sub { display: none; }
  .go3d-island .beta { padding: 5px; font-size: 7px; letter-spacing: .6px; gap: 4px; }
  .go3d-island .beta-prefix { display: none; }
  .go3d-island .top-actions { gap: 2px; }
  .go3d-island .top-actions .return { max-width: none; padding: 5px; }
  .go3d-island .top-actions #saveBtn { width: 28px; padding: 4px; }
  .go3d-island .top-actions #openBtn { padding: 5px; font-size: 10px; }
  .go3d-island .top-actions #helpBtn { width: 27px; height: 27px; }
  .go3d-island .scene-bar { top: 84px; }
  .go3d-simple .brand { flex: 0 0 auto; }
}
@media (max-width: 360px) {
  .go3d-island .go3d-logo { width: 110px; }
  .go3d-island .topbar { padding-inline: 9px; gap: 6px; }
  .go3d-island .beta i { display: none; }
}