.wt{
  --lime:#E6FF2B; --ink:#dfeaee; --muted:#7e9ba6;
  position:relative; display:grid; grid-template-columns:1fr minmax(280px,27%); min-height:640px;
  background:radial-gradient(115% 105% at 40% 0%,#0d3d4f,#062a37 46%,#04191f);
  border-radius:14px; overflow:hidden; color:var(--ink);
  font-family:"Inter",-apple-system,"Segoe UI",Roboto,sans-serif;
  box-shadow:0 34px 80px -34px rgba(0,0,0,.65);
}
.wt *{box-sizing:border-box}
.wt-stage{position:absolute;inset:0;z-index:0}
.wt-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
.wt-canvas.is-drag{cursor:grabbing}
.wt-stage__label{position:absolute;left:22px;top:20px;display:flex;flex-direction:column;gap:4px}
.wt-stage__title{font-size:21px;font-weight:700;color:var(--lime);line-height:1}
.wt-stage__sub{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.wt-boot{position:absolute;left:36%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;
  gap:9px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:0;transition:opacity .3s}
.wt.is-loading .wt-boot{opacity:1}
.wt-boot span{width:9px;height:9px;border-radius:50%;background:var(--lime);animation:wtP 1.1s ease-in-out infinite}
@keyframes wtP{50%{opacity:.2;transform:scale(.7)}}

/* Zeitleiste */
.wt-time{position:absolute;left:22px;right:29%;bottom:20px;z-index:2;display:flex;align-items:center;gap:12px}
.wt-time__play{flex:0 0 auto;width:30px;height:30px;border-radius:50%;cursor:pointer;
  border:1px solid rgba(230,255,43,.4);background:rgba(4,22,30,.7);color:var(--lime);
  font-size:10px;line-height:1;display:grid;place-items:center}
.wt-time__play:hover{background:rgba(230,255,43,.14)}
.wt-time__bar{position:relative;flex:1;height:26px;cursor:pointer;touch-action:none}
.wt-time__bar::before{content:"";position:absolute;left:0;right:0;top:11px;height:3px;
  border-radius:2px;background:rgba(255,255,255,.14)}
.wt-time__fill{position:absolute;left:0;top:11px;height:3px;border-radius:2px;
  background:var(--lime);box-shadow:0 0 10px rgba(230,255,43,.55);width:0}
.wt-time__tick{position:absolute;top:5px;width:15px;height:15px;margin-left:-7px;border-radius:50%;
  cursor:pointer;border:1.5px solid rgba(230,255,43,.5);background:#062a37;padding:0}
.wt-time__tick span{position:absolute;left:50%;top:19px;transform:translateX(-50%);white-space:nowrap;
  font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.wt-time__tick.is-on{background:var(--lime);box-shadow:0 0 12px rgba(230,255,43,.7)}
.wt-time__tick.is-on span{color:#eaf7d0}

/* Panel */
.wt-panel{grid-column:2;position:relative;z-index:1;padding:24px 22px;display:flex;flex-direction:column;gap:11px}
.wt-eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--lime);font-weight:700}
.wt-title{margin:0;font-size:17px;font-weight:600;line-height:1.25;color:#eaf7d0}
.wt-desc{margin:0;font-size:12px;line-height:1.6;color:#b6cbd3;min-height:3.2em}
.wt-kpi{display:grid;gap:6px}
.wt-kpi div{padding:11px 12px;border-radius:7px;background:rgba(255,255,255,.045)}
.wt-kpi strong{display:block;font-size:26px;font-weight:600;color:var(--lime);line-height:1;
  font-variant-numeric:tabular-nums}
.wt-kpi strong em{font-style:normal;font-size:12px;color:var(--muted);margin-left:4px}
.wt-kpi span{display:block;margin-top:4px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.wt-vars{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}
.wt-vars__h{grid-column:1/-1;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.wt-vars i{padding:6px 5px;border-radius:4px;background:rgba(255,255,255,.035);font-style:normal;
  font-size:8.5px;color:var(--muted);display:flex;flex-direction:column;gap:2px}
.wt-vars i b{font-size:13px;color:#c9d8de;font-variant-numeric:tabular-nums}
.wt-vars i.is-best{background:rgba(230,255,43,.1)}
.wt-vars i.is-best b{color:var(--lime)}
.wt-note{margin:auto 0 0;font-size:10.5px;line-height:1.55;color:var(--muted)}

@media (max-width:1000px){
  .wt{grid-template-columns:1fr;min-height:0}
  .wt-stage{position:relative;inset:auto;height:340px}
  .wt-panel{grid-column:1;padding:16px 14px 20px}
  .wt-time{right:22px;bottom:14px}
  .wt-boot{left:50%}
}
@media (prefers-reduced-motion:reduce){.wt-boot span{animation:none}}