:root{color-scheme:dark;--gold:#d0b77c;--ink:#15130f;--cream:#e9dfc6;--muted:#b1a48b;--brightness:1.12}*{box-sizing:border-box}html,body{margin:0;background:#100f0c;color:var(--cream);font-family:Georgia,'Times New Roman',serif}body{min-height:100dvh;background:radial-gradient(ellipse at 50% 0,#30251a,#100f0c 60%)}button,input,select{font:inherit}button{min-height:44px;border:1px solid #766442;background:linear-gradient(#30291e,#1b1813);color:var(--cream);padding:9px 16px;border-radius:3px;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff05}button:hover{border-color:var(--gold);background:#3c3222}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffe3a1;outline-offset:3px}a{color:var(--gold)}kbd{font:11px sans-serif;margin-left:4px;color:var(--muted)}header{padding:15px 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #68563466;gap:16px}.brand{font-size:20px;text-decoration:none;letter-spacing:3px;color:#e1cfa8}.brand b{font-size:33px;font-weight:normal}.brand span{display:block;font:8px/1.7 Arial,sans-serif;letter-spacing:2.5px;color:#a99b83}nav{display:flex;gap:6px}nav button{font-size:13px}main{max-width:1400px;margin:auto;padding:0 22px}.room-heading{display:flex;align-items:center;justify-content:space-between;padding:15px 0 12px;max-width:1100px;margin:auto}small{font:10px/1.4 Arial,sans-serif;letter-spacing:2px;color:var(--gold)}h1{font-size:25px;letter-spacing:.4px;font-weight:normal;margin:5px 0}h2{font-weight:normal;margin:7px 0 14px;font-size:27px}p{line-height:1.55}#progress{font-size:13px;color:var(--muted)}#stage{position:relative;width:min(100%,calc((100dvh - 255px)*1.5));aspect-ratio:3/2;margin:auto;border:1px solid #7e69424d;box-shadow:0 20px 70px #0009;overflow:hidden;background:#000}#view{position:absolute;inset:0;transition:transform .7s ease;transform-origin:center}#roomImage{width:100%;height:100%;object-fit:fill;filter:brightness(var(--brightness));display:block}#hotspots{position:absolute;inset:0}.hotspot{position:absolute;transform:translate(-50%,-50%);min-width:44px;min-height:44px;background:transparent;border:1px solid transparent;box-shadow:none;color:transparent;padding:0;z-index:2}.hotspot .spot-label{display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#14110eeb;color:#f6e4b8;border:1px solid #9c8250;padding:8px 12px;white-space:nowrap;font-size:13px;pointer-events:none}.hotspot:hover,.hotspot:focus-visible,.revealed .hotspot{background:#23180e44;border:1px solid #c7af7188;color:#e8d4a4}.hotspot:hover .spot-label,.hotspot:focus-visible .spot-label,.revealed .hotspot .spot-label{display:block}.hotspot.puzzle-spot{border-radius:50%}.explore-bar{display:flex;justify-content:center;gap:7px;margin:12px auto 0}.explore-bar button{font-size:13px}.room-desc{text-align:center;color:var(--muted);font-style:italic;font-size:14px;margin:11px 0 0}#notice{margin:8px auto;min-height:20px;text-align:center;font:13px/1.4 Arial,sans-serif;color:#e2c998;max-width:850px}#loading{position:absolute;inset:0;z-index:8;background:#100d0ae8;display:grid;place-items:center;letter-spacing:2px}#loading[hidden]{display:none}.dust{position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(1px 1px at 16% 35%,#fff,transparent),radial-gradient(1px 1px at 70% 60%,#fff,transparent),radial-gradient(2px 2px at 44% 29%,#fff,transparent);background-size:173px 201px;animation:drift 24s linear infinite}@keyframes drift{to{background-position:70px -120px}}#ghost{position:absolute;bottom:15%;left:48%;height:72%;width:25%;background-size:400% 100%;background-repeat:no-repeat;opacity:0;filter:sepia(.55) brightness(.82) drop-shadow(0 0 15px #b8d9d688);transition:opacity 1.5s;pointer-events:none;mask-image:linear-gradient(#000 80%,transparent);mix-blend-mode:screen}#ghost.show{opacity:.66;animation:haunt 8s ease-in-out infinite}@keyframes haunt{50%{transform:translateY(-5px);opacity:.5}}#sceneCaption{position:absolute;z-index:6;bottom:0;left:0;right:0;background:linear-gradient(transparent,#080a09ed 18%);padding:30px 7% 20px;text-shadow:0 2px 2px #000}#sceneCaption h2{font-size:22px;margin:3px 0}#sceneCaption p{font-size:16px;margin:6px 0 12px}#sceneCaption button{font-size:12px;margin-right:7px}dialog{color:var(--cream);background:#1b1812;border:1px solid #9a804e;border-radius:5px;box-shadow:0 20px 120px #000;max-height:92dvh;width:min(800px,94vw);padding:25px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #6b583b;padding-bottom:15px;margin-bottom:20px}.panel-head button{font-size:13px}#panelBody h2{font-size:35px}#panelBody p{color:#c9bea7}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.primary{background:#806438;color:#fff1d4;border-color:#c4a56b}.fine{font:12px/1.6 Arial,sans-serif!important;color:#a99c83!important}.slot{display:flex;align-items:center;gap:8px;padding:13px 0;border-bottom:1px solid #665234}.slot input{width:35%;min-width:80px;background:#0e0d0a;padding:11px;color:var(--cream);border:1px solid #756345}.slot button{padding:8px 12px;font-size:13px}.setting{display:flex;justify-content:space-between;align-items:center;margin:20px 0;gap:15px}.setting input[type=range]{width:44%}.setting input[type=checkbox]{width:22px;height:22px}.journal-entry{padding:17px 0;border-bottom:1px solid #665234}.journal-entry button{float:right;font-size:12px}.journal-entry h3{font-weight:normal;color:#e8d2a6;margin:8px 0}.map-svg{width:100%;height:auto;background:#14140f;border:1px solid #695c41}.map-svg line{stroke:#605947;stroke-width:1}.map-svg text{font:2.6px Arial,sans-serif;fill:#e6d5ad;text-anchor:middle;pointer-events:none}.map-svg rect{stroke:#a38a59;stroke-width:.3;fill:#282820}.map-svg .current rect{fill:#776031}.map-svg .locked rect{fill:#1a1813;stroke:#39382c}.map-svg .map-node{cursor:pointer}.map-svg .map-node:focus{outline:none}.map-svg .map-node:focus rect{stroke:#fff;stroke-width:1}.map-svg .solved rect{stroke:#c7d0b0}.map-legend{font:12px Arial,sans-serif;color:#bbae94}#puzzle{width:min(1160px,98vw);padding:18px;background:linear-gradient(#15120fe8,#15120feb),url(assets/puzzle-surface.webp) center/cover;max-height:97dvh;overflow:auto}.puzzle-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #816943;padding-bottom:8px}.puzzle-head h2{margin:4px 0;font-size:26px}.puzzle-head button{font-size:12px}.puzzle-layout{display:grid;grid-template-columns:280px 1fr;gap:25px;align-items:center;margin:15px 0}.puzzle-layout aside{font-size:15px;align-self:start}.hint-box{margin-top:24px;padding-top:16px;border-top:1px solid #715d3d}.hint-box p{color:#d0bd94;font-style:italic;font-size:14px}#puzzleStatus{color:#e5c784;font:13px/1.5 Arial,sans-serif;min-height:20px}.board-wrap{display:grid;place-items:center;min-width:0}#board{width:min(100%,480px);position:relative;aspect-ratio:1;display:grid;gap:5px;align-content:center;padding:15px;background:linear-gradient(#2c241644,#21190b88),url(assets/puzzle-surface.webp) center/cover;border:8px ridge #7e6543;box-shadow:0 10px 35px #0009,inset 0 0 25px #000b}#board button{padding:2px;aspect-ratio:1;min-height:0;min-width:0;font-size:clamp(16px,2.4vw,27px);text-shadow:0 1px #fff4;box-shadow:2px 3px 5px #0008,inset 0 1px 3px #fff4;border-radius:4px}.tile{background:linear-gradient(145deg,#c4b289,#796140);color:#231c12;border:1px solid #c3ad7c}.tile.alt{background:linear-gradient(145deg,#554835,#272219);color:#e9d7ac}.tile.selected{outline:3px solid #f1d298;outline-offset:-4px;filter:brightness(1.25)}.tile.used{opacity:.4;box-shadow:none!important}.tile.legal{outline:2px dashed #fff6c8;outline-offset:-4px}.tile.conflict{background:#773d39;color:#fff}.tile.void{background:transparent;border-color:transparent;box-shadow:none!important}.tile.empty{background:#14140f;color:#6c6557;box-shadow:inset 0 3px 9px #000!important}.tile.ivory{background:radial-gradient(ellipse at 35% 25%,#fff7d3,#9d8b6f);color:#241d13}.tile.ebony{background:radial-gradient(ellipse at 35% 25%,#5d6056,#131713);color:#e7d6af}.tile.open{background:#100b07;color:#c9b48e;box-shadow:inset 0 5px 13px #000!important}.tile.restore1{filter:sepia(1) hue-rotate(280deg)}.tile.restore2{filter:sepia(1) hue-rotate(65deg)}.puzzle-controls{display:flex;gap:8px;justify-content:center;border-top:1px solid #816943;padding-top:13px}.puzzle-controls button{font-size:13px}.pipe{position:relative}.pipe svg{width:100%;height:100%}.star-board{border:none!important;background:transparent!important;display:block!important;box-shadow:none!important}.star-board svg{position:absolute;inset:0;width:100%;height:100%}.star-board button{position:absolute;width:13%;height:13%;transform:translate(-50%,-50%);border-radius:50%!important}.maze-cell{aspect-ratio:1;background:#30281b;border:1px solid #413822}.maze-cell.wall{background:#0e0c09}.maze-cell.marker{background:#c6ae78;box-shadow:0 0 10px #c6ae7866}.maze-cell.exit{outline:2px solid #bfa772;outline-offset:-3px}.maze-controls{grid-column:1/-1;display:flex;gap:6px;justify-content:center}.maze-controls button{aspect-ratio:auto!important;min-height:44px!important;width:22%}.piano-board{grid-template-columns:repeat(7,1fr)!important;aspect-ratio:1.4!important;gap:3px!important}.piano-board button{height:100%;aspect-ratio:auto!important;align-self:stretch;background:linear-gradient(90deg,#b4aa94,#f3ead5 25%,#ded1b3);color:#332417;border-radius:0 0 5px 5px!important;display:flex;align-items:end;justify-content:center;padding-bottom:20px!important}.piano-board button.playing{background:#c19f5a;box-shadow:inset 0 6px 20px #0009!important}.block-controls{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.block-controls button{font-size:12px!important;aspect-ratio:auto!important;min-height:36px!important}.peg-board{display:flex!important;flex-direction:column;gap:7px!important;border:0!important;box-shadow:none!important;background:transparent!important}.peg-row{display:flex;justify-content:center;gap:8px}.peg-row button{width:15%;border-radius:50%!important}.ended{text-align:center;padding:10px;color:#dfcd9e}.reduced-motion *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(min-width:1600px){#stage{max-width:1100px}}@media(max-width:760px){header{padding:10px 12px;gap:8px}.brand{font-size:12px;letter-spacing:1px}.brand b{font-size:23px}.brand span{font-size:6px;letter-spacing:.8px}nav{gap:3px}nav button{padding:6px 8px;font-size:11px}kbd{display:none}main{padding:0 8px}.room-heading{padding:12px 4px}h1{font-size:21px}#stage{width:100%;max-height:none}.explore-bar{gap:3px;flex-wrap:wrap}.explore-bar button{padding:7px 9px;font-size:12px}.room-desc{font-size:13px;padding:0 10px}.hotspot .spot-label{font-size:10px;white-space:normal;width:90px;padding:4px}#sceneCaption{padding:30px 5% 10px}#sceneCaption h2{font-size:17px}#sceneCaption p{font-size:13px;line-height:1.4}#sceneCaption small{font-size:9px}#sceneCaption button{min-height:36px;padding:5px 10px}dialog{padding:16px}#puzzle{padding:10px}.puzzle-head{gap:5px}.puzzle-head h2{font-size:20px}.puzzle-head button{padding:5px 9px}.puzzle-layout{grid-template-columns:1fr;gap:6px;margin:8px 0}.puzzle-layout aside{font-size:12px}.puzzle-layout aside>p{margin:0 0 5px}.hint-box{padding:0;margin:3px 0;border:0}.hint-box small{display:none}.hint-box p{font-size:12px;line-height:1.35;margin:4px 0}#puzzleStatus{font-size:11px;min-height:0;margin:4px 0}#board{width:min(100%,calc(100dvh - 295px));padding:7px;border-width:5px;gap:3px}#board button{font-size:clamp(13px,4vw,23px)}.puzzle-controls{gap:3px;flex-wrap:wrap;padding-top:8px}.puzzle-controls button{font-size:11px;padding:5px 8px;min-height:40px}.slot{flex-wrap:wrap}.slot input{width:100%}.setting{font-size:14px}.map-svg text{font-size:2.8px}}
@media(max-height:560px) and (orientation:landscape){header{padding:4px 14px}.brand span{display:none}nav button{min-height:32px}.room-heading{padding:5px 0}.room-heading h1{font-size:17px;display:inline;margin-left:10px}.room-heading small{font-size:8px}#progress{margin:0}#stage{width:calc((100dvh - 140px)*1.5)}.explore-bar{margin:5px 0}.explore-bar button{min-height:32px;padding:4px 10px}.room-desc{display:none}#notice{font-size:11px;margin:3px}#puzzle{max-height:100dvh}.puzzle-head h2{font-size:20px}.puzzle-head button{min-height:32px}.puzzle-layout{grid-template-columns:1fr 1fr;gap:15px;margin:5px 0}.puzzle-layout aside{font-size:12px}.hint-box{margin-top:8px;padding-top:8px}.hint-box p{font-size:12px}#board{width:min(100%,calc(100dvh - 125px));gap:3px;padding:5px;border-width:4px}#board button{font-size:15px}.puzzle-controls{padding-top:5px}.puzzle-controls button{min-height:32px}.puzzle-head small{font-size:8px}}
#board .cake-piece{position:relative;background-image:url(assets/cake-pieces.webp);background-size:300% 100%;border-color:#bba78b}#board .cake-piece:hover{filter:brightness(1.12)}.piece-label{position:absolute;bottom:3px;right:4px;display:grid;place-items:center;font:11px Arial,sans-serif;background:#1b160de6;color:#fff2d3;border-radius:3px;min-width:19px;min-height:19px;text-shadow:none}.chess-prop{display:block;position:absolute;inset:2px;background-image:url(assets/chess-pieces.webp);background-size:300% 200%;pointer-events:none}#board .tile{position:relative}#board .portrait-piece{background-image:url(assets/portrait.webp);background-size:300% 300%;border-radius:0}#board[data-type=ternary]{gap:2px}#board[data-type=infection]{border-radius:50%;padding:25px}#board[data-type=coins] .tile{border-radius:50%;background:radial-gradient(circle at 30% 20%,#d0aa5b,#705021);border:4px double #c4a164}#board[data-type=swap] .tile{border-radius:14%/25%;background:linear-gradient(90deg,#605f51,#aaa895 15%,#d0cbbb 50%,#666358);border-top:5px double #aaa58d;border-bottom:5px double #aaa58d;color:#272219}#board[data-type=toggle] .tile{border-radius:20% 20% 8% 8%;border:5px ridge #8a806b;background:linear-gradient(90deg,#665f50,#a69d88,#655f53)}#board[data-type=toggle] .tile.open{background:#17120b}#board[data-type=cards] .tile{border:5px double #665137;background:linear-gradient(130deg,#ddd0b1,#b19a73)}
@media(max-width:760px){#board{width:min(100%,calc((100dvh - 310px)*var(--ratio,1)))}#board[data-type=infection]{padding:12px}#board .piece-label{font-size:9px;min-width:14px;min-height:14px;bottom:2px;right:2px}}
@media(max-height:560px) and (orientation:landscape){#board{width:min(100%,calc((100dvh - 165px)*var(--ratio,1)))}#puzzle{padding:8px}.puzzle-head{padding-bottom:4px}.puzzle-head h2{margin:2px 0}.puzzle-layout{margin:4px 0}.puzzle-controls{padding-top:4px}#board{width:min(100%,calc((100dvh - 165px)*var(--ratio,1)))}.hint-box{margin-top:4px;padding-top:5px}}
#ghost{width:18%}
@media(max-width:760px) and (orientation:portrait){#puzzle{max-width:calc(100vw - 12px);width:calc(100vw - 12px)}#board[data-type=queens],#board[data-type=infection]{border-width:2px;padding:2px;gap:1px}}
@media(max-width:760px) and (max-height:740px) and (orientation:portrait){#board{width:min(100%,calc((100dvh - 360px)*var(--ratio,1)))}.puzzle-layout aside{font-size:11px}.hint-box p{font-size:11px}.puzzle-head h2{font-size:18px}.puzzle-controls button{font-size:10px;padding:5px 7px}}