:root{color-scheme:dark;--bg:#081d26;--paper:#d6e4df;--muted:#91acae;--gold:#efcd81;--line:#2c4851}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top left,#163b44,var(--bg) 62%);color:var(--paper);font:15px/1.6 system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:#183640;border-radius:8px;padding:9px 14px}button:hover{border-color:var(--gold);background:#25454b}button:focus-visible,a:focus-visible{outline:3px solid #f1cf8c;outline-offset:3px}button:disabled{cursor:default;opacity:.45}header{max-width:1360px;margin:auto;padding:24px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #29434a}.brand{letter-spacing:3px;font-weight:750;font-size:17px;text-decoration:none;color:var(--gold)}.brand span{font-size:10px;color:var(--muted);margin-left:22px;letter-spacing:2px}main{max-width:1360px;margin:auto;padding:36px 40px}.intro{display:grid;grid-template-columns:1fr 1fr;column-gap:50px;align-items:end;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:var(--gold)}.intro .eyebrow{grid-column:1/-1}h1{font:normal clamp(36px,4.3vw,65px)/1.08 Georgia,serif;margin:14px 0 0;letter-spacing:-1.5px}h1 em{color:var(--gold)}.intro>p{max-width:440px;color:var(--muted);font-size:16px;margin-bottom:7px}.workspace{display:grid;grid-template-columns:265px minmax(0,1fr);gap:32px}aside{padding:24px 23px;background:#102b34;border:1px solid var(--line);border-radius:12px}h2{font:28px/1.15 Georgia,serif;margin:10px 0 15px}aside>p{font-size:13px;color:#aec3c0}.rule{border-left:2px solid var(--gold);padding:0 0 0 14px;margin:22px 0}.rule>span{font-size:9px;letter-spacing:2px;color:var(--gold)}.rule p{margin:4px 0;font-size:13px}.legend{font-size:10px;color:var(--muted);display:grid;gap:7px}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:9px}.gold{background:var(--gold)}.purple{background:#b8a2e7}.how{line-height:1.9!important;font-size:11px!important;margin-top:22px}.secondary{font-size:12px;background:transparent}.clue{color:var(--gold)!important;font-size:12px!important;min-height:22px}.collection{border-top:1px solid var(--line);margin-top:18px;padding-top:14px;font-size:10px;color:var(--muted)}#cases{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}#cases button{padding:5px;font-size:12px}#cases .selected{border-color:var(--gold)}#cases .complete{color:var(--gold);background:#304541}.toolbar{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:12px}.tabs{display:flex;gap:5px}.tabs button{font-size:12px;padding:7px 12px;background:transparent}.tabs .active{background:var(--gold);color:#142c32;border-color:var(--gold)}.field{position:relative;aspect-ratio:1.47;background:#102d37 url('observatory.webp') center/cover;border-radius:12px;border:1px solid #547076;overflow:hidden;isolation:isolate}.field:before{content:'';position:absolute;inset:0;background:#061b2860;z-index:-1}.board-head,.board-foot{position:absolute;font-size:9px;letter-spacing:1.5px;color:#dce8d2b0;left:4%;right:4%;display:flex;justify-content:space-between}.board-head{top:3%}.board-foot{bottom:2%;justify-content:center;font:italic 13px Georgia,serif}#grid,#trails,#markers{position:absolute;left:5%;top:10%;width:90%;height:80%}#grid{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(6,1fr);border:1px solid #b9e1d72b;border-radius:6px;overflow:hidden}#grid button{min-width:0;padding:0;border:0;border-right:1px solid #b9e1d721;border-bottom:1px solid #b9e1d721;border-radius:0;background:#06233118;position:relative;color:#ddecd9a0;text-align:left;font-size:8px;vertical-align:top}#grid button span{position:absolute;left:5px;top:2px}#grid button:hover{background:#e9d8a72a}#grid button.chosen{background:#efcd8144;box-shadow:inset 0 0 0 2px var(--gold)}#grid button.correct{background:#80cdb959;box-shadow:inset 0 0 0 3px #b4f2c6}#trails,#markers{pointer-events:none}#trails{overflow:visible}.moth{position:absolute;width:34px;height:34px;transform:translate(-50%,-50%);background:url('moth.webp') center/contain no-repeat;filter:drop-shadow(0 0 8px #edce74)}.moth b{position:absolute;right:-9px;top:-8px;border:1px solid var(--gold);border-radius:50%;background:#0b2831;color:var(--gold);width:20px;height:20px;text-align:center;font-size:12px;line-height:18px}.moth.old{opacity:.55}.lantern{position:absolute;transform:translate(-50%,-50%);font-size:30px;line-height:1;text-shadow:0 0 20px #fff0a9;color:#fff5b4}.actionbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}.actionbar p{font-size:12px;max-width:60%;margin:0;color:#b4cbc7}.primary{background:var(--gold);color:#172f37;border-color:var(--gold);font-size:13px;font-weight:700;white-space:nowrap}.primary:hover{background:#f8dfaa;color:#172f37}.note{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:18px;padding-top:12px;font-size:11px;color:var(--gold)}.textbutton{background:none;border:0;padding:3px 0;font-size:11px;color:var(--muted);text-decoration:underline}.about{border-top:1px solid var(--line);margin-top:35px;padding-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:50px;color:var(--muted);font-size:12px}.about h3{color:var(--paper);font:21px Georgia,serif;margin:0}.about p{max-width:570px}.about summary{cursor:pointer;color:var(--paper)}a{color:var(--gold)}footer{max-width:1360px;margin:auto;padding:0 40px 25px;font:italic 13px Georgia,serif;color:var(--muted);display:flex;justify-content:space-between}footer span{font:8px system-ui;letter-spacing:2px}@media(max-width:850px){header{padding:18px 20px}.brand span{display:none}main{padding:25px 18px}.intro{gap:20px}.intro>p{font-size:13px}.workspace{grid-template-columns:1fr;gap:15px}aside{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:18px}.eyebrow,h2,#brief{grid-column:1}.rule{grid-column:2;grid-row:1/4;margin:0}.legend,.how,.collection{grid-column:1/-1}.legend{display:flex;flex-wrap:wrap}.how{margin:10px 0}.clue{margin:6px 0}#cases{grid-template-columns:repeat(8,1fr)}.collection{margin-top:8px}h2{font-size:25px;margin:5px 0}#brief{margin:5px 0 12px}.field{aspect-ratio:1.23}.board-head{font-size:7px;letter-spacing:.7px}.moth{width:27px;height:27px}.moth b{width:16px;height:16px;font-size:10px;line-height:14px;right:-5px;top:-5px}.about{gap:20px}.actionbar{align-items:flex-start}.primary{font-size:11px;padding:10px}.note{gap:12px}.intro h1{font-size:38px}footer{padding:0 18px 20px}footer span{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}