:root{color-scheme:light;--desk:#d6d0ee;--ink:#202f69;--paper:#fcfcff;--line:#a5a9c2;--yellow:#f8dc68;--soft:#eeedf7;--error:#a51f42;font-family:Trebuchet MS,Arial,sans-serif;color:var(--ink);background:var(--desk)}*{box-sizing:border-box}body{margin:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 39px,#202f6905 40px)}button,a,select,summary{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button{border:1.5px solid var(--ink);background:var(--paper);padding:11px 15px;border-radius:5px;cursor:pointer;min-height:44px;font-weight:700}button:hover:not(:disabled){background:var(--soft)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9d285d;outline-offset:4px}a{color:inherit;text-underline-offset:4px}.topbar{max-width:1080px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:22px 30px;font-size:13px}.topbar a{padding:8px 0}.topbar span{opacity:.8}main{max-width:1020px;margin:auto;padding:10px 30px 28px}.masthead{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.station{font-size:14px;margin:0 0 9px}h1{font-family:Georgia,serif;font-size:clamp(40px,6vw,68px);font-weight:normal;letter-spacing:-2.5px;margin:0;line-height:1.03}.postmark{font-size:12px;text-align:center;border:2px solid var(--ink);border-radius:50%;padding:15px;width:114px;height:114px;transform:rotate(10deg);line-height:1.25}.postmark strong{font-size:16px}.label{background:var(--paper);border:2px solid var(--ink);box-shadow:7px 7px 0 #202f6926;position:relative;border-radius:3px}.route{background:var(--yellow);padding:12px 25px;border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:bold;min-height:54px}.route>span:last-child{font-size:13px}.welcome-body{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;padding:38px}.intro h2,h2{font-family:Georgia,serif;font-weight:normal;font-size:36px;line-height:1.08;letter-spacing:-1px;margin:0 0 20px}p{line-height:1.5;margin:0 0 16px}.intro>p{max-width:350px}.example{display:flex;align-items:center;gap:5px;margin:24px 0 12px}.example b{font-size:22px;margin-right:14px}.example span{width:30px;height:30px;border:1px solid var(--line);display:grid;place-items:center;font-size:24px}.example .example-ink{background:var(--ink)}.caption,.quiet{font-size:13px;line-height:1.5}.dispatch{border-left:2px dashed var(--line);padding:20px 0 0 34px}.dispatch label{display:block;font-weight:bold;margin-bottom:12px}select{width:100%;border:1.5px solid var(--ink);padding:13px 10px;background:var(--paper);border-radius:3px;font-size:15px}#parcel-note{font-size:14px;margin:10px 0 28px}.primary{background:var(--ink);color:white;box-shadow:3px 3px 0 #202f6920}.primary:hover:not(:disabled){background:#354c96}.dispatch .primary{width:100%;margin-bottom:16px}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:38px;padding:28px 36px}.grid-heading{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px;gap:10px}#clock{font-variant-numeric:tabular-nums}.board{display:grid;grid-template-columns:70px repeat(7,minmax(0,1fr));grid-template-rows:66px repeat(7,1fr);width:100%;max-width:480px;aspect-ratio:1;margin:auto;gap:0}.board .corner{display:flex;align-items:end;padding:9px;font-size:11px;font-weight:bold;line-height:1.4}.clue{display:flex;align-items:center;justify-content:flex-end;font-size:17px;font-weight:bold;position:relative}.clue.row{gap:7px;padding-right:12px;white-space:nowrap}.clue.column{flex-direction:column;justify-content:flex-end;gap:1px;padding-bottom:10px;line-height:1.05}.clue.matched:after{content:'✓';position:absolute;font-size:11px;color:#22593c}.clue.row:after{right:1px}.clue.column:after{bottom:-1px}.clue.matched{color:#22593c;background:#eaf3ed}.cell{min-height:0;padding:0;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;font-size:clamp(20px,3vw,32px);font-weight:normal;background:#fff;position:relative;touch-action:manipulation}.cell.first-row{border-top:2px solid var(--ink)}.cell.first-col{border-left:2px solid var(--ink)}.cell.last-row{border-bottom:2px solid var(--ink)}.cell.last-col{border-right:2px solid var(--ink)}.cell.ink{background:var(--ink);color:white}.cell.ink:hover{background:#354c96}.cell.cross{background:#f3f1f8;color:#5c5872}.cell.error:after{content:'!';position:absolute;right:1px;top:1px;font:bold 12px Arial;background:var(--error);color:#fff;width:15px;height:15px;border-radius:50%}.cell:focus-visible{outline:3px solid #b52868;outline-offset:-4px;z-index:1}.grid-caption{font-size:12px;margin:15px 0 0;text-align:center}.tools{padding-top:8px}.from{font-size:13px;border-bottom:1px solid var(--line);padding-bottom:16px}.from strong{font-size:17px;display:block;margin-top:3px}fieldset{border:0;padding:0;margin:0 0 12px}legend{font-size:13px;font-weight:bold;margin-bottom:9px}.brushes{display:flex;gap:5px}.brushes button{padding:8px 3px;flex:1;font-size:12px}.brushes button span{display:block;font-size:24px;line-height:1.1}.brushes button[aria-pressed=true]{background:var(--ink);color:#fff}.progress{font-size:13px;margin:18px 0}progress{width:100%;height:7px;display:block;margin-top:8px;accent-color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.actions button{font-size:12px;padding:8px 10px}.text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;padding:4px 0;min-height:30px;font-size:13px}.status{border-top:1px solid var(--line);padding:14px 25px;margin:0;font-size:14px;min-height:50px}.puzzle-area{position:relative}#pause-panel{height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--soft);border:2px dashed var(--line)}[hidden]{display:none!important}#rules{margin-top:25px;border-bottom:1px solid #202f6940;padding-bottom:16px}summary{cursor:pointer;font-size:14px;padding:7px 0;font-weight:bold}.rules-body{max-width:760px;font-size:14px;margin-top:15px}footer{display:flex;justify-content:space-between;gap:15px;margin-top:17px;font-size:12px;line-height:1.5}.result-body{padding:45px;display:grid;grid-template-columns:220px 1fr;gap:45px;align-items:center}.pixel-art{display:grid;grid-template-columns:repeat(7,1fr);aspect-ratio:1;border:12px solid var(--paper);outline:2px dashed var(--ink);background:#ebe7f7;transform:rotate(-3deg)}.pixel-art i{aspect-ratio:1}.pixel-art .on{background:var(--ink)}.result-score{display:flex;align-items:center;gap:12px;margin:24px 0;flex-wrap:wrap}.result-score>strong{font-family:Georgia,serif;font-size:43px;font-weight:normal}.result-score>span{font-size:12px}.stamp{border:3px double var(--ink);padding:10px;font-size:16px;transform:rotate(-7deg)}.result-actions{display:flex;gap:10px;flex-wrap:wrap}.result-actions button{font-size:13px}@media(max-width:700px){.topbar{padding:10px 16px}.topbar span{font-size:11px}main{padding:12px 14px 24px}.masthead{margin-bottom:20px}.postmark{width:78px;height:78px;padding:9px;font-size:9px}.postmark strong{font-size:12px}h1{letter-spacing:-1.8px;font-size:42px}.station{font-size:12px}.welcome-body{grid-template-columns:1fr;gap:20px;padding:24px}.intro h2{font-size:32px}.intro>p{font-size:14px}.dispatch{padding:20px 0 0;border-left:0;border-top:2px dashed var(--line)}#parcel-note{margin-bottom:16px}.route{padding:10px 15px;font-size:13px}.route>span:last-child{font-size:11px}.workbench{grid-template-columns:1fr;gap:22px;padding:18px 12px}.board{grid-template-columns:57px repeat(7,minmax(0,1fr));grid-template-rows:63px repeat(7,1fr)}.clue{font-size:15px}.clue.row{gap:5px;padding-right:10px}.tools{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;padding:0 2px}.from{grid-column:1/-1;margin:0;padding-bottom:10px}.from br{display:none}.from strong{display:inline;font-size:14px;margin-left:6px}.tools fieldset,.tools .quiet{margin:0}.tools .progress{grid-column:1/-1;margin:0}.actions{margin:0}.tools>.text-button{grid-column:1/-1;justify-self:start}.grid-caption{font-size:11px}.status{padding:12px 15px;font-size:13px}.result-body{grid-template-columns:1fr;gap:30px;padding:32px 24px}.pixel-art{width:180px;margin:auto}.result h2{font-size:31px}footer{flex-direction:column;gap:3px}.grid-heading{font-size:11px}#pause-panel{height:337px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.grid-row{display:contents}

/* Small action feedback; the board remains the focus. */
.sound-switch { font: inherit; font-size: 13px; min-height: 40px; padding: 6px 10px; white-space: nowrap; cursor: pointer; }
.sound-switch[aria-pressed=true] { box-shadow: inset 0 0 0 2px currentColor; }
.sound-switch:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
@media(max-width: 600px) { .topbar { flex-wrap: wrap; gap: 8px; } }