:root{--akzent: 56 189 248;--akzent2: 99 102 241;--grund: 6 11 22;--grund2: 10 18 34;--flaeche: 16 26 45;--text: 226 240 255;--gedaempft: 128 152 184;--rund: 14px;--rund-klein: 9px;--rahmen: 1px solid rgb(var(--akzent) / .14);--schatten: 0 18px 50px rgb(0 0 0 / .45);--weich: .22s cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:rgb(var(--grund));color:rgb(var(--text));font-family:Rajdhani,Segoe UI,system-ui,sans-serif;font-size:15px;overflow:hidden;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}::selection{background:rgb(var(--akzent) / .3)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:rgb(var(--akzent) / .2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:rgb(var(--akzent) / .35)}::-webkit-scrollbar-track{background:transparent}.app{position:relative;height:100%;display:grid;grid-template-rows:auto 1fr;background:radial-gradient(1200px 700px at 50% -10%,rgb(var(--grund2)),rgb(var(--grund)) 70%),rgb(var(--grund))}.app__schein{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(620px 420px at 50% 46%,rgb(var(--akzent) / .06),transparent 70%)}.kopf{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:14px 22px;border-bottom:var(--rahmen);background:rgb(var(--grund) / .6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.kopf__marke{display:flex;align-items:center;gap:10px}.kopf__punkt{width:8px;height:8px;border-radius:99px;background:rgb(var(--gedaempft));transition:background var(--weich),box-shadow var(--weich)}.kopf__punkt[data-an=true]{background:rgb(var(--akzent));box-shadow:0 0 12px rgb(var(--akzent) / .8)}.kopf__name{font-weight:700;letter-spacing:.32em;font-size:15px}.kopf__zustand{font-size:12px;letter-spacing:.1em;color:rgb(var(--gedaempft));text-transform:lowercase}.kopf__uhr{text-align:center;line-height:1.15}.kopf__zeit{display:block;font-family:JetBrains Mono,ui-monospace,monospace;font-size:24px;font-weight:600;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:rgb(var(--text))}.kopf__datum{font-size:11.5px;letter-spacing:.06em;color:rgb(var(--gedaempft))}.kopf__rechts{display:flex;align-items:center;justify-content:flex-end;gap:10px}.kopf__modell{font-size:11.5px;letter-spacing:.05em;color:rgb(var(--gedaempft));padding:5px 11px;border:var(--rahmen);border-radius:99px;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}.ikon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:var(--rahmen);color:rgb(var(--gedaempft));font-size:15px;transition:all var(--weich)}.ikon:hover{color:rgb(var(--akzent));border-color:rgb(var(--akzent) / .4);background:rgb(var(--akzent) / .08)}.buehne{position:relative;z-index:1;display:grid;grid-template-columns:290px 1fr 380px;gap:18px;padding:18px;min-height:0}.spalte{display:flex;flex-direction:column;gap:12px;min-height:0}.spalte__titel{margin:0 0 2px;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgb(var(--gedaempft))}.kanal{border:var(--rahmen);border-radius:var(--rund);background:rgb(var(--flaeche) / .45);padding:12px 13px 10px;transition:border-color var(--weich),background var(--weich),opacity var(--weich)}.kanal:hover{border-color:rgb(var(--akzent) / .26)}.kanal--stumm{opacity:.62}.kanal__kopf{display:flex;align-items:center;gap:9px;margin-bottom:9px}.kanal__symbol{font-size:14px;opacity:.85}.kanal__titel{flex:1;min-width:0;font-size:13px;font-weight:600;letter-spacing:.02em;display:flex;flex-direction:column}.kanal__notiz{font-style:normal;font-size:11px;font-weight:400;color:rgb(var(--gedaempft));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanal__welle{display:block;width:100%;height:42px}.kanal__hinweis{display:block;margin-top:6px;font-size:11px;color:rgb(var(--gedaempft))}.schalter{position:relative;width:38px;height:21px;border-radius:99px;background:rgb(var(--gedaempft) / .22);border:1px solid rgb(var(--gedaempft) / .25);transition:background var(--weich),border-color var(--weich),box-shadow var(--weich);flex:none}.schalter--an{background:rgb(var(--akzent) / .3);border-color:rgb(var(--akzent) / .5);box-shadow:0 0 14px rgb(var(--akzent) / .22)}.schalter__knopf{position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:99px;background:rgb(var(--gedaempft));transition:transform var(--weich),background var(--weich)}.schalter--an .schalter__knopf{transform:translate(17px);background:rgb(var(--akzent))}.gehoert{margin-top:auto;border:var(--rahmen);border-radius:var(--rund);background:rgb(var(--flaeche) / .3);padding:10px 12px}.gehoert__label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--gedaempft))}.gehoert p{margin:5px 0 0;font-size:13px;line-height:1.45;color:rgb(var(--text) / .9)}.mitte{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:0}.orb{width:min(100%,460px);aspect-ratio:1;max-height:58vh;padding:0;border-radius:50%;transition:transform var(--weich),filter var(--weich)}.orb:hover{transform:scale(1.015)}.orb:active{transform:scale(.99)}.orb__canvas{width:100%;height:100%;display:block}.mitte__zustand{margin:2px 0 0;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:rgb(var(--akzent) / .85)}.mitte__detail{margin:0;font-size:12px;color:rgb(var(--gedaempft));min-height:1.2em}.verlauf{display:grid;grid-template-rows:auto 1fr auto;min-height:0;border:var(--rahmen);border-radius:var(--rund);background:rgb(var(--flaeche) / .4);overflow:hidden}.verlauf__kopf{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:var(--rahmen)}.verlauf__kopf h2{margin:0;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgb(var(--gedaempft))}.klein{font-size:11px;letter-spacing:.05em;color:rgb(var(--gedaempft));padding:4px 9px;border-radius:var(--rund-klein);transition:all var(--weich)}.klein:hover{color:rgb(var(--akzent));background:rgb(var(--akzent) / .1)}.verlauf__liste{overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.verlauf__leer{margin:auto;max-width:240px;text-align:center;font-size:12.5px;line-height:1.6;color:rgb(var(--gedaempft))}.blase{display:flex;flex-direction:column;gap:3px;animation:auftauchen .26s cubic-bezier(.22,1,.36,1)}@keyframes auftauchen{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.blase__wer{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--gedaempft))}.blase--user .blase__wer{color:rgb(var(--akzent2) / .9)}.blase--rudi .blase__wer{color:rgb(var(--akzent) / .9)}.blase__text{margin:0;font-size:14px;line-height:1.55;padding:9px 12px;border-radius:var(--rund-klein);white-space:pre-wrap;word-break:break-word}.blase--user .blase__text{background:rgb(var(--akzent2) / .1);border-left:2px solid rgb(var(--akzent2) / .45)}.blase--rudi .blase__text{background:rgb(var(--akzent) / .07);border-left:2px solid rgb(var(--akzent) / .45)}.cursor{display:inline-block;width:7px;height:1em;margin-left:2px;vertical-align:text-bottom;background:rgb(var(--akzent) / .75);animation:blinken 1s steps(2,start) infinite}@keyframes blinken{to{opacity:0}}.verlauf__eingabe{display:flex;gap:8px;padding:11px;border-top:var(--rahmen);background:rgb(var(--grund) / .4)}.verlauf__eingabe input{flex:1;min-width:0;padding:9px 12px;border-radius:var(--rund-klein);border:1px solid rgb(var(--akzent) / .16);background:rgb(var(--grund) / .7);outline:none;transition:border-color var(--weich),box-shadow var(--weich)}.verlauf__eingabe input::placeholder{color:rgb(var(--gedaempft) / .7)}.verlauf__eingabe input:focus{border-color:rgb(var(--akzent) / .5);box-shadow:0 0 0 3px rgb(var(--akzent) / .1)}.knopf{padding:9px 15px;border-radius:var(--rund-klein);border:1px solid rgb(var(--akzent) / .35);background:rgb(var(--akzent) / .13);color:rgb(var(--akzent));font-size:13px;font-weight:600;letter-spacing:.04em;transition:all var(--weich);white-space:nowrap}.knopf:hover:not(:disabled){background:rgb(var(--akzent) / .22);box-shadow:0 0 18px rgb(var(--akzent) / .18)}.knopf:disabled{opacity:.4;cursor:default}.knopf--stop{border-color:#ef444473;background:#ef444424;color:#f87171}.knopf--stop:hover{background:#ef44443d;box-shadow:0 0 18px #ef444433}.schleier{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:einblenden .18s ease}@keyframes einblenden{0%{opacity:0}}.panel{position:fixed;top:0;right:0;z-index:21;width:min(480px,100vw);height:100%;display:grid;grid-template-rows:auto auto 1fr;background:rgb(var(--grund2));border-left:var(--rahmen);box-shadow:var(--schatten);animation:hereinschieben .26s cubic-bezier(.22,1,.36,1)}@keyframes hereinschieben{0%{transform:translate(24px);opacity:0}}.panel__kopf{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:var(--rahmen)}.panel__kopf h2{margin:0;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgb(var(--gedaempft))}.panel__reiter{display:flex;gap:3px;padding:9px 12px;border-bottom:var(--rahmen);overflow-x:auto}.reiter{display:flex;align-items:center;gap:6px;padding:7px 11px;border-radius:var(--rund-klein);font-size:12.5px;color:rgb(var(--gedaempft));white-space:nowrap;transition:all var(--weich)}.reiter:hover{color:rgb(var(--text));background:rgb(var(--akzent) / .07)}.reiter--aktiv{color:rgb(var(--akzent));background:rgb(var(--akzent) / .13)}.panel__inhalt{overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:20px}.feld{display:flex;flex-direction:column;gap:8px}.feld>label{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--gedaempft))}.feld select,.feld input[type=text]{padding:9px 11px;border-radius:var(--rund-klein);border:1px solid rgb(var(--akzent) / .18);background:rgb(var(--grund) / .75);outline:none;transition:border-color var(--weich)}.feld select:focus{border-color:rgb(var(--akzent) / .5)}.feld select option{background:rgb(var(--grund2))}.reihe{display:flex;gap:8px;align-items:center}.reihe select{flex:1;min-width:0}.hinweis{margin:0;font-size:12px;line-height:1.55;color:rgb(var(--gedaempft))}.details{font-size:12px;color:rgb(var(--gedaempft))}.details summary{cursor:pointer;padding:5px 0}.details ul{margin:4px 0 0;padding-left:16px;line-height:1.55}.details strong{color:rgb(var(--text) / .85)}.farben{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:9px}.farbe{display:flex;flex-direction:column;align-items:center;gap:7px;padding:11px 6px;border-radius:var(--rund);border:1px solid rgb(var(--gedaempft) / .16);transition:all var(--weich)}.farbe:hover{border-color:rgb(var(--akzent) / .4);transform:translateY(-1px)}.farbe--aktiv{border-color:rgb(var(--akzent) / .7);background:rgb(var(--akzent) / .08)}.farbe__kreis{width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff1a}.farbe__label{font-size:11px;color:rgb(var(--gedaempft))}.farbe--aktiv .farbe__label{color:rgb(var(--text))}.verbindungen{display:flex;flex-direction:column;gap:8px}.verbindung{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:var(--rund);border:1px solid rgb(var(--gedaempft) / .14);background:rgb(var(--flaeche) / .32)}.verbindung__symbol{font-size:17px}.verbindung__text{flex:1;min-width:0;display:flex;flex-direction:column}.verbindung__name{font-size:13.5px;font-weight:600}.verbindung__detail{font-size:11.5px;color:rgb(var(--gedaempft))}.verbindung__stand{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:99px;white-space:nowrap}.verbindung--aktiv .verbindung__stand{color:#34d399;background:#34d39921}.verbindung--offen .verbindung__stand{color:rgb(var(--akzent));background:rgb(var(--akzent) / .13)}.verbindung--geplant .verbindung__stand{color:rgb(var(--gedaempft));background:rgb(var(--gedaempft) / .12)}@media (max-width: 1180px){.buehne{grid-template-columns:250px 1fr 320px;gap:14px;padding:14px}}@media (max-width: 950px){.app{overflow:auto}.buehne{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.orb{max-height:40vh}.kopf{grid-template-columns:1fr auto}.kopf__uhr{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.tor{height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 600px at 50% 20%,rgb(var(--grund2)),rgb(var(--grund)) 70%),rgb(var(--grund))}.tor__karte{width:min(400px,100%);display:flex;flex-direction:column;gap:14px;padding:30px 28px;border:var(--rahmen);border-radius:var(--rund);background:rgb(var(--flaeche) / .5);box-shadow:var(--schatten);animation:auftauchen .3s cubic-bezier(.22,1,.36,1)}.tor__marke{display:flex;align-items:center;gap:10px;margin-bottom:2px}.tor__punkt{width:9px;height:9px;border-radius:99px;background:rgb(var(--akzent));box-shadow:0 0 14px rgb(var(--akzent) / .8)}.tor__name{font-weight:700;letter-spacing:.32em;font-size:14px}.tor__titel{margin:0;font-size:21px;font-weight:600;letter-spacing:.01em}.tor__text{margin:-6px 0 4px;font-size:13px;line-height:1.55;color:rgb(var(--gedaempft))}.tor__feld{display:flex;flex-direction:column;gap:6px}.tor__feld span{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--gedaempft))}.tor__feld input{padding:10px 12px;border-radius:var(--rund-klein);border:1px solid rgb(var(--akzent) / .18);background:rgb(var(--grund) / .7);outline:none;transition:border-color var(--weich),box-shadow var(--weich)}.tor__feld input:focus{border-color:rgb(var(--akzent) / .5);box-shadow:0 0 0 3px rgb(var(--akzent) / .1)}.tor__fehler{margin:0;font-size:12.5px;line-height:1.5;color:#f87171;padding:9px 11px;border-radius:var(--rund-klein);background:#ef44441a;border-left:2px solid rgb(239 68 68 / .5)}.tor__knopf{margin-top:4px;padding:11px;justify-content:center}.tor__hinweis{margin:0;font-size:11.5px;line-height:1.5;color:rgb(var(--gedaempft))}.tor__wechsel{background:none;border:none;padding:4px;font:inherit;font-size:12px;color:rgb(var(--akzent));cursor:pointer;text-align:center;opacity:.85;transition:opacity .15s ease}.tor__wechsel:hover{opacity:1;text-decoration:underline}.konten{display:flex;flex-direction:column;gap:10px}.konten__hinweis{margin:0;padding:9px 11px;font-size:12.5px;border-radius:var(--rund-klein);color:#facc15;background:#eab3081a;border-left:2px solid rgb(234 179 8 / .5)}.konten__fehler{margin:0;padding:9px 11px;font-size:12.5px;border-radius:var(--rund-klein);color:#f87171;background:#ef44441a}.konten__leer{margin:0;font-size:12.5px;color:rgb(var(--gedaempft))}.konto{display:flex;flex-direction:column;gap:8px;padding:11px 12px;border-radius:var(--rund-klein);background:rgb(var(--flaeche) / .6);border-left:3px solid rgb(var(--gedaempft) / .4);transition:border-color .15s ease}.konto--master{border-left-color:#eab308cc}.konto--trusted{border-left-color:#22c55eb3}.konto--benutzer{border-left-color:#ea580cb3}.konto--gesperrt{opacity:.55}.konto__kopf{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.konto__name{font-size:13.5px;font-weight:600}.konto__ich{font-weight:400;color:rgb(var(--gedaempft))}.konto__anrede{font-size:12px;color:rgb(var(--gedaempft))}.konto__zeile{display:flex;align-items:center;gap:10px}.konto__rang{flex:1;padding:7px 9px;font:inherit;font-size:12.5px;border-radius:var(--rund-klein);background:rgb(var(--grund) / .7);color:rgb(var(--text));border:1px solid rgb(var(--rand))}.konto__sperre{display:flex;align-items:center;gap:5px;font-size:12px;color:rgb(var(--gedaempft));cursor:pointer;white-space:nowrap}.konto__discord{padding:7px 9px;font:inherit;font-size:12px;border-radius:var(--rund-klein);background:rgb(var(--grund) / .7);color:rgb(var(--text));border:1px solid rgb(var(--rand))}.konto__fuss{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:rgb(var(--gedaempft))}.konto__aktionen{display:flex;gap:8px;flex-shrink:0}.konto__aktionen button{background:none;border:none;padding:0;font:inherit;font-size:11px;color:rgb(var(--akzent));cursor:pointer}.konto__aktionen button:hover{text-decoration:underline}.konto__loeschen{color:#f87171!important}.update{position:relative;display:inline-flex;align-items:center;overflow:hidden;margin-left:10px;padding:3px 9px;font-size:11px;letter-spacing:.02em;border-radius:999px;border:1px solid transparent;background:rgb(var(--flaeche) / .8);white-space:nowrap}.update--laedt{color:rgb(var(--gedaempft));border-color:rgb(var(--rand))}.update__balken{position:absolute;inset:0 auto 0 0;background:rgb(var(--akzent) / .25);transition:width .3s ease}.update__text{position:relative}.update--bereit{font:inherit;font-size:11px;cursor:pointer;color:#22c55e;border-color:#22c55e80;background:#22c55e1f;transition:background .15s ease}.update--bereit:hover{background:#22c55e38}.update--fehler{color:rgb(var(--gedaempft));border-color:rgb(var(--rand));opacity:.7}