.chapter-links{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.chapter-links a{font-size:12px;color:var(--gold);padding:8px;border:1px solid var(--line);text-decoration:none;border-radius:4px}.chapter-links a:hover{background:#ffffff12}
body.island{--bg:#15242c;--gold:#efc787;--line:#43585b}body.hospital{--bg:#111d27;--gold:#b4d5d8;--line:#345563}
.tides{height:190px;display:flex;align-items:flex-end;justify-content:space-around;gap:12px}.tides>div{display:flex;flex-direction:column;align-items:center;gap:7px}.tides strong{font:29px Georgia}.tides span{display:block;background:#679caa;width:35px}.tides small{font-size:14px}
.compass{text-align:center;font:29px/2 monospace;margin:20px 0}.morse-table{display:grid;grid-template-columns:1fr 1fr;gap:10px;font:19px/1.8 monospace}.morse-signal{font:40px/1.9 monospace;letter-spacing:6px;text-align:center}
.appointment-list>div{display:flex;justify-content:space-around;gap:15px;border-bottom:1px solid #aea38b;padding:12px;font:24px monospace}
.ring-clue{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center;margin:35px 0}.ring-clue span{font:24px Georgia}.ring-clue svg{width:100%;display:block}.film-symbols{background:#18353a;color:#d2e4df;font:30px/1.9 monospace;padding:15px}
.radio-dials{display:flex;justify-content:center;gap:20px;margin:35px 0}.radio-dials label{display:flex;flex-direction:column;gap:10px;text-align:center;color:var(--gold)}.radio-dials select{font:33px monospace;min-width:70px}
.circuit-frame{position:relative;padding:0 18px;margin:25px 0}.circuit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.circuit-grid button{aspect-ratio:1;padding:0;background:#132b34;color:#526c76;border-radius:0}.circuit-grid svg{width:100%;height:100%;display:block}.circuit-grid .energized{color:#e2c58b}.circuit-start,.circuit-end{position:absolute;font:26px monospace;color:var(--gold)}.circuit-start{left:-7px;top:11%}.circuit-end{right:-7px;bottom:11%}
@media(max-width:800px){.chapter-links{grid-column:1/3}}@media(max-width:430px){.morse-table{font-size:15px}.morse-signal{font-size:30px}.radio-dials{gap:12px}.tides{gap:7px}.tides small{font-size:12px}.tides span{width:27px}.school-ending{font-size:40px}.intro h2.school-title{font-size:41px}}