:root{--ink: #2b2b33;--ground: #fdf9f0;--card: #ffffff;--accent: #748df4;--accent-deep: #4c63c9;--fill: #c9d3f8;--hot: #748df4;--red: #d9534f;--amber: #e8a33d;--green: #4caf7d;--line: #e4ddcf}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:Montserrat,system-ui,sans-serif}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.page{max-width:860px;margin:0 auto;padding:2rem 1rem 4rem}.pageHead{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}h1{font-size:1.6rem;letter-spacing:.02em}h2{font-size:1.05rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-deep)}.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem 1.25rem 1.25rem;margin-top:1rem}.row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.75rem}button{font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;padding:.5rem 1rem;cursor:pointer}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button:disabled{opacity:.5;cursor:default}textarea{width:100%;font:inherit;border:1px solid var(--line);border-radius:8px;padding:.6rem;resize:vertical}.hist{display:flex;gap:2px;height:180px;align-items:stretch}.bar{flex:1;display:flex;flex-direction:column;padding:0;border:none;background:none;border-radius:0;min-width:0}.bar:disabled{opacity:1}.bar .stack{position:relative;flex:1;display:block}.bar .stack i{position:absolute;left:0;bottom:0;width:100%;min-height:1px;display:block}.bar .stack i.a{background:var(--fill);transition:height .25s ease}.bar .stack i.b{background:transparent;border:1.5px solid var(--accent-deep);border-bottom:0;transition:height .25s ease}.hist.dragging .stack i{transition:none}.bar.hot .stack i.a{background:var(--hot)}.bar .lab{font-size:.55rem;text-align:center;padding-top:2px;color:#8a8577}.bar[disabled]{cursor:default}button.bar:not(:disabled):hover .stack i.a{background:var(--accent)}.aligner{touch-action:none;cursor:grab;outline-offset:4px}.aligner.grabbing{cursor:grabbing}.meter{position:relative;height:26px;border:1px solid var(--line);border-radius:13px;margin-top:.9rem;overflow:hidden;background:#f4efe3}.meterFill{height:100%;transition:width .4s ease}.meterFill[data-level=red]{background:#f0b8b6}.meterFill[data-level=amber]{background:#f3d9a8}.meterFill[data-level=green]{background:#b5e0c8}.meterLabel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;letter-spacing:.12em}.borrowedNote{font-size:.75rem;letter-spacing:.06em;color:var(--amber);margin:0 0 .5rem}.cipherText{background:#f7f4ea;border:1px solid var(--line);border-radius:8px;padding:.8rem;line-height:1.7;letter-spacing:.05em;font-size:.85rem;max-height:180px;overflow-y:auto}.shiftReadout{font-weight:700;letter-spacing:.1em}.cracked{color:var(--green);font-weight:700}.miss{color:var(--red)}.toast{color:var(--green);font-weight:600}.hint{font-size:.8rem;color:#8a8577;margin-top:.75rem}.prompt{margin-top:0}.roundBadge{font-size:.85rem;color:var(--accent-deep)}.feedbackRow{margin-top:1rem}.modeToggle{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.modeToggle button{border:none;border-radius:0;padding:.4rem 1.1rem;letter-spacing:.08em}.modeToggle button.on{background:var(--accent);color:#fff;font-weight:700}.home{text-align:left}.tagline{color:#8a8577}.homeNav{display:grid;gap:.75rem;margin-top:1.5rem}.homeNav a{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem 1.25rem;text-decoration:none;color:inherit}.homeNav a:hover{border-color:var(--accent)}.homeNav strong{display:block}.homeNav span{font-size:.85rem;color:#8a8577}a{color:var(--accent-deep)}.chipRow{display:flex;flex-wrap:wrap;gap:4px;margin:.5rem 0 1rem}.chip{width:34px;height:34px;padding:0;border-radius:8px;font-weight:600}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.muteNote{background:#fdf3e0;border:1px solid #f0dcae;border-radius:8px;padding:.6rem .8rem}.levelMeter{flex:1;min-width:120px;height:12px;border-radius:6px;background:#f0ebdd;overflow:hidden;display:inline-block}.levelFill{display:block;height:100%;background:var(--green);transition:width .1s linear}.wordCounter{font-weight:700;letter-spacing:.06em}.rollingTranscript{font-style:italic}.speakRow{align-items:center}button.linkish{border:none;background:none;color:var(--accent-deep);text-decoration:underline;padding:.25rem}body.convoyBody{background:#0b1420}.page.convoy{max-width:760px}.convoy.dark{--navy: #0b1420;--navy2: #101d2e;--phos: #7ce8a9;--amberp: #f0c36a;--redp: #ff6b61;--inkD: #cfe3d8;background:var(--navy);color:var(--inkD);min-height:100vh}.convoy.dark h1,.convoy.dark h2,.convoy.dark h3{color:var(--phos)}.darkPanel{background:var(--navy2);border-color:#1d2f45}.convoy .hint{color:#7d93a8}button.big{font-size:1.1rem;padding:.8rem 1.6rem}.briefing .countdown{color:var(--amberp);font-size:1.1rem}.interstitial{text-align:center;padding:3rem 1rem}.interstitial.port h2{color:var(--phos)}.interstitial.sunk h2{color:var(--redp)}.runTable{border-collapse:collapse;margin:.5rem 0 1rem}.runTable td{padding:.3rem .9rem .3rem 0;border-bottom:1px solid #1d2f45}.honour{color:var(--amberp)}.runScreen{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topBar{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:var(--navy2);border-bottom:1px solid #1d2f45}.runName{color:var(--phos);font-weight:700;letter-spacing:.1em}.progress{flex:1;position:relative;height:10px;background:#16283c;border-radius:5px;overflow:hidden}.progressFill{position:absolute;inset:0 auto 0 0;background:var(--phos);opacity:.7}.progress .port{position:absolute;right:6px;top:-6px;font-size:.6rem;color:#7d93a8}.hullPips{display:flex;gap:3px}.hullPips .pip{width:10px;height:14px;border-radius:2px;display:inline-block}.hullPips .pip.ok{background:var(--phos)}.hullPips .pip.gone{background:#3a2430}.clock{color:var(--amberp)}.runBody{flex:1;display:flex;gap:1rem;padding:1rem;min-height:0}.centreCol{flex:1;display:flex;flex-direction:column;min-width:0}.rightCol{width:400px;display:flex;flex-direction:column;gap:.75rem;min-height:0}.boardWrap{flex:1;display:flex;flex-direction:column;align-items:center;min-height:0}.board{position:relative;display:grid;grid-template-columns:repeat(20,1fr);aspect-ratio:1;height:min(100%,520px);background:#0e1a2a;border:1px solid #1d2f45}.cell{border:none;border-right:1px solid #14243a;border-bottom:1px solid #14243a;background:transparent;border-radius:0;padding:0;position:relative;min-width:0}.cell:hover,.cell.hover{background:#16283c}.cell.axE{border-right:2px solid #2c4666}.cell.axS{border-bottom:2px solid #2c4666}.cell .markers{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:1px;flex-wrap:wrap}.mk{width:7px;height:7px;border-radius:50%;display:inline-block}.mkCount{position:absolute;right:1px;bottom:0;font-size:.55rem;color:var(--inkD)}.cell.mine{outline:1px solid var(--phos);outline-offset:-1px}.cell.boom{background:var(--redp);animation:boom 1s ease-out}.cell.splash{background:#2c4666;animation:boom .8s ease-out}@keyframes boom{0%{filter:brightness(2.5)}to{filter:brightness(1)}}.ship{position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);color:var(--amberp);font-size:.9rem;pointer-events:none}.boardReadout{padding:.3rem;color:var(--phos);letter-spacing:.15em;font-size:.8rem}.bottomBar{display:flex;align-items:center;gap:1rem;padding:.4rem 0}.reload{color:var(--phos);letter-spacing:.1em;font-size:.8rem}.reload.hot{color:var(--amberp)}.killTally{color:#7d93a8;font-size:.8rem}.flashTicker{color:var(--amberp);font-size:.78rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.threatStrip{display:flex;flex-direction:column;gap:5px;background:var(--navy2);border:1px solid #1d2f45;border-radius:10px;padding:.6rem}.threatLane{display:flex;align-items:center;gap:8px;font-size:.72rem}.threatLane.me .laneName{color:var(--phos);font-weight:700}.laneChip{width:10px;height:10px;border-radius:50%}.laneName{width:58px;letter-spacing:.06em}.fuseBar{flex:1;position:relative;height:10px;border-radius:5px;background:#16283c;overflow:hidden}.fuseFill{position:absolute;inset:0 auto 0 0;border-radius:5px}.fuseBar.green .fuseFill{background:var(--phos)}.fuseBar.amber .fuseFill{background:var(--amberp)}.fuseBar.red .fuseFill{background:var(--redp);animation:pulse .7s infinite alternate}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.listening{font-size:.6rem;color:#51677c;padding-left:6px}.aceTag{background:var(--redp);color:#1a0d0c;font-size:.6rem;font-weight:700;border-radius:4px;padding:1px 5px}.callout{color:var(--amberp);font-size:.65rem}.c-RED{background:#ff6b61}.c-BLUE{background:#6badf7}.c-GREEN{background:#7ce8a9}.c-YELLOW{background:#f5df6f}.c-ORANGE{background:#f7a559}.c-PURPLE{background:#c39bf5}.c-CYAN{background:#6fe3e0}.feed{flex:1;min-height:0;overflow-y:auto}.messageCard,.crackedCard,.revealCard,.listeningCard{background:var(--navy2);border:1px solid #1d2f45;border-radius:10px;padding:.8rem}.listeningCard{color:#51677c;text-align:center;padding:2rem}.cipherSmall{font-size:.68rem;line-height:1.6;letter-spacing:.04em;max-height:110px;overflow-y:auto;color:var(--inkD)}.small{font-size:.72rem;line-height:1.5}.crackedCard .big{font-size:1rem}.revealCard{border-color:var(--redp)}.revealCard h3{color:var(--redp);margin-top:0}.convoy .hist{height:110px}.convoy .bar .stack i.a{background:#24405f}.convoy .bar .stack i.b{border-color:var(--phos)}.convoy .bar.hot .stack i.a{background:#35577e}.convoy .bar .lab{color:#51677c}.convoy .shiftReadout{color:var(--phos)}.tutorScreen{display:flex;flex-direction:column;min-height:100vh}.tutorBody{flex:1;display:flex;gap:1rem;padding:1rem;align-items:flex-start}.lanesCol{flex:1;min-width:0}.controlRail{width:380px;display:flex;flex-direction:column;gap:.75rem}.laneCard{background:var(--navy2);border:1px solid #1d2f45;border-radius:10px;padding:.7rem .9rem;margin-bottom:.6rem}.laneCard.stalled{border-color:var(--amberp)}.laneCard header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.85rem}.presence.live{color:var(--phos);font-size:.7rem}.presence.off{color:var(--redp);font-size:.7rem}.dim{color:#7d93a8}.laneFuse{display:flex;align-items:center;gap:.6rem;margin:.5rem 0;font-size:.75rem}.laneFuse .fuseBar{flex:1}.state{color:#7d93a8;font-size:.7rem;letter-spacing:.06em}.state.ok{color:var(--phos)}.answerKey{font-size:.75rem;color:#7d93a8}.answerKey summary{cursor:pointer;color:var(--amberp)}.ladderRow{display:flex;justify-content:space-between;align-items:baseline;padding:.25rem 0;border-bottom:1px solid #1d2f45}.ladderRow.current{color:var(--phos)}.ladderRow.done{opacity:.5}button.danger{background:repeating-linear-gradient(45deg,#3a1a18,#3a1a18 6px,#4a2220 6px 12px);border-color:var(--redp);color:#ffd7d3;font-weight:700}.flashInput{flex:1;background:#0e1a2a;border:1px solid #1d2f45;border-radius:6px;color:var(--inkD);padding:.45rem .6rem;font-size:.8rem}.cannedRow{display:flex;flex-direction:column;gap:.3rem;margin-top:.5rem}.cannedRow button{text-align:left;font-size:.7rem;padding:.35rem .5rem}.tickerBox{max-height:150px;overflow-y:auto;color:#7d93a8;line-height:1.6}.convoy.dark button{background:#16283c;border-color:#24405f;color:var(--inkD)}.convoy.dark button.primary{background:var(--phos);border-color:var(--phos);color:#08131d}.convoy.dark button:disabled{opacity:.4}button.muteBtn{border:none;background:none;font-size:1rem;padding:.2rem .4rem}.cascade .mono,p.cascade{animation:cascade .9s ease-out}@keyframes cascade{0%{clip-path:inset(0 100% 0 0);opacity:.4}to{clip-path:inset(0 0 0 0);opacity:1}}.crackedCard{border-color:var(--phos)}.messageCard .aligner:focus-visible{outline:2px solid var(--phos)}@media(prefers-reduced-motion:reduce){.cascade .mono,.bar .stack i,.fuseBar.red .fuseFill{animation:none;transition:none}}