.crack-card{border-top-color:#8b5ad9;background:linear-gradient(145deg,#fff,#f3efff)}.crack-lesson mark{padding:.08em .32em;border-radius:.35em;color:#55309b;background:#eee6ff}.crack-lesson button{touch-action:manipulation}.mystery-card{padding:1.5rem;border-radius:24px;color:#fff;background:linear-gradient(135deg,#342160,#7045b4);box-shadow:0 16px 36px rgba(52,33,96,.22)}.mystery-card>span,.live-cracker>span{display:block;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.mystery-card>strong{display:block;margin:.6rem 0 1rem;font-family:ui-monospace,monospace;font-size:clamp(1.35rem,3.4vw,2.7rem);letter-spacing:.11em}.mystery-card>div{display:flex;flex-wrap:wrap;gap:.55rem 1.5rem}.wide-label{display:grid;gap:.35rem;margin-top:1rem;font-weight:850}.wide-label input,.analysis-tasks input,.letter-question input,.reflection-row input{width:100%;min-height:44px;padding:.65rem;border:1px solid #bfcadb;border-radius:10px}.strategy-box{display:grid;gap:.45rem;margin-top:1rem;padding:1rem;border-radius:16px;background:#e7f7df}.strategy-box p{margin:.2rem 0}.strategy-box label{font-weight:750}.strategy-box input{width:20px;height:20px;vertical-align:middle;accent-color:#7045b4}.solution-box{margin-top:.8rem;padding:1rem;border-radius:12px;background:#e6f5ff}.solution-box[hidden],.strategy-box[hidden],.all-keys-wrap[hidden],.frequency-insight[hidden],#computerModel[hidden],#methodModel[hidden],#outlookReveal[hidden]{display:none!important}.cracker-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:1rem}.live-cracker{padding:1.25rem;border-radius:20px;background:#efeaff}.live-cracker>strong{display:block;margin:.3rem 0 1rem;font-family:ui-monospace,monospace;font-size:clamp(1rem,2.1vw,1.45rem);letter-spacing:.08em}.key-controls{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:.8rem 0}.key-controls button{width:44px;height:44px;border:0;border-radius:50%;color:#fff;background:#7045b4;font-size:1.25rem;font-weight:900}.key-controls label{display:grid;grid-template-columns:auto auto;gap:.15rem .5rem;font-weight:850}.key-controls input{grid-column:1/-1;width:min(320px,45vw);accent-color:#7045b4}.key-controls output{font-size:1.2rem;color:#6336aa}.live-plain{display:block;min-height:55px;margin:.35rem 0 .9rem;padding:.8rem;border-radius:10px;background:#fff;font-family:ui-monospace,monospace;font-weight:850}.compact-alphabet{margin-bottom:.8rem;overflow-x:auto;border:1px solid #cdd6e4;border-radius:14px;background:#fff}.compact-alphabet div{display:grid;grid-template-columns:85px repeat(26,28px)}.compact-alphabet div+div{border-top:1px solid #dce3ee}.compact-alphabet b,.compact-alphabet i{padding:.42rem .25rem;text-align:center}.compact-alphabet b{background:#eef3f8;font-size:.72rem}.compact-alphabet i{border-left:1px solid #e1e6ee;font-style:normal}.all-keys-wrap,.simulation-table{max-height:300px;margin-top:1rem;overflow:auto;border:1px solid #dce3ee;border-radius:14px;background:#fff}.all-keys-wrap table,.simulation-table table{width:100%;border-collapse:collapse}.all-keys-wrap th,.all-keys-wrap td,.simulation-table th,.simulation-table td{padding:.55rem .75rem;border-bottom:1px solid #e1e6ee;text-align:left}.correct-key{background:#e5f8e9;font-weight:850}.reflection-row{display:flex;align-items:end;gap:.7rem;margin-top:1rem}.reflection-row label{flex:1;font-weight:850}.simulation-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.simulation-bar output{font-weight:850}.reflection-card{margin-top:1rem;padding:1rem;border-radius:16px;background:#eef1ff}.reflection-card p{margin:.2rem 0 .7rem}.reflection-card textarea,.exit-free textarea,.outlook-box textarea{width:100%;min-height:70px;margin:.4rem 0;padding:.65rem;border:1px solid #c3cde0;border-radius:9px}.language-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem;align-items:stretch}.language-layout article{padding:1.2rem;border-radius:20px;background:#e6f5ff}.language-layout h2{margin-top:0}.approx-note{color:#52647b;font-size:.82rem}.reference-chart,.cipher-chart{display:flex;align-items:end;gap:.45rem;min-height:230px;padding:1rem;border:1px solid #dce3ee;border-radius:18px;background:#fff}.bar-item{display:flex;min-width:34px;flex:1;flex-direction:column;align-items:center;justify-content:end;gap:.25rem}.bar-item button{width:100%;min-height:10px;border:0;border-radius:7px 7px 2px 2px;background:linear-gradient(#8360c3,#2ebf91);cursor:pointer}.bar-item button:hover,.bar-item button:focus,.bar-item.is-leader button{outline:3px solid #f0b529;outline-offset:2px}.bar-item small{font-size:.63rem}.bar-item b{font-size:.75rem}.letter-question{display:flex;align-items:end;gap:.7rem;margin-top:1rem}.letter-question label{flex:1;font-weight:850}.letter-question input{max-width:90px;margin-left:.5rem;text-transform:uppercase}.frequency-insight{padding:1rem;border-left:5px solid #7045b4;border-radius:0 12px 12px 0;background:#efeaff}.analysis-layout{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.analysis-layout article{min-width:0}.analysis-layout h2{margin:.2rem 0 .6rem}.long-cipher{height:300px;padding:1rem;overflow:auto;border:1px solid #ccd6e4;border-radius:16px;background:#fff;font-family:ui-monospace,monospace;line-height:1.65}.cipher-chart{min-height:300px;gap:.16rem;overflow-x:auto}.cipher-chart .bar-item{min-width:22px}.cipher-chart .bar-item small{display:none}.cipher-chart .bar-item b{font-size:.66rem}.tieNote{min-height:1.2em;margin:.2rem 0;color:#68768b;font-size:.78rem}.analysis-tasks{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1rem}.analysis-tasks label{font-weight:850}.analysis-tasks input{margin-top:.3rem;text-transform:uppercase}.help-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.help-row button:disabled{opacity:.45;cursor:not-allowed}.frequency-test{display:grid;grid-template-columns:minmax(240px,.35fr) 1fr;gap:1rem;margin-top:1rem}.frequency-test label{padding:1rem;border-radius:16px;background:#efeaff;font-weight:850}.frequency-test label span{display:block;margin:.4rem 0}.frequency-test input{width:100%;accent-color:#7045b4}.analysis-preview{height:150px;padding:1rem;overflow:auto;border:1px solid #ccd6e4;border-radius:16px;background:#fff;line-height:1.55}.term-definition,.caution-note{display:flex;gap:.7rem;margin-top:.8rem;padding:1rem;border-radius:14px;background:#e7f7df}.caution-note{display:block;background:#fff1cf}.method-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.method-cards article{padding:1.2rem;border-radius:20px;background:#e6f5ff}.method-cards article+article{background:#e9f8e4}.method-cards h2{margin-top:0}.method-cards li+li{margin-top:.35rem}.assignment-list{display:grid;gap:.45rem;margin-top:1rem}.assignment-row{display:grid;grid-template-columns:1fr 230px;align-items:center;gap:.7rem;padding:.65rem .8rem;border:1px solid #dce3ee;border-radius:12px;background:#fff}.assignment-row select{min-height:42px;padding:.5rem;border:1px solid #bcc8d8;border-radius:8px;background:#fff}.assignment-row.is-correct{border-color:#43a65d;background:#effaf2}.assignment-row.is-wrong{border-color:#d75a70;background:#fff1f3}.assignment-row output{grid-column:1/-1;color:#526078;font-size:.78rem}.exit-quiz{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.exit-quiz fieldset,.exit-free{padding:1rem;border:1px solid #dce3ee;border-radius:16px;background:#fff}.exit-quiz legend{font-weight:900}.exit-quiz fieldset label{display:block;margin:.55rem 0}.exit-quiz input[type=radio]{width:20px;height:20px;vertical-align:middle;accent-color:#7045b4}.exit-free{grid-column:1/-1}.exit-quiz .is-correct{border-color:#43a65d;background:#effaf2}.exit-quiz .is-wrong{border-color:#d75a70;background:#fff1f3}.outlook-box{margin-top:1rem;padding:1rem;border-radius:18px;background:linear-gradient(135deg,#efeaff,#e5f6ff)}
.crack-shift-mount{margin:1rem 0}.simulation-cipher{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin-bottom:1rem;padding:1rem 1.2rem;border-radius:18px;background:linear-gradient(135deg,#efeaff,#e5f6ff)}.simulation-cipher span{width:100%;color:#5d5570;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.simulation-cipher strong{flex:1;min-width:220px;font-family:ui-monospace,monospace;font-size:clamp(1rem,2vw,1.35rem);letter-spacing:.08em;overflow-wrap:anywhere}.analysis-shift{margin-top:1rem}
@media(max-width:980px){.cracker-layout,.analysis-layout,.frequency-test{grid-template-columns:1fr}.cracker-layout>*{min-width:0}.compact-alphabet{max-width:100%}.analysis-layout .long-cipher{height:220px}.cipher-chart{min-height:240px}.language-layout{grid-template-columns:1fr}.method-cards{grid-template-columns:1fr}.reference-chart{min-height:200px}}
@media(max-width:700px){.analysis-tasks,.exit-quiz{grid-template-columns:1fr}.exit-free{grid-column:auto}.assignment-row{grid-template-columns:1fr}.reflection-row,.letter-question{align-items:stretch;flex-direction:column}.mystery-card>strong{overflow-wrap:anywhere}.reference-chart{gap:.2rem;padding:.7rem}.bar-item{min-width:27px}.bar-item small{display:none}.term-definition{flex-direction:column}}