@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/orbitron-latin-600-normal-mazHmDYu.woff2) format("woff2"),url(/assets/orbitron-latin-600-normal-75H6acHo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/orbitron-latin-800-normal-CQafOXEd.woff2) format("woff2"),url(/assets/orbitron-latin-800-normal-P4cBi4I7.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--grund: #070b14;--flaeche: rgba(12, 20, 34, .82);--flaeche-fest: #0e1626;--rand: rgba(120, 190, 255, .18);--rand-hell: rgba(120, 200, 255, .45);--text: #e4ecf7;--leise: #8fa0b8;--akzent: #46c8ff;--akzent-tief: #1f86d6;--gut: #3ee6a0;--warn: #ff5d6c;--gelb: #ffc94d;--glimmen: 0 0 18px rgba(70, 200, 255, .35);--ecke: 14px;--titel: "Orbitron", system-ui, sans-serif}*{box-sizing:border-box}html{background:var(--grund)}body{margin:0;color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 0%,rgba(70,200,255,.12),transparent 60%),linear-gradient(to bottom,#070b1459,#070b14b8 45%,#070b14f0),url(/hintergrund.jpg) center top / cover no-repeat,var(--grund)}main{max-width:900px;margin:0 auto;padding:24px 16px 48px}main.spiel{max-width:1000px}a{color:var(--akzent);text-underline-offset:3px}a:hover{color:#8fe0ff}h1,h2,h3{font-family:var(--titel);font-weight:600;letter-spacing:.06em}h1{font-size:28px;margin:24px 0 16px}h2{font-size:14px;text-transform:uppercase;letter-spacing:.14em;color:#bfe9ff;margin:0 0 14px}h3{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--leise)}.marke-name{font-family:var(--titel);font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#f2f8ff;text-shadow:0 0 24px rgba(70,200,255,.55)}.shiftlinie{display:flex;gap:6px;align-items:center;height:3px}.shiftlinie:before,.shiftlinie:after{content:"";height:2px;border-radius:2px;background:var(--akzent);box-shadow:var(--glimmen)}.shiftlinie:before{flex:3}.shiftlinie:after{flex:1;transform:translateY(-4px);opacity:.7}.kopf{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:10px 20px;background:#070c16c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rand);box-shadow:0 1px #46c8ff1f}.kopf strong{margin-right:auto;font-family:var(--titel);font-weight:800;font-size:14px;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 0 14px rgba(70,200,255,.5)}.kopf a{text-decoration:none;font-size:14px}.kopf a:hover{text-decoration:underline}.karte{position:relative;margin-bottom:18px;padding:20px 22px;background:var(--flaeche);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--rand);clip-path:polygon(var(--ecke) 0,100% 0,100% calc(100% - var(--ecke)),calc(100% - var(--ecke)) 100%,0 100%,0 var(--ecke))}.karte:before,.karte:after{content:"";position:absolute;top:0;height:2px;background:var(--akzent);box-shadow:var(--glimmen)}.karte:before{left:var(--ecke);width:38%}.karte:after{left:calc(var(--ecke) + 38% + 8px);width:10%;top:4px;opacity:.6}form label{display:block;margin-bottom:14px;font-size:13px;color:var(--leise);letter-spacing:.02em}form label input{display:block;width:100%;margin-top:6px}input{background:#040810bf;color:var(--text);border:1px solid var(--rand);border-radius:4px;padding:10px 12px;font:inherit;transition:border-color .15s,box-shadow .15s}input:focus{outline:none;border-color:var(--akzent);box-shadow:0 0 0 3px #46c8ff2e}button{font-family:var(--titel);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#04121f;background:linear-gradient(180deg,#6fd8ff,var(--akzent) 55%,var(--akzent-tief));border:0;padding:10px 18px;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:filter .15s,transform .05s}button:hover{filter:brightness(1.12)}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid #bfe9ff;outline-offset:2px}button:disabled{opacity:.45;cursor:default;filter:none}button.warnung{background:linear-gradient(180deg,#ff8a95,var(--warn));color:#1f0508}button.zweit,.leise-knopf{background:#46c8ff0f;color:var(--text);box-shadow:inset 0 0 0 1px var(--rand-hell)}.leise-knopf{color:var(--leise)}button.zweit:hover,.leise-knopf:hover{background:#46c8ff24;color:var(--text)}.breit{width:100%;padding:13px 18px;font-size:13px}.reihe{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.reihe input[name=name]{flex:1 1 220px}.wahl{display:inline-flex!important;gap:6px;align-items:center;margin:0!important;color:var(--text)!important;font-size:14px!important}.wahl input{width:auto!important;margin:0!important;accent-color:var(--akzent)}.leise{color:var(--leise);font-size:13px}.meldung{background:#1f86d62e;border:1px solid var(--akzent);border-left-width:3px;padding:10px 14px;margin:0 0 16px}.meldung.fehler{background:#ff5d6c24;border-color:var(--warn)}.liste{list-style:none;margin:0;padding:0}.liste li{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--rand);flex-wrap:wrap}.liste li:first-child{border-top:0}.liste .wer{flex:1 1 260px}.liste .leer{color:var(--leise)}.marke{font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:2px;background:#8fa0b826;color:var(--leise);vertical-align:middle}.marke.laeuft{background:#3ee6a024;color:var(--gut)}.marke.wartet{background:#ffc94d24;color:var(--gelb)}.marke.neu{background:#46c8ff2e;color:var(--akzent);margin-left:6px}.punkt{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--leise);margin-right:4px}.punkt.an{background:var(--gut);box-shadow:0 0 8px var(--gut)}.tag{margin:0 0 8px}.aenderungen{margin:0 0 22px;padding-left:20px}.aenderungen li{margin-bottom:6px}.aenderungen li::marker{color:var(--akzent)}.aenderungen:last-child{margin-bottom:0}.vorgaben{list-style:none;padding:0;margin:-4px 0 16px;font-size:13px;color:var(--leise)}.vorgaben li:before{content:"○ "}.vorgaben li.ok{color:var(--gut)}.vorgaben li.ok:before{content:"● "}#buehne{margin-top:14px;border:1px solid var(--rand-hell);overflow:hidden;box-shadow:var(--glimmen)}#buehne canvas{display:block;width:100%;height:auto}.eingang{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:max(32px,18vh) 16px 32px}.eingang-kopf{text-align:center;margin-bottom:28px;width:100%;max-width:420px}.eingang-kopf .marke-name{font-size:clamp(30px,8vw,44px);margin:0}.eingang-kopf .shiftlinie{margin:12px auto 14px;width:72%}.eingang-kopf p{margin:0;color:#b6c6dc;letter-spacing:.04em}.eingang .karte{width:100%;max-width:420px;padding:24px 26px 26px}.eingang .meldung{width:100%;max-width:420px}.umschalter{display:grid;grid-template-columns:1fr 1fr;margin:-4px 0 22px;border-bottom:1px solid var(--rand)}.umschalter button{clip-path:none;background:none;color:var(--leise);padding:10px 4px 12px;position:relative}.umschalter button:hover{color:var(--text);filter:none}.umschalter button[aria-selected=true]{color:#f2f8ff}.umschalter button[aria-selected=true]:after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:2px;background:var(--akzent);box-shadow:var(--glimmen)}.hinweis{margin:16px 0 0;text-align:center}.hinweis button{all:unset;color:var(--akzent);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.testzugang{margin-top:20px;padding-top:16px;border-top:1px dashed var(--rand)}.testzugang .reihe{justify-content:center;margin-top:8px}.testzugang p{margin:0;text-align:center}main.werkbank{max-width:1100px}select{background:#040810bf;color:var(--text);border:1px solid var(--rand);border-radius:4px;padding:9px 10px;font:inherit}select:focus{outline:none;border-color:var(--akzent);box-shadow:0 0 0 3px #46c8ff2e}.werkbank label{display:grid;gap:6px;font-size:13px;color:var(--leise)}.werkbank label output{color:var(--text)}.werkbank input[type=range]{accent-color:var(--akzent);width:100%;padding:0}.vorschau{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;margin:0 0 16px}.kachel{all:unset;box-sizing:border-box;cursor:pointer;display:grid;justify-items:center;align-content:start;gap:6px;padding:10px 6px;border:1px solid var(--rand);background:#04081080;text-align:center;font-size:13px}.kachel:hover{border-color:var(--rand-hell)}.kachel:focus-visible{outline:2px solid #bfe9ff;outline-offset:2px}.kachel[aria-pressed=true]{border-color:var(--akzent);box-shadow:var(--glimmen)}.kachel .mini{display:grid;place-items:center;min-height:72px}.kachel .mini canvas{image-rendering:pixelated;max-width:100%}.kachel .fehlt{color:var(--warn);font-size:28px}.kachel-name{overflow-wrap:anywhere}.arbeit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}@media(max-width:720px){.arbeit{grid-template-columns:1fr}}.figurbuehne{display:grid;place-items:center;min-height:220px;padding:16px;border:1px solid var(--rand);background:repeating-conic-gradient(#ffffff0d 0 25%,#ffffff05 0 50%) 0 0 / 16px 16px}.figurbuehne canvas{image-rendering:pixelated;max-width:100%}.regler{display:grid;gap:14px}.regler-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px 20px;margin-bottom:12px}.schieber{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.schieber .leise{margin-right:4px}button.klein{padding:7px 11px;font-size:13px;letter-spacing:0}.hinweise{margin:0;padding-left:18px;color:var(--gelb);font-size:13px}.hinweise:empty{display:none}