*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.page{position:relative;width:min(100%,1024px);margin:0 auto;line-height:0;background:#020b12}.reference{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}.hot{position:absolute;border:0;background:transparent;cursor:pointer;padding:0}.hot:focus-visible,.hot-nav a:focus-visible,.sign-btn:focus-visible{outline:2px solid #00cfff;outline-offset:2px}.hot-nav a{position:absolute;top:0;height:5.55%;left:calc(var(--x)*1%);width:calc(var(--w)*1%)}.chat-hot{left:81.15%;top:1.52%;width:15.2%;height:2.85%;border-radius:14px}.hero-hot{left:9.25%;top:22.25%;width:25.8%;height:2.8%;border-radius:999px}.notify-hot{left:65.45%;top:74.55%;width:28.7%;height:2.8%;border-radius:10px}.footer-hot{position:absolute;left:0;top:82%;width:100%;height:18%;pointer-events:none}

/* Sternzeichen: exakte feste Zeile statt separatem verschobenem Neon-Rahmen */
.sign-overlay{position:absolute;left:3.52%;top:30.80%;width:92.98%;height:6.78%;background:#020b12;line-height:1.15}.sign-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:.66%;height:100%}.sign-btn{min-width:0;height:100%;padding:7% 1% 5%;border:1px solid #0b3850;border-radius:8px;background:linear-gradient(180deg,#03131d,#051722);color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;line-height:1;overflow:hidden}.sign-btn.active{border:2px solid #00cfff;box-shadow:0 0 12px rgba(0,207,255,.95),inset 0 0 10px rgba(0,207,255,.14)}.sign-symbol{font-size:clamp(18px,3.2vw,34px);color:#08cbff;line-height:1}.sign-name{font-size:clamp(5px,.94vw,10px);font-weight:800;white-space:nowrap}.sign-date{font-size:clamp(4px,.78vw,8px);color:#e3ebef;white-space:nowrap}

/* Hauptkarte verdeckt die statische Skorpion-Karte vollständig */
.daily-overlay{position:absolute;left:2.74%;top:39.00%;width:65.55%;height:29.60%;border:1px solid #0872a1;border-radius:14px;background:linear-gradient(135deg,#071827 0%,#04151f 52%,#03111a 100%);padding:2.4% 1.45% 1.1%;line-height:1.38;overflow:hidden}.daily-top{display:grid;grid-template-columns:24% 1fr 23%;align-items:start;min-height:27%}.zodiac-art{height:118px;display:grid;place-items:center;align-self:center}.zodiac-art span{font-size:clamp(52px,9.1vw,95px);line-height:1;color:#14d5ff;text-shadow:0 0 8px #13b7ff,0 0 18px #006eff,4px 4px 8px #ff5a00}.daily-title{padding-top:2%}.eyebrow{color:#00cfff;font-weight:800;font-size:clamp(7px,1.13vw,12px);line-height:1.2}.daily-title h2{margin:4px 0 0;font-size:clamp(20px,3vw,31px);line-height:1.1}.daily-title p{margin:4px 0 0;color:#d7e0e6;font-size:clamp(8px,1.3vw,14px)}.daily-date{text-align:right;padding-top:4%;font-size:clamp(7px,1.1vw,11px);line-height:1.35}.daily-date span{display:block}.daily-date strong{display:block;font-size:clamp(9px,1.45vw,15px);font-weight:400;margin-top:3px;white-space:nowrap}.daily-copy{margin:1% 0 2.1% 25%;font-size:clamp(8px,1.25vw,13px);line-height:1.5;color:#f6fbff;min-height:20%}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6%;height:41%}.topic{position:relative;border:1px solid #0b3a50;border-radius:8px;background:linear-gradient(180deg,#061824,#05141e);padding:7% 7% 5%;overflow:hidden}.topic-head{display:flex;align-items:center;gap:8px;line-height:1}.topic-head span{font-size:clamp(20px,3vw,31px)}.topic-head b{font-size:clamp(7px,1.05vw,11px)}.topic p{margin:11% 0 6%;font-size:clamp(6px,.98vw,10px);line-height:1.55}.love .topic-head span{color:#ff6275;text-shadow:0 0 8px #ff3b55}.career .topic-head span{color:#00cfff;text-shadow:0 0 8px #00bfff}.health .topic-head span{color:#85ff62;text-shadow:0 0 8px #56e43c}.tip .topic-head span{color:#ef72ff;text-shadow:0 0 8px #d73cff}.rating{position:absolute;left:8%;bottom:7%;font-size:clamp(10px,1.75vw,18px);letter-spacing:2px}.love .rating{color:#ff6377}.career .rating{color:#08cfff}.health .rating{color:#82ff61}.tip{background:linear-gradient(180deg,#071625,#181033)}.tip-star{position:absolute;right:12%;bottom:1%;font-size:clamp(22px,4vw,42px);color:#c550ff;text-shadow:0 0 16px #8e00ff}

/* Update-Karte: eigene, starre Innenstruktur ohne Überlagerung */
.update-overlay{position:absolute;left:69.62%;top:39.00%;width:27.64%;height:15.65%;border:1px solid #0872a1;border-radius:14px;background:linear-gradient(180deg,#061722,#04121b);padding:1.7% 1.65%;line-height:1.35;overflow:hidden}.update-head{display:grid;grid-template-columns:50px 1fr;gap:12px;align-items:start}.refresh{width:50px;height:50px;border:1px solid #0a3b54;border-radius:8px;display:grid;place-items:center;color:#00cfff;font-size:30px;line-height:1}.update-head p{margin:7px 0 0;color:#e2ebef;font-size:clamp(6px,.82vw,8px);line-height:1.48}.next{margin-top:8.5%}.countdown-live{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:5%;height:39%}.countdown-live div{min-width:0;border:1px solid #0b3850;border-radius:7px;background:#071c29;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.countdown-live strong{font-size:clamp(16px,2.5vw,26px);line-height:1;font-weight:800}.countdown-live span{font-size:clamp(5px,.78vw,8px);line-height:1;margin-top:9%;color:#e9f0f4;white-space:nowrap}

.modal{width:min(480px,calc(100% - 28px));border:1px solid #0a6789;border-radius:14px;background:linear-gradient(180deg,#071b28,#030d14);color:#fff;padding:26px;box-shadow:0 25px 100px #000;line-height:1.5}.modal::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.modal h2{margin:4px 0 8px;font-size:30px}.modal p{font-size:14px}.close{position:absolute;right:14px;top:9px;border:0;background:none;color:#fff;font-size:28px;cursor:pointer}.action{border:1px solid #00cfff;background:#052033;color:#00cfff;border-radius:10px;padding:10px 16px;cursor:pointer}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:1000;line-height:1.3;background:#061823;border:1px solid #00cfff;border-radius:10px;padding:11px 15px;font-size:13px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:700px){body{background:#020b12}.page{width:100%}.sign-btn{border-radius:4px}.daily-overlay,.update-overlay{border-radius:8px}.zodiac-art{height:auto}.update-head{grid-template-columns:28px 1fr;gap:6px}.refresh{width:28px;height:28px;font-size:18px;border-radius:5px}.countdown-live{gap:3px}.topic-head{gap:3px}.rating{letter-spacing:0}.modal{padding:20px}}
/* Einheitliche MoonFire-Hauptnavigation – wie auf der Startseite */
.mf-top-nav{position:absolute;z-index:50;left:20.5%;top:0;width:78.0%;height:5.54%;display:flex;align-items:center;justify-content:space-between;gap:.2%;padding:0 .65%;background:#02070d;border-bottom:1px solid rgba(0,200,255,.28);white-space:nowrap;overflow:hidden;line-height:1;font-family:Arial,Helvetica,sans-serif}
.mf-top-nav-item{position:relative;display:flex;align-items:center;justify-content:center;height:100%;padding:0 .18%;color:#fff;font-size:clamp(6px,.92vw,10px);font-weight:700;line-height:1;text-transform:none;text-shadow:0 1px 3px #000;text-decoration:none;cursor:pointer}
.mf-top-nav-item:visited{color:#fff}.mf-top-nav-item:hover{color:#dff8ff}.mf-top-nav-item:focus-visible{outline:2px solid #fff;outline-offset:-4px;border-radius:4px}
.mf-top-nav-item.active,.mf-top-nav-item.active:visited{color:#00d8ff}
.mf-top-nav-item.active::after{content:"";position:absolute;left:8%;right:8%;bottom:25%;height:2px;background:#00d8ff;border-radius:2px;box-shadow:0 0 8px rgba(0,216,255,.55)}