.tlu-wrapper{--gold:#f6c90e;background:radial-gradient(ellipse at center,#112240 0%,#060d1e 70%,#02060f 100%);border:1px solid rgba(246,201,14,.25);border-radius:16px;padding:12px;color:#e6f1ff;font-family:system-ui,Segoe UI,sans-serif;overflow:hidden}
.tlu-head{text-align:center;padding:6px 0 10px;border-bottom:1px solid rgba(255,255,255,.08)}
.tlu-head h2{color:var(--gold);letter-spacing:1.5px;margin:0;font-size:20px}
.tlu-credit{margin-top:8px;background:rgba(255,255,255,.06);border:1px dashed rgba(246,201,14,.35);border-radius:8px;padding:6px 10px;font-size:12px}
.tlu-credit a{color:var(--gold);font-weight:700;text-decoration:none}
.tlu-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center;background:rgba(255,255,255,.05);padding:8px 12px;border-radius:999px;margin:10px auto;max-width:820px;font-size:13px}
.tlu-controls button{background:var(--gold);border:none;color:#000;padding:6px 14px;border-radius:999px;cursor:pointer;font-weight:800}
.tlu-stage{position:relative;width:100%;aspect-ratio:16/9;background:#02060f;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
#tluStars{position:absolute;inset:0;width:100%;height:100%}
#tluSun{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;background:radial-gradient(circle at 30% 30%,#fff9c4,#ffcc33 40%,#ff8c00 100%);border-radius:50%;box-shadow:0 0 18px #ffcc33,0 0 60px rgba(255,140,0,.6);z-index:5}
#tluOrbits{position:absolute;inset:0;z-index:2}
.tlu-orbit{position:absolute;left:50%;top:50%;border:1px dashed rgba(255,255,255,.12);border-radius:50%;transform:translate(-50%,-50%)}
#tluPlanets{position:absolute;inset:0;z-index:4}
.tlu-planet{position:absolute;left:50%;top:50%;border-radius:50%;cursor:pointer;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}
.tlu-planet:hover{filter:brightness(1.4) drop-shadow(0 0 8px #fff);z-index:10!important}
.tlu-planet .lbl{position:absolute;top:100%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;margin-top:3px;color:#cbd5e1;background:rgba(0,0,0,.6);padding:1px 5px;border-radius:4px;pointer-events:none}
.tlu-planet.ring::after{content:'';position:absolute;width:185%;height:30%;border:2px solid rgba(255,255,255,.5);border-radius:50%;transform:rotate(-22deg)}
#tluInfo{position:absolute;right:10px;top:10px;width:270px;background:rgba(10,25,49,.96);border:1px solid var(--gold);border-radius:10px;padding:10px;z-index:20}
#tluInfo.hidden{display:none}
.tlu-foot{text-align:center;margin-top:8px;font-size:11px;opacity:.65}
@media(max-width:768px){.tlu-stage{aspect-ratio:1/1}#tluInfo{left:10px;right:10px;width:auto}}