:root{--bg:#06111c;--panel:#0a1a28;--line:#1d3b50;--muted:#8ca5b5;--white:#f2f7fa;--lime:#42c6d5;--cyan:#42c6d5;--blue:#315b9e}.brandlogo{width:40px;height:40px;object-fit:contain}.mark{display:none}.hero{background:radial-gradient(circle at 80% 45%,#113b50 0,transparent 32%),linear-gradient(120deg,#06111c 60%,#0a1b2b)}.ticker,.bounty{background:linear-gradient(120deg,#43c6d5,#779fd2)}.cards article{background:transparent;border-width:1px 0 0;padding:34px 12px}.cards .feature{background:linear-gradient(145deg,#42c6d5,#557ec0);padding:34px;color:#06111c;border-radius:3px}.cards .feature p{color:#15354a}.designstage{display:grid;grid-template-columns:1fr minmax(280px,520px);align-items:center;gap:60px}.designstage>div:first-child p{max-width:650px;color:var(--muted);font-size:17px}.designstage>img{width:100%;max-height:420px;object-fit:contain;filter:drop-shadow(0 30px 45px #0008)}.designfacts{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;color:#72a6ca;font:11px DM Mono;letter-spacing:.12em}.wide-story{max-width:1000px}.wide-story>p{max-width:800px;color:var(--muted);font-size:18px}.community-banner{border-top:1px solid var(--line);background:#081522}.community-banner-inner{display:grid;grid-template-columns:repeat(3,1fr);max-width:1250px;margin:auto}.community-banner a{display:grid;grid-template-columns:auto 66px 1fr;gap:14px;align-items:center;padding:16px 28px;color:white;text-decoration:none;border-right:1px solid var(--line)}.community-banner a:last-child{border:0}.community-banner span{color:var(--cyan);font:700 12px DM Mono}.community-banner img{width:66px;height:66px;border:4px solid white;border-radius:3px}.community-banner small{color:var(--muted);overflow-wrap:anywhere}.subhero{padding:100px max(6vw,40px) 75px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 30%,#153d54,transparent 28%)}.subhero h1{font-size:clamp(46px,7vw,88px);line-height:1;letter-spacing:-.05em;margin:20px 0;max-width:980px}.subhero p{max-width:760px;color:var(--muted);font-size:18px}.content{max-width:1200px;margin:auto;padding:80px max(4vw,24px)}.story{display:grid;grid-template-columns:260px 1fr;gap:70px;padding:55px 0;border-top:1px solid var(--line)}.story h2{font-size:34px;margin:0}.story p,.story li{color:var(--muted)}.story .visual{background:linear-gradient(145deg,#0d2839,#10233a);min-height:250px;display:grid;place-items:center;font-size:76px;color:var(--cyan)}.notice{border-left:3px solid var(--cyan);padding:18px 24px;background:#0a1a28;color:var(--muted)}
@media(max-width:800px){.designstage{grid-template-columns:1fr}.designfacts{grid-column:auto;flex-direction:column;gap:12px}.community-banner-inner{grid-template-columns:1fr}.community-banner a{border-right:0;border-bottom:1px solid var(--line)}.story{grid-template-columns:1fr;gap:20px}.subhero{padding:70px 22px}}

/* GT-Radar GitHub Heatmap · reliable + responsive · v1.5.3 */
.gt-live-section{
  display:grid;
  grid-template-columns:minmax(0,760px) minmax(360px,520px);
  justify-content:space-between;
  gap:clamp(34px,4.5vw,78px);
  align-items:center;
  background:radial-gradient(circle at 82% 46%,rgba(45,119,149,.15),transparent 30%),linear-gradient(120deg,#07131f 0%,#071521 58%,#091927 100%);
  overflow:hidden;
}
.gt-live-copy{min-width:0}
.gt-live-copy>p{max-width:760px;color:var(--muted);font-size:18px}
.gt-live-copy h2{font-size:clamp(43px,4.3vw,70px);max-width:880px}
.gt-live-note{display:flex;align-items:center;gap:10px;color:#6f8fa2;font:10px DM Mono;letter-spacing:.08em;text-transform:uppercase}
.gt-live-note i{width:8px;height:8px;border-radius:50%;background:#42c6d5;box-shadow:0 0 12px #42c6d5}
.gt-heatmap-card{
  position:relative;
  width:min(100%,520px);
  max-width:520px;
  min-width:0;
  justify-self:end;
  padding:16px;
  border:1px solid rgba(80,144,177,.42);
  border-radius:8px;
  background:linear-gradient(150deg,rgba(10,28,43,.98),rgba(4,13,23,.98));
  box-shadow:0 30px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);
}
.gt-heatmap-card:before{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:8px;background:linear-gradient(145deg,rgba(66,198,213,.14),transparent 32%,rgba(83,120,186,.12));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:1px}
.gt-heatmap-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:2px 2px 12px}
.gt-heatmap-head>div{display:grid;gap:4px}
.gt-heatmap-kicker{font:600 9px DM Mono;letter-spacing:.17em;color:#6b91a8}
.gt-heatmap-head strong{font-size:21px;letter-spacing:.02em}
.gt-heatmap-status{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(138,160,174,.25);border-radius:999px;color:#8ca5b5;background:rgba(5,17,28,.78);font:700 9px DM Mono;letter-spacing:.11em;white-space:nowrap}
.gt-heatmap-status i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}
.gt-heatmap-status.live{color:#42d8ae;border-color:rgba(66,216,174,.35)}
.gt-heatmap-status.delayed{color:#f2bd54;border-color:rgba(242,189,84,.35)}
.gt-heatmap-status.offline,.gt-heatmap-status.error{color:#f16c7f;border-color:rgba(241,108,127,.36)}
.gt-heatmap-status.closed{color:#83a9c1}
.gt-heatmap-status.waiting{color:#7f9aac}
.gt-heatmap-frame{
  position:relative;
  display:grid;
  place-items:center;
  width:100%;
  height:clamp(330px,52vh,470px);
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(72,124,153,.24);
  border-radius:5px;
  background:radial-gradient(circle at 50% 42%,rgba(37,116,145,.12),transparent 54%),#040d16;
}
.gt-heatmap-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 78%,rgba(3,11,18,.38))}
.gt-heatmap-placeholder,.gt-heatmap-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.gt-heatmap-placeholder{opacity:.8}
.gt-heatmap-image{position:absolute;inset:0;opacity:0;transition:opacity .35s ease}
.gt-heatmap-image.ready{opacity:1}
.gt-heatmap-tools{position:absolute;z-index:3;top:10px;right:10px;display:flex;gap:7px}
.gt-heatmap-tools button{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(113,154,178,.34);border-radius:4px;background:rgba(4,14,23,.82);color:#d9edf6;font-size:17px;line-height:1;backdrop-filter:blur(8px)}
.gt-heatmap-tools button:hover{border-color:#42c6d5;color:#42c6d5}
.gt-heatmap-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}
.gt-heatmap-metrics>div{padding:10px 11px;border:1px solid rgba(74,119,145,.23);background:rgba(5,17,28,.82)}
.gt-heatmap-metrics small,.gt-heatmap-meta small{display:block;color:#68899d;font:600 8px DM Mono;letter-spacing:.12em}
.gt-heatmap-metrics strong{display:block;margin-top:4px;font-size:16px;color:#eaf7fb}
.gt-heatmap-meta{display:grid;grid-template-columns:1fr .72fr 1.18fr;gap:10px;padding:11px 2px 5px}
.gt-heatmap-meta span{min-width:0}
.gt-heatmap-meta b{display:block;overflow:hidden;margin-top:4px;color:#a9c0cd;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.gt-heatmap-message{min-height:18px;margin:3px 2px 0;color:#6e8da0;font-size:10px}
.gt-heatmap-card.loading .gt-heatmap-status i{animation:gtPulse 1s ease-in-out infinite}
@keyframes gtPulse{50%{opacity:.25;transform:scale(.7)}}

/* Browserunabhängige große Ansicht: kein Fullscreen-API-Unterschied zwischen Chrome/Edge. */
body.gt-heatmap-expanded-open{overflow:hidden}
.gt-heatmap-card.expanded{
  position:fixed;
  z-index:1000;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto auto;
  width:min(94vw,1040px);
  max-width:none;
  height:min(92vh,900px);
  margin:0;
  padding:16px;
  box-shadow:0 0 0 100vmax rgba(0,4,8,.84),0 35px 120px #000;
}
.gt-heatmap-card.expanded .gt-heatmap-frame{height:auto;min-height:0}
.gt-heatmap-card.expanded .gt-heatmap-tools button:last-child{font-size:25px}

@media(max-width:1180px){
  .gt-live-section{grid-template-columns:minmax(0,1fr) minmax(350px,480px);gap:34px}
  .gt-live-copy h2{font-size:clamp(40px,5vw,60px)}
  .gt-heatmap-card{width:min(100%,480px)}
  .gt-heatmap-frame{height:clamp(320px,48vh,440px)}
}
@media(min-width:851px) and (max-height:860px){
  .gt-live-section{padding-top:68px;padding-bottom:68px}
  .gt-heatmap-card{padding:13px}
  .gt-heatmap-frame{height:clamp(300px,44vh,390px)}
  .gt-heatmap-head{padding-bottom:9px}
  .gt-heatmap-meta{padding-top:8px}
  .gt-heatmap-message{display:none}
}
@media(max-width:850px){
  .gt-live-section{grid-template-columns:1fr;justify-content:stretch}
  .gt-heatmap-card{justify-self:stretch;width:min(100%,600px);max-width:600px;margin-top:10px}
  .gt-heatmap-frame{height:clamp(340px,68vw,520px)}
}
@media(max-width:560px){
  .gt-live-copy>p{font-size:16px}
  .gt-live-copy .actions{align-items:stretch;flex-direction:column}
  .gt-live-copy .actions a{justify-content:center}
  .gt-heatmap-card{padding:10px}
  .gt-heatmap-frame{height:clamp(280px,88vw,430px)}
  .gt-heatmap-metrics>div{padding:9px 8px}
  .gt-heatmap-metrics strong{font-size:14px}
  .gt-heatmap-meta{grid-template-columns:1fr 1fr}
  .gt-heatmap-meta span:last-child{grid-column:1/-1}
  .gt-heatmap-head strong{font-size:18px}
  .gt-heatmap-card.expanded{width:96vw;height:94vh;padding:10px}
}