:root{color-scheme:dark;--cyan:#00c7ff;--panel:#061522;--text:#eef9ff;--muted:#9bb6c9}
*{box-sizing:border-box}html,body{margin:0;background:#000b14;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{min-height:100vh;overflow-x:hidden}
.stage{position:relative;width:min(100vw,1024px);margin:0 auto;aspect-ratio:2/3;background:#00101a;box-shadow:0 0 90px #00192a;overflow:hidden}.reference{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;user-select:none;pointer-events:none}.hotspot{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--w)*1%);height:calc(var(--h)*1%);border:0;background:transparent;cursor:pointer;z-index:5;padding:0;text-decoration:none}.hotspot:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:8px;box-shadow:0 0 20px #00c7ff88}.anchor{position:absolute;pointer-events:none}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,25px);opacity:0;z-index:50;background:#051b2b;border:1px solid #00bdf6;color:#fff;padding:12px 18px;border-radius:999px;box-shadow:0 0 25px #00bdf655;transition:.2s ease;pointer-events:none;font-weight:700}.toast.show{opacity:1;transform:translate(-50%,0)}
.modal{border:0;padding:0;background:transparent;width:min(92vw,720px);max-height:86vh;color:#fff}.modal::backdrop{background:#000b12db;backdrop-filter:blur(7px)}.modal-shell{position:relative;background:linear-gradient(180deg,#071c2bfa,#03111bfc);border:1px solid #00bdf6;border-radius:18px;box-shadow:0 0 45px #00c8ff44,0 0 80px #ff5b1222;padding:28px;max-height:86vh;overflow:auto}.close{position:absolute;right:13px;top:10px;border:0;background:transparent;color:#9fe8ff;font-size:32px;cursor:pointer}.modal h2{margin:0 40px 18px 0;font-size:26px}.modal h3{margin:20px 0 10px}.modal p{color:#c5dcea;line-height:1.5}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}label{font-size:13px;color:#bdeaff}.input,textarea,select{width:100%;border:1px solid #235b78;background:#0a2436;color:#fff;border-radius:8px;padding:12px;font:inherit;outline:none}.input:focus,textarea:focus,select:focus{border-color:#00c7ff;box-shadow:0 0 0 3px #00c7ff22}textarea{min-height:110px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #00c7ff;background:linear-gradient(180deg,#0ab8f9,#057bcc);color:#fff;border-radius:9px;padding:11px 16px;font-weight:800;cursor:pointer}.btn.secondary{background:#081f30}.btn.danger{border-color:#ff4155;background:#7b1022}.btn.good{border-color:#00ef99;background:#07583f}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.list{display:grid;gap:8px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #153e55;border-radius:10px;background:#071a28}.muted{color:#88a7ba;font-size:13px}.chatlog{display:grid;gap:9px;max-height:340px;overflow:auto;padding-right:4px}.bubble{border:1px solid #173d55;border-radius:12px;background:#071927;padding:10px 12px}.bubble b{color:#00c7ff}.chat-send{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.meter{height:10px;background:#143040;border-radius:999px;overflow:hidden}.meter>i{display:block;height:100%;background:linear-gradient(90deg,#00e6ff,#197cf4);width:94%}.statusdot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#00e78e;box-shadow:0 0 12px #00e78e;margin-right:7px}
@media(max-width:680px){.modal-shell{padding:20px}.grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal h2{font-size:22px}}
/* 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)}


/* Aktiver Live-Chat: liegt exakt über der bisher statischen Chat-Karte der Vorlage. */
.live-chat{position:absolute;z-index:12;left:33%;top:38.1%;width:40.3%;height:22.1%;display:grid;grid-template-rows:auto 1fr auto;gap:1.05%;padding:1.45% 1.35% 1.35%;overflow:hidden;border:1px solid #0b5478;border-radius:10px;background:linear-gradient(180deg,rgba(2,24,40,.98),rgba(2,18,31,.98));box-shadow:inset 0 0 28px rgba(0,168,255,.05);font-size:clamp(7px,1.05vw,12px)}
.live-chat-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:#fff;line-height:1.1}.live-chat-title{display:flex;align-items:center;gap:5px;font-size:1.08em;white-space:nowrap}.live-chat-status{display:flex;align-items:center;white-space:nowrap;padding:.34em .7em;border-radius:999px;background:#061e2e;color:#ccefff;font-size:.88em}.live-chat-status .statusdot{width:.7em;height:.7em;margin-right:.45em}.live-chat-status .statusdot.local{background:#ffb020;box-shadow:0 0 10px #ffb020}
.live-chat-log{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.15em .35em .1em .15em;scrollbar-width:thin;scrollbar-color:#275b76 transparent}.live-chat-message{display:grid;grid-template-columns:max-content 1fr;column-gap:.7em;align-items:baseline;padding:.22em .1em;line-height:1.23}.live-chat-message b{color:#00d8ff;font-size:.96em;max-width:9.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-chat-message span{color:#e8f7ff;min-width:0;overflow-wrap:anywhere}
.live-chat-send{display:grid;grid-template-columns:1fr auto;gap:.75em;min-height:0}.live-chat-input{width:100%;min-width:0;border:1px solid #28607d;background:#0a2639;color:#fff;border-radius:6px;padding:.62em .8em;font:inherit;outline:none}.live-chat-input::placeholder{color:#86a9bc}.live-chat-input:focus{border-color:#00c7ff;box-shadow:0 0 0 2px rgba(0,199,255,.18)}.live-chat-button{width:3em;border:1px solid #00c7ff;border-radius:6px;background:linear-gradient(180deg,#15bfff,#0878d1);color:#fff;font:inherit;font-size:1.35em;font-weight:900;cursor:pointer}.live-chat-button:hover{filter:brightness(1.12)}.live-chat-button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:520px){.live-chat{font-size:7px;border-radius:5px;padding:1.2%}.live-chat-status{padding:.25em .5em}.live-chat-message{column-gap:.45em}.live-chat-button{width:2.7em}}