.vig-card{border-top-color:#7a54c9;background:linear-gradient(145deg,#fff,#f2edff)}.vig-lesson{--plain:#dff3ff;--key:#eee7ff;--shift:#fff0bd;--cipher:#dff7e9}.vig-lesson textarea{font:inherit}.compare-ciphers,.method-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.compare-ciphers article{padding:1.2rem;border-radius:20px;background:#e6f5ff}.compare-ciphers article+article{background:#efeaff}.compare-ciphers h2{margin-top:0}.letter-row{display:flex;gap:.35rem;margin:.7rem 0}.letter-row button{width:42px;height:42px;border:1px solid #bac8da;border-radius:10px;background:#fff;font-weight:900}.letter-row button.is-a{border-color:#7045b4;background:#fff0bd}.letter-row button.is-active{outline:3px solid #efac21}.compare-ciphers article>strong{font-family:ui-monospace,monospace;font-size:1.5rem;letter-spacing:.32em}.choice-box{display:grid;gap:.4rem;margin-top:1rem;padding:1rem;border-radius:16px;background:#fff}.choice-box input{width:20px;height:20px;vertical-align:middle}.wide-label textarea{width:100%;min-height:70px;padding:.65rem;border:1px solid #bdc9d9;border-radius:9px}.alphabet-positions{display:grid;grid-template-columns:repeat(13,1fr);gap:.3rem}.alphabet-positions span{padding:.45rem .2rem;border-radius:8px;background:#fff;text-align:center;font-size:.75rem}.key-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin:1rem 0}.key-cards button{min-height:90px;border:2px solid transparent;border-radius:16px;background:#eee7ff;font-size:1.3rem;font-weight:900}.key-cards button:hover,.key-cards button:focus{border-color:#7045b4}.key-cards small{display:block;margin-top:.3rem;font-size:.75rem}.mini-questions{display:flex;align-items:end;gap:.7rem}.mini-questions label{flex:1;font-weight:850}.mini-questions input{width:100%;min-height:42px;margin-top:.3rem;padding:.55rem;border:1px solid #bdc9d9;border-radius:8px}.repeat-demo{display:grid;grid-template-columns:90px 1fr;gap:.5rem;align-items:center;margin-top:1rem;padding:1rem;border-radius:16px;background:#fff1cf}.repeat-demo span{font-family:ui-monospace,monospace;font-weight:850;letter-spacing:.25em}.repeat-demo button{grid-column:1/-1}.vig-machine{overflow-x:auto;border:1px solid #d3dbea;border-radius:18px;background:#fff}.machine-row{display:grid;grid-template-columns:120px repeat(6,minmax(54px,1fr))}.machine-row+div{border-top:1px solid #dce3ee}.machine-row b,.machine-cell{display:grid;min-height:48px;place-items:center;padding:.5rem}.machine-row b{justify-content:start}.machine-row.plain{background:var(--plain)}.machine-row.key{background:var(--key)}.machine-row.shift{background:var(--shift)}.machine-row.cipher{background:var(--cipher)}.machine-cell.is-current{outline:3px solid #efac21;outline-offset:-3px}.machine-controls{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.8rem}.student-steps{display:flex;flex-wrap:wrap;align-items:end;gap:.7rem;margin-top:1rem;padding:1rem;border-radius:16px;background:#fff1cf}.student-steps p{width:100%;margin:0}.student-steps input{width:48px;padding:.5rem;text-align:center}.decrypt-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.55rem}.decrypt-grid label{display:grid;gap:.25rem;padding:.7rem;border-radius:12px;background:#eee7ff;text-align:center;font-weight:850}.decrypt-grid input{min-width:0;padding:.55rem;text-align:center;text-transform:uppercase}.extra-decrypt{margin-top:1rem;padding:1rem;border-radius:18px;background:#e6f5ff}.extra-decrypt h2{margin-top:0}.extra-decrypt input{width:100%;padding:.6rem;border:1px solid #bdd0e2;border-radius:8px}.square-controls{display:flex;flex-wrap:wrap;align-items:end;gap:.7rem}.square-controls label{font-weight:850}.square-controls select{display:block;min-width:100px;min-height:42px;margin-top:.25rem;border:1px solid #bdc9d9;border-radius:8px;background:#fff}.square-controls output{padding:.7rem 1rem;border-radius:10px;background:#dff7e9;font-weight:900}.square-wrap{max-height:380px;margin-top:1rem;overflow:auto;border:1px solid #ccd6e4;border-radius:16px;background:#fff}.square-wrap table{border-collapse:collapse;font-family:ui-monospace,monospace}.square-wrap th,.square-wrap td{min-width:36px;height:36px;border:1px solid #e0e5ed;text-align:center}.square-wrap th{position:sticky;z-index:2;background:#10213c;color:#fff}.square-wrap thead th{top:0}.square-wrap tbody th{left:0}.square-wrap .selected-line{background:#fff0bd}.square-wrap .selected-cell{background:#58c786;font-weight:900}.square-tasks{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0}.square-tasks label{padding:.7rem;border-radius:12px;background:#eef1ff;font-weight:850}.square-tasks input{width:100%;margin-top:.3rem;padding:.5rem;text-transform:uppercase}.chart-tabs{display:flex;gap:.5rem}.chart-tabs button{min-height:42px;padding:.55rem .9rem;border:1px solid #c2ccdb;border-radius:9px;background:#fff}.chart-tabs button.is-active{color:#fff;background:#7045b4}.vig-chart{display:flex;align-items:end;gap:.15rem;height:260px;margin:1rem 0;padding:1rem;overflow-x:auto;border:1px solid #dce3ee;border-radius:16px;background:#fff}.vig-bar{display:flex;min-width:23px;flex:1;flex-direction:column;align-items:center;justify-content:end}.vig-bar i{display:block;width:100%;min-height:2px;border-radius:5px 5px 0 0;background:linear-gradient(#8360c3,#2ebf91)}.vig-bar b{font-size:.7rem}.keyword-experiment{display:flex;align-items:end;gap:.6rem;font-weight:850}.keyword-experiment input{min-height:42px;padding:.55rem;border:1px solid #bdc9d9;border-radius:8px}.assignment-list{display:grid;gap:.45rem;margin:1rem 0}.assignment-row{display:grid;grid-template-columns:1fr 200px;gap:.6rem;padding:.65rem;border:1px solid #dce3ee;border-radius:10px;background:#fff}.assignment-row select{min-height:40px}.assignment-row.is-correct{border-color:#43a65d;background:#effaf2}.assignment-row.is-wrong{border-color:#d75a70;background:#fff1f3}.partner-tool{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center}.partner-tool article{display:grid;gap:.5rem;padding:1rem;border-radius:18px;background:#e6f5ff}.partner-tool article:last-child{background:#e9f8e4}.partner-tool h2{margin:0}.partner-tool label{font-weight:850}.partner-tool input,.partner-tool textarea{width:100%;margin-top:.25rem;padding:.55rem;border:1px solid #bdc9d9;border-radius:8px}.partner-tool textarea{min-height:64px}.exit-vig{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0}.exit-vig fieldset{border:1px solid #dce3ee;border-radius:12px;background:#fff}.exit-vig label{display:block;margin:.4rem 0}.solution-box[hidden],.student-steps[hidden],#exitSuccess[hidden]{display:none!important}
.decrypt-alphabet{margin:1rem 0}.decrypt-alphabet[hidden]{display:none!important}.decrypt-shift{grid-column:1/-1;margin-top:.7rem;min-width:0}.decrypt-shift .alphabet-rail{max-width:100%}
#entschluesseln [data-target="decryptAlphabet"]{margin-bottom:1rem}.repeat-demo{display:block}.repeat-demo h2{margin:0 0 .75rem;font-size:1.05rem}.repeat-table-wrap{overflow-x:auto;border:1px solid #e1c96d;border-radius:12px;background:#fff}.repeat-demo table{width:100%;min-width:560px;border-collapse:collapse;table-layout:fixed}.repeat-demo th,.repeat-demo td{height:43px;padding:.5rem;border-bottom:1px solid #eadb9d;text-align:center}.repeat-demo th{width:130px;padding-left:.8rem;background:#fff7d9;text-align:left}.repeat-demo td{font-family:ui-monospace,monospace;font-size:1rem;font-weight:900}.repeat-demo tr:last-child th,.repeat-demo tr:last-child td{border-bottom:0}.repeat-demo .result-row{background:#dff7e9}.repeat-demo button{width:100%;margin-top:.75rem}.repeat-hint{margin:.65rem 0 0;color:#5f5842;font-size:.88rem}.repeat-demo tr[hidden]{display:none}.square-wrap{overflow-x:hidden;overflow-y:auto}.square-wrap table{width:100%;table-layout:fixed}.square-wrap th,.square-wrap td{width:auto;min-width:0;height:32px;font-size:clamp(.56rem,1vw,.78rem)}.decode-square-task{display:grid;grid-template-columns:repeat(5,minmax(62px,1fr));gap:.6rem;margin:1rem 0}.decode-square-task label{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:.75rem;border-radius:12px;background:#eef1ff;text-align:center;font-weight:900}.decode-square-task small{color:#5f6875}.decode-square-task input{grid-column:1/-1;width:100%;margin-top:.45rem;padding:.55rem;text-align:center;text-transform:uppercase}.exit-vig fieldset{padding:1rem 1.1rem}.exit-vig legend{float:left;width:100%;margin:0 0 .75rem;padding:0;font-weight:900}.exit-vig label{clear:both;padding:.45rem;border-radius:8px;background:#f6f8fc}#challenge .ds-slide-inner>h1{margin-bottom:1.6rem}
@media(max-width:900px){.compare-ciphers,.partner-tool{grid-template-columns:1fr}.exchange-arrow{transform:rotate(90deg);text-align:center}.mini-questions,.keyword-experiment{align-items:stretch;flex-direction:column}.square-tasks,.exit-vig{grid-template-columns:1fr}.alphabet-positions{grid-template-columns:repeat(7,1fr)}}
@media(max-width:600px){.square-wrap{overflow:auto}.square-wrap table{width:max-content;table-layout:auto}.square-wrap th,.square-wrap td{min-width:36px}.decode-square-task{grid-template-columns:repeat(5,minmax(54px,1fr));overflow-x:auto}}
@media(max-width:600px){.key-cards{grid-template-columns:repeat(2,1fr)}.decrypt-grid{grid-template-columns:repeat(3,1fr)}.machine-row{grid-template-columns:90px repeat(6,48px)}.assignment-row{grid-template-columns:1fr}.compare-ciphers article>strong{font-size:1.15rem}.vig-chart{height:220px}}