:root{color-scheme:dark;--bg:#0c1b18;--panel:#132923;--ink:#e6edda;--muted:#a1b4a3;--gold:#eabe72;--line:#354a3d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0,#254638 0,transparent 48%),var(--bg);color:var(--ink);font:15px/1.6 system-ui,sans-serif}main{max-width:1440px;margin:auto;padding:26px 44px}header,footer{display:flex;align-items:center;justify-content:space-between;gap:20px}header{border-bottom:1px solid var(--line);padding-bottom:20px}.brand{font:700 25px Georgia,serif;letter-spacing:4px;color:var(--ink);text-decoration:none}.brand span{color:var(--gold)}.edition,.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--gold);font-weight:700}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin:30px 0}.intro h1{font:normal clamp(34px,4.5vw,63px)/1.08 Georgia,serif;letter-spacing:-1.8px;margin:16px 0}.lead{color:var(--muted);margin-bottom:0}.intro-art{height:245px;background:linear-gradient(90deg,#0c1b1860,transparent),url('creature.webp') center 47%/cover;border-radius:120px 12px 12px 12px;position:relative;box-shadow:inset 0 0 60px #07150f}.intro-art span{position:absolute;bottom:15px;right:20px;color:#f7ddb0;font:italic 15px Georgia;text-shadow:0 2px 5px #000}.workspace{display:grid;grid-template-columns:210px minmax(280px,1fr) 190px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#10251ff0}.left,.right{padding:22px}.left{border-right:1px solid var(--line)}.right{border-left:1px solid var(--line);text-align:center}.play{padding:22px 26px}.eyebrow{margin:0 0 16px}label{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}select,button{font:inherit;color:inherit;border:1px solid #52634d;background:#20382d;border-radius:6px}select{width:100%;padding:10px 6px;font-size:12px}button{cursor:pointer;padding:9px 12px;transition:background .15s,transform .15s}button:hover{background:#36523c}button:active{transform:translateY(1px)}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.4;cursor:default}#brief,.small,.legend{font-size:12px;color:var(--muted)}.stats{display:flex;justify-content:space-between;margin:24px 0}.stats b{display:block;font:26px Georgia;color:var(--gold)}.stats span{font-size:8px;letter-spacing:1px}.inventory{font-size:12px;color:var(--gold);border-block:1px solid var(--line);padding:14px 0}.left>button,.right>button{width:100%;font-size:12px;margin:5px 0}.legend{margin-top:24px}.legend h3{color:var(--ink);font:20px Georgia}.legend p{margin:8px 0}.breeze{color:#9bd3d6}.musk{color:#d2a8d4}.clear{color:#c8d6a2}.board-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:8px}.board-head h2{font:22px Georgia;margin:0}#modeLabel{font-size:9px;letter-spacing:1px;color:var(--gold)}.board{display:grid;gap:5px;max-width:560px;margin:auto;aspect-ratio:1}.cell{min-width:0;position:relative;padding:0;border:1px solid #42604a;border-radius:7px;background:radial-gradient(circle,#233c30,#10231d);overflow:hidden;isolation:isolate;aspect-ratio:1}.cell::before{content:'';position:absolute;inset:0;background:url('floor.webp') center/cover;opacity:.14;z-index:-1}.cell.seen::before,.cell.known::before{opacity:.7}.cell.adjacent{border-color:#9f9b65;box-shadow:inset 0 0 12px #b99b3d12}.cell.current{border:2px solid var(--gold);box-shadow:0 0 18px #eabe7233}.cell.current .tileArt{filter:drop-shadow(0 0 8px #ffc96a)}.tileArt{position:absolute;inset:10%;width:80%;height:80%;object-fit:cover;border-radius:50%;z-index:-1}.cell-id{position:absolute;left:6px;top:3px;color:#e3edc58c;font-size:9px}.fog{color:#8ca78d66;font:26px Georgia}.clue{position:absolute;bottom:3px;left:0;right:0;font-size:11px;line-height:1.2;text-shadow:0 2px 3px #000;background:#0b1919b0;padding:3px}.mark{font-size:22px;color:var(--gold)}.entry{position:absolute;right:5px;top:2px;color:var(--gold);font-size:15px}.pit{display:block;width:55%;height:50%;border-radius:50%;background:#030b0a;border:3px solid #5d6652;box-shadow:0 5px 0 #233528;margin:auto}.map-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin:10px 0 18px;gap:8px}.message{border-left:2px solid var(--gold);background:#233b2c;padding:12px 16px;font-size:13px;min-height:68px;border-radius:0 6px 6px 0}.message.ended{background:#3d3026}.message.won{background:#324b2e}.mode-bar{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.mode-bar button{flex:1;font-size:11px;white-space:nowrap;padding:8px}button[aria-pressed=true]{background:#d2ae68;color:#12251c;border-color:#eabe72}.hint{font-size:11px;color:var(--muted);margin-bottom:0}.portrait{height:120px;background:url('lantern.webp') center/cover;border-radius:50% 50% 10px 10px;max-width:130px;margin:auto}.right h3{font:21px Georgia;color:var(--gold);margin:18px 0 8px}#senseDetail{font-size:12px;color:var(--muted);min-height:60px}.compass{display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,32px);justify-content:center;gap:3px;margin:18px 0}.compass button{padding:0;font-size:20px}.compass button:first-child{grid-column:2}.compass button:nth-child(2){grid-column:1;grid-row:2}.compass span{grid-column:2;grid-row:2;color:var(--gold)}.compass button:nth-child(4){grid-column:3;grid-row:2}.compass button:last-child{grid-column:2;grid-row:3}.primary{background:#d2ae68;color:#12251c}footer{margin:24px 0 0;color:var(--muted);font-size:10px}footer>span:first-child{letter-spacing:2px}a{color:var(--gold)}dialog{background:#142a23;color:var(--ink);border:1px solid #7e8861;border-radius:16px;max-width:620px;width:calc(100% - 30px);max-height:85vh;padding:30px;box-shadow:0 20px 100px #000}dialog::backdrop{background:#030b09d9}dialog h2{font:32px Georgia}.close{float:right}dialog p{font-size:14px} @media(min-width:1400px){.intro-art{background-size:65%;background-repeat:no-repeat;background-color:#10221b}}@media(max-width:1000px){main{padding:20px}.workspace{grid-template-columns:165px minmax(260px,1fr) 155px}.left,.right{padding:15px}.play{padding:18px}.intro-art{height:220px}.edition{display:none}}@media(max-width:760px){main{padding:16px}.intro{gap:14px;margin:24px 0}.intro h1{font-size:35px}.intro-art{height:200px}.lead{font-size:12px}.workspace{grid-template-columns:1fr 1fr}.play{grid-column:1/-1;grid-row:1}.left{border-top:1px solid var(--line);border-right:1px solid var(--line)}.right{border-top:1px solid var(--line);border-left:0}.portrait{height:80px;max-width:90px}.legend{margin-top:12px}.board{max-width:520px}.right h3{margin:12px 0}#senseDetail{min-height:0}.compass{margin:10px 0}.edition{display:none}footer{flex-wrap:wrap;gap:10px}header button{font-size:11px;padding:8px}.brand{font-size:20px;letter-spacing:2px}.intro-art span{font-size:10px;right:8px;bottom:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}