:root{color-scheme:dark;--ink:#f2f7ff;--muted:#b7c8e4;--blue:#8dcaff;--yellow:#ffe19a;--line:#344d78;--surface:#122447;--deep:#0b1734;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px;background:#0b1734;color:var(--ink);font-size:18px;line-height:1.55}.sky{pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse at 76% 18%,#29447e 0,transparent 40%),radial-gradient(ellipse at 5% 95%,#19345c 0,transparent 45%);z-index:-1}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffde87;outline-offset:4px}a{color:inherit}.topbar{max-width:1320px;margin:auto;padding:25px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #344366}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:17px;letter-spacing:.18em;font-weight:850;line-height:1.1}.brand span span{color:#96c8ff}.brand small{display:block;letter-spacing:.13em;font-size:10px;color:#9fb4d5;margin-top:5px}.brand-icon{font-size:30px;color:#ffd994}.quiet{background:transparent;border:1px solid #5a719b;border-radius:9px;color:#e6efff;padding:9px 16px;font-weight:650}.quiet:hover,.hint-button:hover{background:#243b67}main{max-width:1320px;margin:auto;padding:0 48px}.intro{min-height:635px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:24px;padding:65px 0 80px}.eyebrow{color:#9fd1ff;font-weight:800;font-size:12px;letter-spacing:.17em}.eyebrow-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ffdb91;margin-right:10px;box-shadow:0 0 12px #ffd790}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-size:clamp(3rem,5.7vw,5.3rem);line-height:1.04;letter-spacing:-.04em;margin:24px 0;color:white}h1 em{font-style:normal;color:#a9d7ff}.lead{font-size:clamp(1.2rem,1.7vw,1.5rem);line-height:1.45;font-weight:650;max-width:580px}.intro-description{color:var(--muted);max-width:570px}.intro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px}.primary{border:0;border-radius:9px;background:#a9d4ff;color:#102448;font-weight:800;padding:15px 22px;min-height:54px;box-shadow:0 7px 22px #0003}.primary:hover{background:#d1e7ff;transform:translateY(-1px)}.primary span{padding-left:14px}.meta,.save-note{font-size:14px;color:#b6c8e5}.meta span{color:#ffdb91}.save-note{margin-top:18px}.observatory{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center}.observatory svg{position:relative;z-index:2;width:100%;max-width:480px;filter:drop-shadow(0 20px 30px #071329)}.moon{position:absolute;width:96px;height:96px;background:#ffdf9e;border-radius:50%;right:8%;top:11%;box-shadow:0 0 60px #ffe29866}.orbit{position:absolute;border:1px solid #7198d03b;border-radius:50%;width:90%;height:70%;transform:rotate(-24deg)}.orbit-two{width:75%;height:90%;transform:rotate(30deg)}.star{position:absolute;color:#ffd99b}.s1{top:15%;left:19%;font-size:30px}.s2{right:5%;top:48%;font-size:28px}.s3{left:6%;top:57%;font-size:18px}.s4{right:30%;top:2%;font-size:18px}.art-label{position:absolute;bottom:6%;font-size:11px;letter-spacing:.2em;color:#a8bfe5}.art-label b{color:#ffdb91}footer{max-width:1224px;margin:auto;border-top:1px solid #344366;padding:25px 0 40px;display:flex;justify-content:space-between;color:#9eafd0;font-size:14px}footer span:first-child{color:#ffe09c}.game{padding:55px 0 80px;min-height:700px}.game-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.game-top h2,.ending h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin:12px 0}.chapter-subtitle{color:var(--muted);margin:0}.progress-block{width:220px;flex-shrink:0;color:#c5d5ef;font-size:14px;text-align:right}.progress-track{margin-top:9px;height:7px;border-radius:10px;background:#35466b;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:#ffdd94;transition:width .3s}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.puzzle-card,.side-card{background:linear-gradient(145deg,#192e58,#122344);border:1px solid #49628b;border-radius:16px;box-shadow:0 15px 40px #050c1c40}.puzzle-card{padding:32px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.chapter-badge{font-weight:800;color:#ffdf9c;font-size:12px;letter-spacing:.14em}.lock{font-size:24px;color:#a9cdfd}.story{color:#c5d5ef;max-width:750px}.puzzle-board{background:#0c1c3b;border:1px solid #39527f;border-radius:12px;padding:22px;margin:25px 0}.puzzle-board h3{font-size:18px;margin:0 0 12px;color:#bce1ff}.equations{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.equation,.option{background:#1b315c;border:1px solid #3b5785;border-radius:8px;padding:11px 14px}.equation{font-weight:700;letter-spacing:.03em}.instruction{font-weight:700;margin:0 0 12px}.answer-fields{display:flex;flex-wrap:wrap;gap:12px}.field{display:flex;flex-direction:column;gap:6px;min-width:100px}.field label,.field-label{font-size:15px;font-weight:700;color:#d3e3fa}.field input{border:1px solid #7d96bd;border-radius:8px;background:#081631;color:white;font-size:22px;padding:10px 12px;max-width:132px;min-height:52px}.field input.wide{max-width:240px}.checkboxes{display:grid;gap:9px;width:100%}.option{display:flex;gap:12px;align-items:center;cursor:pointer}.option input{width:22px;height:22px;accent-color:#9dd0ff;flex:none}.form-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:23px}.hint-button{border:1px solid #657da3;background:transparent;border-radius:9px;color:#dceaff;font-weight:700;min-height:54px;padding:12px 17px}.feedback{min-height:1.5em;margin:16px 0 0;color:#ffd5bd;font-weight:700}.hints p{background:#2e3d59;border-left:3px solid #ffdb91;border-radius:4px;padding:12px 15px;margin:10px 0 0;color:#f9e6be}.success{margin-top:24px;border-radius:10px;background:#183c49;border:1px solid #70cfbb;padding:18px}.success p{color:#d5fff3;font-weight:700}.side-card{padding:24px}.side-card h3{font-family:Georgia,serif;font-size:23px;margin-bottom:8px}.side-card p:not(.side-kicker){font-size:15px;color:#bfd0e9}.side-kicker{font-size:11px;letter-spacing:.16em;font-weight:800;color:#a8d5ff}.keys{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.key{display:flex;align-items:center;justify-content:center;width:42px;height:50px;border:1px solid #536b93;border-radius:7px;background:#0d1d3b;color:#90a6c9;font-weight:800}.key.found{color:#ffe09b;border-color:#b89962;background:#4a403a}.note-card{display:flex;gap:15px;margin-top:20px}.note-card p{margin:0}.note-icon{color:#ffdf9c;font-size:23px}.ending{padding:120px 0;text-align:center;max-width:670px;margin:auto;min-height:600px}.ending-symbol{font-size:80px;color:#ffe2a2;text-shadow:0 0 50px #ffd883}.ending p:not(.eyebrow){color:#c7d9f2;font-size:20px}.ending button{margin-top:15px}[hidden]{display:none!important}@media(max-width:850px){main{padding:0 24px}.topbar{padding:20px 24px}.intro{grid-template-columns:1fr;padding:48px 0;gap:0}.observatory{min-height:350px;max-width:480px;margin:auto;width:100%}.game-grid{grid-template-columns:1fr}.side{display:grid;grid-template-columns:1fr 1fr;gap:16px}.note-card{margin:0}footer{margin:0 24px}.game{padding-top:35px}}@media(max-width:560px){body{font-size:17px}.intro{padding-top:35px}.observatory{min-height:300px}.game-top{align-items:start;flex-direction:column}.progress-block{width:100%;text-align:left}.puzzle-card{padding:22px}.side{grid-template-columns:1fr}.equations{grid-template-columns:1fr}.field{min-width:0;width:calc(50% - 6px)}.field input{width:100%;max-width:none}.field:only-child{width:100%}footer{flex-direction:column;gap:8px}.brand{font-size:14px}}

/* Sternenwerk: Instrumententafel und Sternenkarte */
:root{--ink:#f3f8ff;--muted:#c1d3ee;--blue:#a6d8ff;--yellow:#ffe5a5;--line:#4b6590;--surface:#12294a;--deep:#07152d}
html{background:#07152d}
body{background:radial-gradient(ellipse at 77% 5%,#243d6a 0,transparent 39rem),radial-gradient(ellipse at 0 58%,#142a4e 0,transparent 40rem),linear-gradient(180deg,#0b1c39,#09172e 62%,#071429);color:var(--ink)}
.sky{z-index:0;opacity:.6;background-image:radial-gradient(1px 1px at 7% 15%,#d9edff 90%,transparent),radial-gradient(1.3px 1.3px at 31% 20%,#c4e8ff 90%,transparent),radial-gradient(1px 1px at 47% 8%,#e8f6ff 90%,transparent),radial-gradient(1.4px 1.4px at 77% 11%,#e6efff 90%,transparent),radial-gradient(1px 1px at 92% 30%,#c5e8ff 90%,transparent),radial-gradient(1px 1px at 16% 75%,#d9edff 90%,transparent),radial-gradient(1.4px 1.4px at 68% 69%,#d9edff 90%,transparent),radial-gradient(1px 1px at 88% 85%,#e6efff 90%,transparent);background-size:470px 350px,670px 420px,550px 390px,720px 520px,380px 280px,690px 470px,490px 410px,630px 390px}
.topbar,main,footer{position:relative;z-index:1}
.topbar{max-width:1380px;min-height:95px;border-color:#a5c6ef2c}
.brand{gap:14px;letter-spacing:.13em;font-size:18px}.brand-icon{display:grid;place-items:center;width:43px;height:43px;color:#ffe2a2;background:#e4c18d12;border:1px solid #eacb8a66;border-radius:50%;font-size:23px;box-shadow:0 0 20px #e9bd5722}.brand small{font-size:11px;letter-spacing:.11em;color:#b8cbe8}
.quiet{min-height:46px;border-color:#9fb7d85c;border-radius:12px;background:#fff6;color:#edf6ff;background:#8ab1e20c;transition:background .18s,border-color .18s}.quiet:hover{border-color:#bedcff;background:#c2e3ff18}
main{max-width:1380px}.intro{min-height:min(690px,calc(100vh - 180px));gap:35px;padding:62px 0 75px}.intro-copy{position:relative;z-index:2}.intro .eyebrow,.game .eyebrow,.ending .eyebrow{display:flex;align-items:center;gap:0;color:#aed8ff;font-size:13px;letter-spacing:.15em}.intro .eyebrow::after{content:"";width:66px;height:1px;background:linear-gradient(90deg,#e0bd76aa,transparent);margin-left:14px}.eyebrow-dot{width:8px;height:8px;box-shadow:0 0 0 4px #ffdb911a,0 0 13px #ffdb9177}
h1{font-size:clamp(3.3rem,5.4vw,5.35rem);line-height:1.04;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 5px 30px #040d2060}h1 em{color:#b9e1ff}.lead{font-size:clamp(1.22rem,1.8vw,1.55rem);font-weight:650;color:#f4f8ff}.intro-description{font-size:18px;line-height:1.7;color:#c5d5ed;max-width:550px}.intro-actions{gap:20px 24px;margin-top:32px}.meta,.save-note{font-size:15px;color:#c1d2e9}.save-note{display:flex;align-items:center;gap:9px}.save-note::before{content:'✦';color:#f7d994;font-size:12px}
.primary{position:relative;border:1px solid #d9efff;border-radius:12px;background:linear-gradient(150deg,#d8efff,#a9d4ff 68%,#8ac4f4);color:#102d50;min-height:56px;padding:15px 23px;font-weight:800;box-shadow:0 2px 0 #5589be,0 11px 28px #06132977,0 0 32px #92c8fa1a;transition:transform .18s,box-shadow .18s,background .18s}.primary:hover{background:linear-gradient(145deg,#f4fbff,#bfe4ff);transform:translateY(-2px);box-shadow:0 4px 0 #5589be,0 15px 30px #06132988,0 0 28px #b3dfff3b}.primary:active{transform:translateY(1px);box-shadow:0 1px 0 #5589be,0 5px 15px #06132988}
.observatory{isolation:isolate;min-height:520px}.observatory::before{content:'';position:absolute;inset:3% 0 4%;z-index:-1;border-radius:50%;background:radial-gradient(circle,#7195d533 0,#486bab22 34%,#26487412 50%,transparent 70%);filter:blur(4px)}.observatory::after{content:'';position:absolute;inset:10% 5%;z-index:-1;border-radius:50%;border:1px solid #c2deff21;box-shadow:inset 0 0 65px #85aef215,0 0 50px #294c8233}.observatory svg{max-width:510px;filter:drop-shadow(0 25px 28px #030b1d99) drop-shadow(0 0 24px #9dcfff22)}.moon{background:radial-gradient(circle at 33% 28%,#fff6ce,#ffe09c 59%,#dbaf77);box-shadow:0 0 0 14px #ffe5a408,0 0 0 32px #ffe5a405,0 0 65px #ffe2984d}.orbit{border-color:#b2d8ff37}.orbit-two{border-style:dashed;border-color:#b2d8ff29}.star{text-shadow:0 0 18px #ffdfaaac}.art-label{bottom:4%;border-top:1px solid #b0cef54a;padding-top:10px;color:#c2d8f5}
footer{max-width:1284px;border-color:#9dbbe240;padding:25px 0 35px;color:#b5c8e2;font-size:14px}footer span:first-child{color:#ffe3a2;font-weight:700;letter-spacing:.02em}
.game{padding-top:48px}.game-top{margin-bottom:27px}.game-top h2,.ending h2{font-size:clamp(2.15rem,4vw,3.15rem);letter-spacing:-.025em}.chapter-subtitle{font-size:18px;color:#c4d6ef}.progress-block{width:235px;color:#d2e3f6;font-weight:700}.progress-track{height:9px;background:#07182f;border:1px solid #87a9d250}.progress-track span{background:linear-gradient(90deg,#afdafa,#f5d68e);box-shadow:0 0 12px #f2d08aaa}
.game-grid{gap:22px;grid-template-columns:minmax(0,1fr) 300px}.puzzle-card,.side-card{position:relative;overflow:hidden;background:linear-gradient(150deg,#19365cfa,#112849f7 65%,#101f3cf9);border-color:#98bce65b;border-radius:20px;box-shadow:0 18px 55px #020a1a66,inset 0 1px 0 #e2efff1a}.puzzle-card::before{content:'';pointer-events:none;position:absolute;top:0;right:0;width:240px;height:150px;background:radial-gradient(ellipse at top right,#a8d7ff17,transparent 70%)}.puzzle-card{padding:34px}.chapter-badge{display:inline-flex;align-items:center;min-height:32px;padding:6px 11px;border:1px solid #ebd49a47;border-radius:7px;background:#e9ce8f0e;font-size:12px;letter-spacing:.1em}.lock{display:grid;place-items:center;width:40px;height:40px;color:#ffd997;border:1px solid #e0c68b4a;border-radius:50%;font-size:23px}.story{font-size:19px;line-height:1.65;color:#e1ecfa;max-width:720px}
.puzzle-board{position:relative;background:linear-gradient(145deg,#091d39,#102a49);border:1px solid #83a8d455;border-radius:14px;padding:25px;margin:26px 0;box-shadow:inset 0 1px 18px #050c1f55}.puzzle-board h3{font-size:19px;letter-spacing:.02em;color:#d4eaff}.puzzle-board p:last-child{margin-bottom:0}.equations{gap:12px}.equation,.option{border-radius:10px;background:linear-gradient(145deg,#203c62,#1a3152);border:1px solid #799cc85c;box-shadow:inset 0 1px 0 #ffffff10}.equation{padding:15px 16px;font-size:18px;line-height:1.45;color:#f3f9ff}.instruction{color:#eef7ff}.field label,.field-label{font-size:16px;color:#e5efff}.field input{background:#081a33;border:1px solid #a8c3e2;border-radius:10px;padding:12px 14px;min-height:56px;box-shadow:inset 0 2px 7px #02091688;transition:border-color .16s,box-shadow .16s}.field input:hover{border-color:#e2f3ff}.field input:focus-visible{border-color:#ffdf91;box-shadow:0 0 0 4px #ffdf9122;outline:2px solid #ffdf91;outline-offset:2px}.option{min-height:58px;padding:13px 15px;font-size:17px;font-weight:650;transition:border-color .18s,background .18s}.option:hover{border-color:#bcdbf9;background:#29496d}.option:has(input:checked){border-color:#ffd99b;background:#39506b;box-shadow:0 0 0 2px #ffd99b3b}.option input{width:23px;height:23px;accent-color:#a7d8ff}.hint-button{border-radius:12px;border-color:#adc8e18a;color:#f0f7ff}.feedback{color:#ffe0c7}.hints p{color:#fff1d1;background:#4d473b;border-left-color:#ffda89;border-radius:6px;line-height:1.55}.success{border-radius:14px;background:linear-gradient(135deg,#174847,#183b42);border-color:#92e8d0;padding:22px}.success p{color:#e3fff6;font-size:19px}
.side-card{padding:25px}.side-card h3{font-size:24px}.side-card p:not(.side-kicker){font-size:16px;line-height:1.6;color:#d0e0f4}.side-kicker{font-size:12px;color:#b8ddff}.key{width:44px;height:50px;border-radius:10px;color:#b3c9e6;border-color:#7291b37a;background:#0a1e38;box-shadow:inset 0 1px 6px #0004}.key.found{color:#ffe9b8;border-color:#e1c27c;background:linear-gradient(145deg,#695942,#413b38);box-shadow:0 0 16px #f1c76b24,inset 0 1px 0 #fff4}.note-card{border-color:#a9c2df40;background:linear-gradient(150deg,#1d3556,#172943)}.ending{position:relative}.ending::before{content:'';position:absolute;z-index:-1;inset:12% 0;background:radial-gradient(ellipse,#588cd02c,transparent 68%)}.ending-symbol{text-shadow:0 0 50px #ffd883,0 0 90px #ffd88366}
@media(max-width:850px){.intro{min-height:0}.observatory{min-height:400px}.game-grid{grid-template-columns:1fr}.side{grid-template-columns:1fr 1fr}.note-card{margin-top:0}}
@media(max-width:560px){body{font-size:17px}.topbar{min-height:82px;padding:16px 20px}.brand{font-size:14px;letter-spacing:.1em}.brand small{font-size:10px}.brand-icon{width:39px;height:39px}.quiet{padding:9px 12px}.intro{padding:35px 0 45px}.intro-description{font-size:17px}.observatory{min-height:320px}.game{padding-top:32px}.game-top h2{font-size:2.1rem}.game-grid{gap:16px}.puzzle-card{padding:21px}.puzzle-board{padding:18px;margin:20px 0}.story{font-size:17px}.side{grid-template-columns:1fr}.equations{grid-template-columns:1fr}.equation{font-size:17px}.field{width:calc(50% - 6px)}.form-bottom .primary,.form-bottom .hint-button{flex:1 1 170px}.keys{gap:8px}.side-card{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Das Fenster in die Sternenwarte: dekorativ, damit die Geschichte gut lesbar bleibt. */
.observatory{min-height:520px;width:100%;overflow:hidden;border:1px solid #e5cd9b70;border-radius:48% 48% 22px 22px;background:linear-gradient(180deg,#0613260a 50%,#061426cb 100%),url('sternenwarte.jpg') 48% 50%/cover no-repeat;box-shadow:0 0 0 6px #c9ae7921,0 24px 60px #020a1a99,inset 0 0 45px #07192d44}
.observatory::before{inset:9px;border:1px solid #ffdfa85c;border-radius:48% 48% 13px 13px;background:none;filter:none;z-index:1}
.observatory::after{inset:0;border:0;border-radius:inherit;background:linear-gradient(180deg,transparent 72%,#071a31b3);box-shadow:inset 0 0 50px #08142944;z-index:0}
.observatory svg,.observatory .moon,.observatory .orbit,.observatory .star{display:none}
.art-label{z-index:2;bottom:23px;padding:7px 14px;border:1px solid #dfc88f70;border-radius:5px;background:#102239cf;color:#f6e9ca;font-size:12px;letter-spacing:.17em}
@media(max-width:850px){.observatory{min-height:400px;max-width:520px;background-position:48% 50%}}
@media(max-width:560px){.observatory{min-height:320px;max-width:400px;border-radius:46% 46% 18px 18px}.art-label{bottom:18px}}

/* Lange Überschrift auch auf sehr schmalen Telefonen vollständig sichtbar. */
.intro-copy{min-width:0}
@media(max-width:560px){h1{font-size:clamp(2.05rem,10.3vw,3.1rem);overflow-wrap:anywhere}.intro-actions{gap:16px}.observatory{min-width:0}}
@media(max-width:340px){.topbar{gap:10px}.brand{gap:8px;font-size:12px}.brand small{font-size:9px}.brand-icon{width:34px;height:34px;flex:none}.quiet{font-size:15px;padding:8px 9px}}
.auto-check-note{color:#c5d5ef;font-size:.92rem;line-height:1.5;margin:.9rem 0}
.topbar .brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;letter-spacing:normal}
.topbar .brand-icon{width:46px;height:44px;flex:0 0 46px;border-radius:13px;background:linear-gradient(145deg,#1d5eb3,#133e7a);border:0;box-shadow:3px 3px 0 #f5d96d;display:inline-flex;align-items:center;justify-content:center;gap:2px;color:#fff;font-weight:900;font-size:18px;letter-spacing:-1px;line-height:1}
.topbar .brand-icon .brand-dot{width:6px;height:6px;border-radius:99px;background:#ffd859;display:inline-block;margin:0 1px;font-size:0;line-height:0;color:transparent;flex-shrink:0}
.topbar .brand-text{display:flex;flex-direction:column;line-height:1.05;gap:2px;letter-spacing:normal}
.topbar .brand-top{display:flex;align-items:center;gap:6px}
.topbar .brand-name{font-size:21px;font-weight:900;letter-spacing:-.8px;color:#f3f8ff}
.topbar .beta-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:99px;background:#fef3c7;color:#92400e;border:1px solid #f59e0b;font-size:10px;font-weight:800;letter-spacing:.5px;line-height:1.1;text-transform:uppercase;white-space:nowrap}
.topbar .brand-end{font-size:13px;font-weight:700;color:#9fd1ff;letter-spacing:.3px;line-height:1.1}
.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.topbar-actions a.quiet{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.sternenwarte-setup{margin:20px 0 0;padding:16px 18px;border:1px solid #83a8d455;border-radius:14px;background:#0e2142b8;max-width:570px}
.sternenwarte-setup-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.sternenwarte-label{font-size:14px;font-weight:700;color:#b8ddff}
.sternenwarte-select{padding:7px 12px;border:1px solid #6b8fc2;border-radius:8px;background:#081631;color:#f3f8ff;font-size:14px;font-weight:600}
.sternenwarte-presets{display:inline-flex;flex-wrap:wrap;gap:6px}
.sternenwarte-preset{padding:5px 10px;border:1px solid #6b8fc2;border-radius:999px;background:#162d54;color:#dceaff;font-size:12px;font-weight:700}
.sternenwarte-preset:hover{background:#234375;border-color:#a6d8ff}
.sternenwarte-rows{display:flex;flex-wrap:wrap;gap:6px}
.sternenwarte-row-btn{min-width:38px;height:36px;padding:0 8px;border:1.5px solid #496694;border-radius:8px;background:#0b1b36;color:#a9bfd9;font-size:15px;font-weight:700;transition:all .12s ease}
.sternenwarte-row-btn.is-active{background:linear-gradient(150deg,#d8efff,#99ccf8);border-color:#e3f3ff;color:#0d2342;box-shadow:0 2px 0 #4f81b5}
.sternenwarte-row-status{margin:8px 0 0;font-size:13px;color:#ffe19a}