.pt-layout{
  display:flex;
  gap:12px;
  align-items:flex-start;
  justify-content:center;
  flex-wrap:wrap;
  width:100%;
}
.pt-tree-scroll{
  width:min(1920px, 100%);
  overflow:auto;
  border:1px solid #8a6230;
  border-radius:12px;
  background:radial-gradient(circle at 15% 12%,rgba(255,211,122,0.09),transparent 32%),linear-gradient(180deg,rgba(30,20,12,0.92),rgba(17,11,7,0.94));
  box-shadow:inset 0 0 28px rgba(0,0,0,0.32);
}
.pt-tree-card{
  position:relative;
  width:1900px;
  height:620px;
  border:none;
  border-radius:0;
  background:
    radial-gradient(circle at 18% 50%,rgba(255,220,150,0.08),transparent 50%),
    radial-gradient(circle at 72% 48%,rgba(255,220,150,0.06),transparent 45%),
    linear-gradient(180deg,rgba(74,43,18,0.94) 0%,rgba(45,24,10,0.96) 100%);
}
.pt-tree-svg{
  position:absolute;
  inset:0;
}
.pt-node{
  position:absolute;
  width:62px;
  height:62px;
  border-radius:14px;
  border:2px solid #5a4a2b;
  background:linear-gradient(180deg,#3a322a 0%,#241e17 100%);
  color:#8f8678;
  font-family:var(--font-big);
  font-size:30px;
  line-height:1;
  cursor:pointer;
  transition:transform 0.14s ease, box-shadow 0.14s ease, border-color 0.14s ease;
}

/* ---- IMPROVED TREE CARD ---- */
.pt-tree-card {
  position: relative;
  width: 1900px;
  height: 640px;
}

/* ---- NEW PLANET STYLES ---- */
.universe-planet.jupiter {
  background: radial-gradient(circle at 38% 30%, #c8a86a 0%, #b8834a 40%, #8b5e2a 80%, #5a3a10 100%);
}
.universe-planet.jupiter .planet-band {
  position: absolute;
  left: 4px; right: 4px;
  border-radius: 50px;
  opacity: 0.5;
}
.universe-planet.jupiter .b1 { top: 22%; height: 8%; background: rgba(180,120,60,0.6); }
.universe-planet.jupiter .b2 { top: 40%; height: 12%; background: rgba(200,140,80,0.4); }
.universe-planet.jupiter .b3 { top: 60%; height: 8%; background: rgba(160,100,50,0.5); }

.universe-planet.saturn {
  background: radial-gradient(circle at 38% 30%, #e8d8a0 0%, #c8b870 40%, #a8904a 80%, #786028 100%);
}
.universe-planet.saturn .planet-ring {
  position: absolute;
  left: -30%;
  right: -30%;
  border-radius: 50%;
  border: 6px solid rgba(200,180,100,0.4);
  top: 30%;
  height: 40%;
}
.universe-planet.saturn .r1 { transform: rotateX(70deg); border-width: 8px; }
.universe-planet.saturn .r2 { transform: rotateX(70deg) scale(1.3); border-width: 4px; opacity: 0.6; }

.universe-planet.uranus {
  background: radial-gradient(circle at 38% 30%, #8ae4f0 0%, #5ac8dc 40%, #2a9ab0 80%, #0a6080 100%);
}

/* ---- TREE IMPROVEMENTS ---- */
.pt-tree-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.pt-node {
  transition: transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  border-radius: 50% !important;
  clip-path: none !important;
}

.pt-help {
  font-size: 7px;
  color: var(--text-dim);
  margin-top: 6px;
  text-align: center;
  line-height: 1.8;
}