:root{--m0: #241209;--m1: #3b2116;--m2: #5a3422;--brass: #c9a24a;--brass-hi: #f1d58a;--brass-lo: #7d5f22;--parch: #efe2c4;--ink: #2b1d14;--muted: #6b5440;--ox: #7a1f1f;--display: "Cinzel", "Trajan Pro", Georgia, serif;--body: "Libre Baskerville", Georgia, serif;--hand: "Caveat", "Segoe Script", cursive;--brass-grad: linear-gradient(135deg, var(--brass-hi), var(--brass) 40%, var(--brass-lo) 60%, var(--brass) 85%, var(--brass-hi));--parch-bg: radial-gradient(ellipse at 20% 0%, rgba(255,250,230,.55), transparent 60%), radial-gradient(ellipse at 100% 100%, rgba(150,105,50,.28), transparent 55%), var(--parch);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(ellipse at 50% 40%,#2a1810,#120a06 75%);font-family:var(--body);color:var(--ink);overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--brass-hi);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.viewport{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.game{position:absolute;left:50%;top:50%;width:1338px;transform-origin:50% 50%;background:linear-gradient(180deg,var(--m2),var(--m1));border-radius:10px;box-shadow:0 0 0 2px var(--m0),0 0 0 4px var(--brass-lo),0 30px 80px #000c}.wood{background-color:var(--m1);background-image:repeating-linear-gradient(92deg,#0000 0,#0000 7px,#00000024,#ffffff08 9px,#0000 11px),repeating-linear-gradient(88deg,#0000 0,#0000 31px,#00000014 33px,#0000 37px),linear-gradient(180deg,#63392a,#4a2a1b 45%,#3b2116)}.frame{padding:22px 24px 20px;border-radius:10px 10px 0 0;position:relative;box-shadow:inset 0 2px #f1d58a40,inset 0 -2px #00000080}.rivet{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--brass-hi),var(--brass) 55%,var(--brass-lo));box-shadow:0 1px 2px #000000b3}.brass-trim{padding:5px;background:var(--brass-grad);box-shadow:0 0 0 2px #1a0d07,inset 0 0 3px #00000080}.stage{position:relative;width:1280px;height:720px;overflow:hidden;background:#0b0604;box-shadow:inset 0 0 0 2px #1a0d07;isolation:isolate}.stage.shake{animation:shake .55s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(5px,-3px)}30%,50%,70%{transform:translate(-9px,4px)}40%,60%{transform:translate(9px,-2px)}}.scene-layers{position:absolute;top:0;right:0;bottom:0;left:0;animation:scenefade .7s ease-out both}@keyframes scenefade{0%{opacity:0;filter:brightness(.3)}to{opacity:1;filter:none}}.layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.overlay{animation:fadein .5s ease-out both}@keyframes fadein{0%{opacity:0}to{opacity:1}}.art-fallback{overflow:hidden}.art-fallback-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background:repeating-radial-gradient(circle at 30% 40%,rgba(255,255,255,.04) 0 2px,transparent 2px 9px),repeating-linear-gradient(115deg,rgba(0,0,0,.06) 0 3px,transparent 3px 14px)}.hotspots{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2}.hs{fill:transparent;outline:none}.hs:focus-visible{fill:#f1d58a1f;stroke:var(--brass-hi);stroke-width:3;stroke-dasharray:10 6}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(20,8,2,.55) 100%)}.plaque{position:absolute;left:50%;top:0;transform:translate(-50%);z-index:6;padding:7px 30px 9px;border-radius:0 0 8px 8px;background:linear-gradient(180deg,var(--brass-hi),var(--brass) 45%,var(--brass-lo));color:var(--m0);font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.06em;box-shadow:0 3px 8px #0009,inset 0 1px #ffffff80;border:1px solid #5b4416;border-top:0;white-space:nowrap;text-shadow:0 1px 0 rgba(255,235,170,.6);font-variant:small-caps;pointer-events:none}.plaque:before,.plaque:after{content:"";position:absolute;top:9px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c4,var(--brass-lo));box-shadow:0 1px 1px #0009}.plaque:before{left:10px}.plaque:after{right:10px}.hover-label{position:absolute;z-index:5;pointer-events:none;padding:4px 12px 5px;border-radius:3px;background:var(--parch-bg);color:var(--ink);font-size:14px;font-style:italic;white-space:nowrap;box-shadow:0 0 0 1.5px var(--brass-lo),0 4px 10px #0000008c}.exit-hint{position:absolute;z-index:4;pointer-events:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.7));animation:nudge 1.1s ease-in-out infinite}@keyframes nudge{50%{opacity:.65}}.thought{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:7;width:min(940px,calc(100% - 80px));text-align:left;padding:14px 26px 15px;border-radius:5px;display:flex;gap:18px;align-items:baseline;cursor:pointer;background:var(--parch-bg);color:var(--ink);box-shadow:0 0 0 2px var(--brass),0 0 0 4px #3b2116,0 0 0 5px var(--brass-lo),0 10px 26px #0009,inset 0 0 30px #6e461940;animation:rise .35s ease-out both}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.thought-who{font-family:var(--display);font-weight:900;font-size:13px;letter-spacing:.08em;color:var(--ox);flex:none;font-variant:small-caps}.thought-text{font-style:italic;font-size:18px;line-height:1.5}.dialogue{position:absolute;left:28px;right:28px;bottom:22px;z-index:8;min-height:244px;display:flex;align-items:flex-end;animation:fadein .3s ease-out both}.portrait-wrap{position:absolute;left:0;bottom:-6px;width:196px;height:250px;z-index:3}.oval{width:100%;height:100%;border-radius:50%;padding:7px;background:linear-gradient(145deg,var(--brass-hi),var(--brass) 45%,var(--brass-lo) 70%,var(--brass));box-shadow:0 6px 16px #000000a6,inset 0 0 0 2px #00000059}.oval>div{width:100%;height:100%;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 0 3px #2a1608;background:#c9a56f;position:relative}.oval img{display:block;width:100%;height:100%;object-fit:cover}.oval>div:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 0 0 3px #2a1608,inset 0 0 14px #000;pointer-events:none}.portrait-fallback{width:100%;height:100%;display:grid;place-items:center}.portrait-fallback span{font-family:var(--display);font-size:84px;font-weight:900;color:#fff0c8bf;text-shadow:0 3px 8px rgba(0,0,0,.6)}.nameplate{position:absolute;left:50%;bottom:-2px;transform:translate(-50%);z-index:4;background:linear-gradient(180deg,var(--m2),var(--m1));color:var(--brass-hi);font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:.05em;font-variant:small-caps;padding:5px 16px;border-radius:4px;border:1.5px solid var(--brass);white-space:nowrap;box-shadow:0 3px 6px #0009}.parchment,.parchment-panel{background:var(--parch-bg);color:var(--ink);box-shadow:0 0 0 3px var(--brass),0 0 0 5px #3b2116,0 0 0 7px var(--brass-lo),0 12px 30px #000000a6,inset 0 0 40px #6e461947}.dlg-parch{margin-left:150px;flex:1;position:relative;min-height:200px;padding:20px 34px 18px 78px;border-radius:6px;cursor:pointer}.speaker{font-family:var(--display);font-weight:900;font-size:15px;letter-spacing:.07em;color:var(--ox);margin-bottom:6px;font-variant:small-caps}.line{font-size:20px;line-height:1.5;font-style:italic;max-width:900px;min-height:60px}.line-cat{font-size:19px}.caret{display:inline-block;width:8px;height:18px;margin-left:2px;background:var(--brass-lo);vertical-align:-2px;animation:nudge .8s infinite}.rule{height:10px;margin:11px 0 8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='10'%3E%3Cpath d='M0 5H168M232 5H400' stroke='%23a58340' stroke-width='1.2'/%3E%3Cpath d='M200 1l5 4-5 4-5-4z' fill='%237a1f1f'/%3E%3Ccircle cx='182' cy='5' r='2' fill='%23a58340'/%3E%3Ccircle cx='218' cy='5' r='2' fill='%23a58340'/%3E%3C/svg%3E") center/100% 10px no-repeat}.choices{list-style:none;display:flex;flex-direction:column;gap:2px}.choice{width:100%;display:flex;align-items:center;gap:12px;padding:5px 12px;border-radius:4px;text-align:left;font-size:16.5px;line-height:1.3;color:var(--ink);border:1px solid transparent;animation:fadein .25s ease-out both}.choice .mark{width:13px;height:13px;flex:none;transform:rotate(45deg);border:1.5px solid var(--muted)}.choice .num{font-family:var(--display);font-size:11px;color:var(--muted);width:10px;flex:none}.choice:hover,.choice:focus-visible{background:linear-gradient(90deg,#7a1f1f29,#7a1f1f0a);border-color:#7a1f1f8c;color:var(--ox);outline:none}.choice:hover .mark,.choice:focus-visible .mark{background:var(--ox);border-color:var(--ox);box-shadow:0 0 6px #7a1f1f99}.choice.asked{color:#2b1d1480}.choice.asked .mark{border-color:#6b544073}.choice.bye{font-style:italic}.continue{position:absolute;right:34px;bottom:14px;font-family:var(--display);font-size:12px;letter-spacing:.08em;color:var(--muted);animation:nudge 1.4s infinite}.corner{position:absolute;width:20px;height:20px;border:2px solid var(--brass-lo);pointer-events:none}.corner.tl{top:7px;left:68px;border-right:0;border-bottom:0}.corner.tr{top:7px;right:7px;border-left:0;border-bottom:0}.corner.bl{bottom:7px;left:68px;border-right:0;border-top:0}.corner.br{bottom:7px;right:7px;border-left:0;border-top:0}.console{position:relative;height:130px;padding:14px 30px 16px;border-radius:0 0 10px 10px;display:flex;align-items:center;gap:22px;box-shadow:inset 0 3px 6px #0000008c,inset 0 1px #f1d58a33}.console:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(180deg,var(--brass-hi),var(--brass) 45%,var(--brass-lo));box-shadow:0 2px 4px #0009}.inv{display:flex;align-items:center;gap:12px;margin-top:6px}.inv-label{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.1em;color:var(--brass);text-shadow:0 1px 0 #000;font-variant:small-caps}.slot{width:84px;height:84px;border-radius:50%;position:relative;padding:5px;flex:none;background:linear-gradient(145deg,var(--brass-lo),var(--brass-hi) 45%,var(--brass) 70%,var(--brass-lo));box-shadow:0 2px #f1d58a40,0 -1px #000}.slot>div,.slot-btn{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 60%,#2b1409,#120803 85%);box-shadow:inset 0 5px 10px #000000e6,inset 0 -2px 3px #ffc87814}.slot.empty>div{background:radial-gradient(circle at 50% 60%,#1d0e06,#0b0502 90%)}.slot-btn img{width:60px;height:60px;transition:transform .15s;pointer-events:none}.slot-btn:hover img{transform:scale(1.08)}.slot.selected{box-shadow:0 0 0 2px var(--brass-hi),0 0 18px 4px #f1d58abf,0 0 34px #f1d58a66;animation:glow 1.6s ease-in-out infinite}.slot.selected .slot-btn{background:radial-gradient(circle at 50% 55%,#5a3a18,#1d0e06 85%)}@keyframes glow{50%{box-shadow:0 0 0 2px var(--brass-hi),0 0 10px 2px #f1d58a80,0 0 22px #f1d58a40}}.slot .tip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);font-family:var(--display);font-size:12px;color:var(--brass-hi);background:#1a0d07;border:1px solid var(--brass-lo);border-radius:3px;padding:2px 8px;white-space:nowrap;display:none;pointer-events:none;z-index:5}.slot:hover .tip,.slot.selected .tip{display:block}.examine{position:absolute;right:-6px;bottom:-4px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,var(--brass-hi),var(--brass) 50%,var(--brass-lo));border:1px solid #4c3510;box-shadow:0 2px 4px #000000b3}.examine:hover{filter:brightness(1.12)}.task{flex:1;align-self:stretch;margin:6px 0;border-radius:6px;padding:10px 18px;text-align:left;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px;background:linear-gradient(180deg,#24120a,#321b10);box-shadow:inset 0 3px 8px #000c,0 1px #f1d58a40;border:1px solid #1a0d07}.task:hover:not(:disabled){background:linear-gradient(180deg,#2c170d,#3b2113)}.task b{font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.08em;color:var(--brass);font-variant:small-caps;display:flex;justify-content:space-between}.hint-tag{font-size:11px;color:var(--brass-lo);font-weight:500}.task:hover .hint-tag{color:var(--brass-hi)}.task>span{font-size:15px;line-height:1.35;color:#f0e1c0;font-style:italic}.btns{display:flex;gap:12px;margin-top:6px}.btn{position:relative;font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.05em;color:#2a1608;font-variant:small-caps;width:118px;height:84px;border-radius:10px;border:1px solid #4c3510;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:linear-gradient(180deg,var(--brass-hi) 0%,var(--brass) 48%,#a98530 52%,var(--brass-lo) 100%);box-shadow:inset 0 1px #ffffffb3,inset 0 -2px 3px #3c280580,0 4px #2a1608,0 7px 10px #0009;text-shadow:0 1px 0 rgba(255,238,180,.7)}.btn svg{width:30px;height:30px}.btn:hover:not(:disabled){filter:brightness(1.1)}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px #ffffff80,inset 0 2px 5px #3c280599,0 1px #2a1608}.btn:disabled{filter:saturate(.5) brightness(.75)}.badge{position:absolute;top:-8px;right:-8px;min-width:24px;height:24px;border-radius:12px;padding:0 6px;display:grid;place-items:center;font-style:normal;font-family:var(--body);font-size:12px;font-weight:700;color:#fff3dc;background:radial-gradient(circle at 35% 30%,#b03a3a,var(--ox));border:1.5px solid var(--brass-hi);box-shadow:0 2px 4px #0009;text-shadow:none}.brass-btn{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.06em;color:#2a1608;font-variant:small-caps;min-width:220px;padding:12px 28px;border-radius:8px;border:1px solid #4c3510;background:linear-gradient(180deg,var(--brass-hi) 0%,var(--brass) 48%,#a98530 52%,var(--brass-lo) 100%);box-shadow:inset 0 1px #ffffffb3,inset 0 -2px 3px #3c280580,0 4px #2a1608,0 7px 12px #0000008c;text-shadow:0 1px 0 rgba(255,238,180,.7)}.brass-btn.small{min-width:0;font-size:14px;padding:8px 16px}.brass-btn:hover:not(:disabled){filter:brightness(1.1)}.brass-btn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px 5px #3c280599,0 1px #2a1608}.brass-btn:disabled{opacity:.45}.row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,#0a04028c,#0a0402d9);animation:fadein .25s ease-out both}.modal{position:relative;max-width:760px;max-height:690px;overflow:auto;padding:26px 34px;border-radius:6px;animation:pop .28s cubic-bezier(.2,.9,.3,1.2) both;outline:none}.modal.wide{max-width:1180px}@keyframes pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.modal-title{font-family:var(--display);font-weight:900;font-size:20px;letter-spacing:.06em;color:var(--ox);text-align:center;margin:-4px 40px 16px;font-variant:small-caps}.close-x{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;font-size:26px;line-height:1;color:#2a1608;font-family:var(--body);background:radial-gradient(circle at 35% 30%,var(--brass-hi),var(--brass) 55%,var(--brass-lo));border:1px solid #4c3510;box-shadow:0 3px 6px #00000080,inset 0 1px #fff9}.close-x:hover{filter:brightness(1.12)}.cu-note{margin-top:12px;font-style:italic;color:var(--muted);font-size:15px;line-height:1.5;text-align:center}.cu-split{display:flex;gap:30px;align-items:center}.cu-art{width:300px;flex:none;filter:drop-shadow(0 6px 10px rgba(60,30,10,.35))}.cu-art.wide{width:520px}.cu-text{max-width:360px;font-size:16px;line-height:1.6}.cu-text p+p{margin-top:10px}.menu{width:420px}.menu-btns{display:flex;flex-direction:column;gap:14px;align-items:stretch}.confirm{text-align:center;font-size:15px;line-height:1.5;padding:8px 0}.confirm p{margin-bottom:10px}.saved-msg{min-height:24px;margin-top:14px;text-align:center;font-style:italic;color:var(--ox)}.journal{width:860px;min-height:560px}.tabs{display:flex;gap:6px;border-bottom:2px solid var(--brass-lo);margin-bottom:0;padding-left:10px}.tabs button{font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.06em;padding:8px 22px 7px;border-radius:6px 6px 0 0;font-variant:small-caps;background:linear-gradient(180deg,#d8c39a,#c4ab7a);color:var(--muted);border:1.5px solid var(--brass-lo);border-bottom:0;margin-bottom:-2px}.tabs button.on{background:#f4e9cf;color:var(--ox)}.count{font-family:var(--body);font-size:12px;font-weight:400;margin-left:4px}.book{background:#f4e9cf;border:1.5px solid var(--brass-lo);border-top:0;padding:22px 30px;min-height:440px;max-height:500px;overflow:auto;background-image:repeating-linear-gradient(180deg,transparent 0 29px,rgba(130,150,180,.22) 29px 30px)}.tasklist{list-style:none;display:flex;flex-direction:column;gap:10px}.tasklist li{display:flex;gap:14px;align-items:center;font-size:17px}.tasklist .box{width:22px;height:22px;flex:none;border:2px solid var(--muted);border-radius:3px;display:grid;place-items:center;color:var(--ox);font-weight:700;font-family:var(--hand);font-size:24px}.tasklist li.done{color:var(--muted);text-decoration:line-through;text-decoration-color:#7a1f1f99}.empty{font-style:italic;color:var(--muted)}.cluelist{display:flex;flex-direction:column;gap:18px}.clue h3{font-family:var(--display);font-size:15px;letter-spacing:.04em;color:var(--ox);margin-bottom:4px}.clue-n{color:var(--muted)}.clue p{font-size:15.5px;line-height:1.6;font-style:italic}.new{font-family:var(--body);font-size:11px;font-style:normal;color:#fff3dc;background:var(--ox);border-radius:3px;padding:1px 6px;vertical-align:2px;margin-left:4px}.morse{font-family:Georgia,serif;font-style:normal!important;font-size:34px!important;letter-spacing:.12em;color:var(--ink);text-align:center;margin-top:8px;white-space:pre;font-weight:700}.map-panel{width:1060px}.island-map{width:100%;height:auto;display:block;border:2px solid var(--brass-lo);box-shadow:inset 0 0 20px #0000004d}.mp-label{font-family:var(--display);font-size:17px;font-weight:700;fill:#4a3420;text-anchor:middle;letter-spacing:.04em}.mp-water{font-style:italic;font-family:var(--body);font-weight:400;fill:#3f5f66;font-size:18px;letter-spacing:.25em}.mp-small{font-family:var(--body);font-size:13px;fill:#4a3420;font-style:italic}.mp-hand{font-family:var(--hand);font-size:22px;fill:#4a3420}.mp-place{font-family:var(--hand);font-size:26px;font-weight:700;fill:#2a1d14;text-anchor:middle;paint-order:stroke;stroke:#ecdcb4;stroke-width:5px}.mp-here{font-family:var(--body);font-style:italic;font-size:14px;fill:var(--ox);text-anchor:middle}.mp-spot .pin{fill:#9a8a6a;stroke:#5a4325;stroke-width:2}.mp-spot .pin-dot{fill:#5a4325}.mp-spot.visited{cursor:pointer}.mp-spot.visited .pin{fill:var(--brass);stroke:#4c3510}.mp-spot.visited:hover .pin,.mp-spot.visited:focus-visible .pin{fill:var(--brass-hi);filter:drop-shadow(0 0 6px rgba(241,213,138,.9))}.mp-spot.here .pin{fill:var(--ox);stroke:#3a0c0c}.mp-spot.here .pin-dot{fill:#f1d58a}.mp-spot:focus-visible{outline:none}.map-hint{text-align:center;margin-top:10px;font-style:italic;color:var(--muted);font-size:15px}.news{width:640px;background:#ece4d0;padding:22px 26px;color:#1e1a14;box-shadow:0 6px 18px #3c280a59;transform:rotate(-.6deg);background-image:radial-gradient(ellipse at 80% 10%,rgba(170,140,90,.18),transparent 50%);clip-path:polygon(0 1%,4% 0,30% 1%,62% 0,100% 1%,99% 40%,100% 98%,70% 100%,40% 99%,8% 100%,0 97%,1% 50%)}.news-mast{font-family:Playfair Display,Georgia,serif;font-weight:900;font-size:38px;text-align:center;letter-spacing:.01em;color:#1a2a6c}.news-meta{display:flex;justify-content:space-between;font-size:11px;border-top:2px solid #1e1a14;border-bottom:1px solid #1e1a14;padding:3px 0;margin:4px 0 12px;font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.08em}.news-head{font-family:Playfair Display,Georgia,serif;font-weight:900;font-size:34px;line-height:1.05;text-align:center}.news-deck{font-style:italic;text-align:center;font-size:14px;margin:8px 0 12px}.news-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-family:Georgia,serif;font-size:13px;line-height:1.5;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.news-cols p+p{margin-top:6px}.news-photo{width:100%;display:block;filter:grayscale(1) contrast(1.1)}.news-cap{font-size:11px;font-style:italic;margin:3px 0 8px;color:#444}.photo-frame{padding:26px;background:linear-gradient(135deg,var(--brass-hi),var(--brass) 40%,var(--brass-lo) 70%,var(--brass));box-shadow:0 10px 24px #00000080,inset 0 0 0 3px #5b4416;text-align:center}.photo-mat{background:#efe6d2;padding:22px;box-shadow:inset 0 0 0 1px #b8a77f,inset 0 2px 8px #00000040}.photo-img{width:480px;display:block;box-shadow:0 2px 6px #00000059}.photo-caption{font-family:var(--hand);font-size:24px;color:#2a1d14;max-width:520px;margin:14px auto 0;line-height:1.15;background:#efe6d2;padding:8px 12px}.ont-plaque{width:560px;padding:28px 36px 22px;border-radius:16px;color:#f2d77a;text-align:center;background:linear-gradient(180deg,#213a7a,#172a5c);box-shadow:0 0 0 6px #c9a24a,0 0 0 9px #7d5f22,0 12px 26px #0000008c,inset 0 0 30px #00000059}.op-crest{font-family:var(--display);font-size:13px;letter-spacing:.2em}.ont-plaque h3{font-family:var(--display);font-size:26px;margin:10px 0 14px;font-variant:small-caps;letter-spacing:.04em}.ont-plaque p{font-family:Georgia,serif;font-size:15px;line-height:1.55;text-align:left}.ont-plaque p+p{margin-top:10px}.op-foot{font-size:12px;margin-top:16px;font-style:italic;opacity:.85}.clipboard{position:relative;width:470px;padding:34px 24px 24px;border-radius:14px;background:linear-gradient(135deg,#9a6a3a,#6a4220);box-shadow:0 10px 24px #00000080,inset 0 0 0 2px #4a2a12;margin:0 auto}.clip{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:140px;height:40px;border-radius:8px;background:linear-gradient(180deg,#e6e6e6,#8a8a8a);box-shadow:0 3px 5px #00000080}.clip-paper{background:#fbfaf4;padding:22px 22px 18px;box-shadow:0 2px 4px #0000004d;font-family:Georgia,serif;font-size:13px}.clip-title{font-weight:700;letter-spacing:.1em;font-size:12px;border-bottom:2px solid #333;padding-bottom:4px;margin-bottom:8px}.clip-paper td{padding:4px 8px 4px 0;vertical-align:top;border-bottom:1px solid #dde;font-family:var(--hand);font-size:19px;color:#233}.clip-paper td:first-child{white-space:nowrap;color:#666;font-family:Georgia,serif;font-size:12px;padding-top:7px}.clip-hand{font-family:var(--hand);font-size:28px;color:#a3201a;margin-top:14px;transform:rotate(-2deg)}.clip-hand.small{font-size:18px;color:#555;margin-top:2px}.stonewall svg{width:800px;display:block;box-shadow:0 8px 20px #00000080}.exhibit{display:flex;gap:0;box-shadow:0 10px 24px #00000073}.exh-img{width:260px;display:block;border:10px solid #3b2116}.exh-label{width:400px;background:#1d2a26;color:#e8e2d0;padding:24px 26px;font-size:14.5px;line-height:1.6}.exh-k{font-family:var(--display);font-size:11px;letter-spacing:.16em;color:#c9a24a}.exh-label h3{font-family:var(--display);font-size:22px;margin:6px 0 10px;font-weight:700}.exh-label p+p{margin-top:10px}.exh-foot{margin-top:16px;font-size:11px;opacity:.7}.receipt{width:290px;flex:none;padding:20px 18px 30px;background:#fdfcf6;font-family:Courier New,monospace;font-size:13px;color:#333;box-shadow:0 6px 16px #00000059;transform:rotate(1.5deg);clip-path:polygon(0 0,100% 0,100% 97%,95% 100%,90% 97%,85% 100%,80% 97%,75% 100%,70% 97%,65% 100%,60% 97%,55% 100%,50% 97%,45% 100%,40% 97%,35% 100%,30% 97%,25% 100%,20% 97%,15% 100%,10% 97%,5% 100%,0 97%)}.rc-shop{font-weight:700;text-align:center;font-size:16px;letter-spacing:.05em}.rc-addr{text-align:center;font-size:11px;margin:4px 0}.rc-rule{border-top:1px dashed #777;margin:8px 0}.rc-row{display:flex;justify-content:space-between;gap:8px;white-space:pre}.rc-row.total{font-weight:700;font-size:15px}.rc-thanks{text-align:center;margin-top:12px;font-size:11px}.note-view{text-align:center}.note-paper{display:inline-block;text-align:left;padding:26px 40px 26px 60px;background:#f1e8d1;font-family:var(--hand);font-size:32px;line-height:1.4;color:#23305e;background-image:linear-gradient(90deg,transparent 44px,rgba(216,138,138,.6) 44px 46px,transparent 46px),repeating-linear-gradient(180deg,transparent 0 43px,rgba(159,180,207,.55) 43px 45px);box-shadow:0 6px 16px #00000059;transform:rotate(-1deg)}.note-sig{text-align:right;font-size:38px}.sketchbook{display:flex;gap:4px;padding:14px;background:#3b2a1c;border-radius:6px;box-shadow:0 10px 24px #00000080}.sk-page{width:380px;background:#f4efe2;padding:16px;box-shadow:inset 0 0 20px #0000001f}.sk-page svg{width:100%;display:block}.cu-book{padding-bottom:20px}.bookview{width:1020px}.spread{display:flex;background:#3b2116;padding:12px;border-radius:8px;box-shadow:0 10px 24px #00000080,inset 0 0 0 2px #1a0d07;perspective:1600px}.page{flex:1;height:520px;background:linear-gradient(90deg,#efe4c8,#f6eeda 70%,#e9dcbc);padding:30px 38px 26px;position:relative;font-size:15px;line-height:1.62;overflow:hidden}.page.left{border-radius:4px 0 0 4px;box-shadow:inset -18px 0 24px -14px #3c280a73}.page.right{border-radius:0 4px 4px 0;background:linear-gradient(270deg,#efe4c8,#f6eeda 70%,#e9dcbc);box-shadow:inset 18px 0 24px -14px #3c280a73}.gutter{width:3px;background:#b9a57a}.flip-next .page.right{animation:flipR .55s ease-out both;transform-origin:left center}.flip-prev .page.left{animation:flipL .55s ease-out both;transform-origin:right center}@keyframes flipR{0%{transform:rotateY(-75deg);filter:brightness(.7)}to{transform:none}}@keyframes flipL{0%{transform:rotateY(75deg);filter:brightness(.7)}to{transform:none}}.pg h4{font-family:var(--display);font-size:17px;color:var(--ox);margin-bottom:12px;letter-spacing:.04em;font-variant:small-caps}.pg p+p{margin-top:10px}.pg mark{background:linear-gradient(transparent 55%,#c9a24a73 55%);color:inherit}.pg .small{font-size:13.5px;color:var(--muted);font-style:italic}.title-pg{text-align:center;padding-top:34px}.title-pg h3{font-family:var(--display);font-size:34px;font-weight:900;color:#1d3d27;margin:14px 0;letter-spacing:.03em}.bk-orn{font-size:30px;color:var(--brass-lo)}.bk-sub{font-style:italic;font-size:14px;color:var(--muted)}.bk-author{font-family:var(--display);font-size:18px;margin-top:40px;letter-spacing:.1em}.bk-press{font-size:12px;margin-top:50px;letter-spacing:.12em;color:var(--muted)}.bk-insc{font-family:var(--hand);font-size:24px;color:#23305e;margin-top:40px;transform:rotate(-3deg)}.dropcap{float:left;font-family:var(--display);font-size:52px;line-height:.9;padding:4px 3px 0 0;color:var(--ox)}.folio{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:12px;color:var(--muted)}.pg-center{display:flex;flex-direction:column;align-items:center;text-align:center}.engraving{width:260px}.caption{font-size:13px;font-style:italic;color:var(--muted);margin:6px 0 14px}.pencil{font-family:var(--hand);font-size:22px;color:#555;transform:rotate(-2deg);margin-top:26px}.chart-h{text-align:center}.mchart{display:grid;grid-template-columns:1fr 1fr;gap:6px 26px;margin-top:4px}.mrow{display:flex;align-items:center;gap:14px;border-bottom:1px dotted rgba(107,84,64,.4);padding:3px 0}.mrow b{font-family:var(--display);font-size:19px;width:22px;color:var(--ink)}.mcode{display:inline-flex;gap:6px;align-items:center}.mcode .dot{width:9px;height:9px;border-radius:50%;background:var(--ink)}.mcode .dash{width:28px;height:8px;border-radius:4px;background:var(--ink)}.book-nav{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:16px}.book-pos{font-family:var(--display);color:var(--muted)}.phone-wrap{display:flex;gap:40px;align-items:center}.phone{position:relative;width:300px;height:560px;border-radius:44px;padding:14px;background:linear-gradient(145deg,#3a3a42,#121216);box-shadow:0 0 0 2px #555,0 14px 30px #0009,inset 0 0 0 2px #000}.phone-notch{position:absolute;top:22px;left:50%;transform:translate(-50%);width:90px;height:24px;border-radius:12px;background:#000;z-index:2}.phone-screen{position:relative;width:100%;height:100%;border-radius:32px;overflow:hidden;background:#000}.phone-screen svg{width:100%;height:100%;display:block}.pv-hud{position:absolute;top:58px;left:18px;right:18px;display:flex;justify-content:space-between;color:#fff;font-family:Courier New,monospace;font-size:13px;text-shadow:0 1px 2px #000}.rec i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff3b2a;margin-right:6px;animation:nudge 1s infinite}.pv-caption{position:absolute;bottom:24px;left:0;right:0;text-align:center;color:#fffc;font-family:Arial,sans-serif;font-size:12px}.pv-side{max-width:340px;font-size:16px;line-height:1.6}.pv-side p+p{margin-top:10px}.pv-tip{font-style:italic;color:var(--muted)}.pv-side .brass-btn{margin-top:20px}.cu-lock{min-width:620px}.lock-wrap{display:flex;flex-direction:column;align-items:center}.padlock{position:relative;width:380px;padding-top:150px}.shackle{position:absolute;top:20px;left:40px;width:300px;height:200px;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}.padlock.open .shackle{transform:translateY(-46px)}.padlock.open .lock-body{animation:thunk .5s ease-out}@keyframes thunk{30%{transform:translateY(6px)}}.brass-body{background:linear-gradient(160deg,#f6dd94,#c9a24a 35%,#9a7a30 60%,#c9a24a,#7d5f22);box-shadow:inset 0 2px #fff9,inset 0 -4px 8px #3c280580,0 10px 22px #0000008c;border:2px solid #5b4416}.lock-body{position:relative;z-index:1;border-radius:24px 24px 34px 34px;padding:22px 28px 34px;text-align:center}.lock-brand{font-family:var(--display);font-size:12px;letter-spacing:.2em;color:#4a3410;margin-bottom:12px;text-shadow:0 1px 0 rgba(255,240,190,.6)}.lock-window{display:flex;justify-content:center;gap:10px;padding:10px 14px;border-radius:10px;background:linear-gradient(180deg,#2a1a08,#4a3010);box-shadow:inset 0 4px 10px #000c}.lock-rivets{display:flex;justify-content:space-between;margin-top:16px;padding:0 10px}.lock-rivets i{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c4,#7d5f22)}.wheel-col{display:flex;flex-direction:column;align-items:center;gap:4px}.wheel-arrow{width:52px;height:28px;border-radius:6px;font-size:13px;color:#2a1608;background:linear-gradient(180deg,var(--brass-hi),var(--brass) 55%,var(--brass-lo));border:1px solid #4c3510;box-shadow:0 2px 3px #00000080}.wheel-arrow:active:not(:disabled){transform:translateY(2px)}.wheel{width:60px;height:104px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:ns-resize;-webkit-user-select:none;user-select:none;overflow:hidden;position:relative;background:linear-gradient(180deg,#3a2a10,#c9a24a 22%,#f6e2a4,#c9a24a 78%,#3a2a10);box-shadow:inset 0 0 0 1px #5b4416,inset 0 0 12px #00000080}.wheel span{font-family:var(--display);font-weight:900;color:#2a1608;line-height:1}.w-prev,.w-next{font-size:20px;opacity:.35;transform:scaleY(.7)}.w-cur{font-size:38px;margin:4px 0;text-shadow:0 1px 0 rgba(255,245,200,.8);animation:roll .18s ease-out}@keyframes roll{0%{transform:translateY(-10px);opacity:.3}to{transform:none;opacity:1}}.wheel:before,.wheel:after{content:"";position:absolute;left:0;right:0;height:1px;background:#3c280580}.wheel:before{top:34px}.wheel:after{bottom:34px}.lock-note{margin-top:20px;font-style:italic;color:var(--muted);font-size:15.5px;text-align:center;max-width:560px;line-height:1.5;min-height:46px}.chestlock{padding:34px 50px;border-radius:10px;background:repeating-linear-gradient(90deg,#5a3a1e 0,#5a3a1e 6px,#4a2e16 6px,#4a2e16 9px,#63411f 9px,#63411f 18px),#5a3a1e;box-shadow:inset 0 0 0 6px #2e2e30,inset 0 0 30px #0009,0 10px 22px #00000080}.hasp{border-radius:14px;padding:22px 24px 18px;display:flex;flex-direction:column;align-items:center;gap:14px;transition:transform .45s cubic-bezier(.3,1.6,.5,1)}.chestlock.open .hasp{transform:translateY(-16px) rotateX(18deg)}.keyhole{width:16px;height:26px;background:#1a0d07;border-radius:8px 8px 3px 3px;clip-path:polygon(20% 0,80% 0,100% 35%,70% 50%,85% 100%,15% 100%,30% 50%,0 35%)}.cu-jigsaw{padding:18px 22px 14px}.jg-area{position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.jg-board{position:absolute;background:#3c230f2e;box-shadow:inset 0 0 0 2px #7d5f228c,inset 0 4px 14px #3c230f59;border-radius:3px}.jg-board i{position:absolute;width:160px;height:160px;border:1px dashed rgba(125,95,34,.4)}.jg-piece{position:absolute;width:184px;height:184px;cursor:grab;transition:transform .22s ease;touch-action:none;filter:drop-shadow(0 4px 5px rgba(40,20,5,.45))}.jg-piece:active{cursor:grabbing;filter:drop-shadow(0 10px 10px rgba(40,20,5,.45))}.jg-piece.placed{cursor:default;filter:none;transition:left .15s,top .15s}.jg-piece svg{display:block;pointer-events:none}.jg-piece:focus-visible{outline:3px solid var(--brass)}.jg-solved{position:absolute;left:150px;right:150px;top:356px;padding:14px 22px;border-radius:5px;font-size:16px;line-height:1.5;text-align:center;animation:pop .35s ease-out both;z-index:50}.jg-solved p{font-style:italic;margin:4px 0}.jg-solved span{color:var(--ox);font-size:14px}.cliff{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:auto;cursor:wait}.red-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 72% 0%,rgba(255,40,20,.55),rgba(120,0,0,.2) 35%,transparent 60%),#04061259;animation:redpulse 2.4s ease-in-out infinite;mix-blend-mode:screen}@keyframes redpulse{50%{opacity:.45}}.sfx{position:absolute;left:0;right:0;top:40%;text-align:center;font-family:var(--display);font-size:40px;letter-spacing:.25em;color:#f4e3c0;text-shadow:0 0 20px rgba(0,0,0,.9),0 2px 4px #000;animation:sfx 2.4s ease-out both;font-style:italic;white-space:pre}.sfx.big{font-size:110px;font-weight:900;color:#fff;font-style:normal;animation:slam .9s ease-out both}@keyframes sfx{0%{opacity:0;letter-spacing:.5em}30%{opacity:1}to{opacity:.2;letter-spacing:.3em}}@keyframes slam{0%{transform:scale(2.2);opacity:0}25%{transform:scale(1);opacity:1}to{opacity:0}}.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#070912;display:flex;flex-direction:column;align-items:center}.bleed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bleed.dim{filter:brightness(.45) blur(2px);transform:scale(1.03)}.bleed-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,transparent 35%,rgba(5,6,14,.75) 100%),linear-gradient(180deg,rgba(5,6,14,.35),transparent 30%,transparent 65%,rgba(5,6,14,.75));pointer-events:none}.bleed-vignette.heavy{background:radial-gradient(ellipse at 50% 40%,#05060e33 20%,#05060ed9)}.logo{position:relative;text-align:center;margin-top:clamp(24px,7vh,80px);padding:0 16px;animation:logoin 1.6s ease-out both}@keyframes logoin{0%{opacity:0;transform:translateY(-10px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.logo-small{font-family:var(--display);font-weight:700;font-variant:small-caps;font-size:clamp(22px,3.4vw,40px);letter-spacing:.32em;color:var(--brass-hi);text-shadow:0 2px 10px rgba(0,0,0,.8)}.logo-main{text-wrap:balance;max-width:1100px;margin-left:auto;margin-right:auto;font-family:var(--display);font-weight:900;font-size:clamp(30px,5vw,68px);line-height:1.05;letter-spacing:.03em;margin-top:4px;background:linear-gradient(180deg,#fff3c4,#f1d58a 30%,#c9a24a 55%,#8a6a24 70%,#e6c46e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #2a1608) drop-shadow(0 8px 18px rgba(0,0,0,.75))}.logo-act{display:inline-block;margin-top:14px;font-family:var(--display);font-weight:700;letter-spacing:.4em;font-size:16px;color:var(--brass-hi);padding:4px 6px 4px 20px;border-top:1px solid var(--brass);border-bottom:1px solid var(--brass);text-shadow:0 2px 6px #000}.title-btns{position:relative;margin-top:auto;margin-bottom:clamp(40px,12vh,130px);display:flex;flex-direction:column;gap:18px;align-items:center}.title-btns.row{flex-direction:row;margin:26px 0 0}.title-confirm{padding:16px 20px;border-radius:6px;text-align:center;font-size:15px}.title-confirm p{margin-bottom:12px}.title-credit{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#f1d58a8c;font-style:italic;font-size:13px}.intro-screen{justify-content:center;padding:16px}.intro-card{position:relative;max-width:680px;padding:34px 44px 30px;border-radius:6px;font-size:17px;line-height:1.7;animation:pop .5s ease-out both;max-height:calc(100vh - 32px);overflow:auto}.intro-card p+p{margin-top:14px}.intro-card p:first-of-type:first-letter{font-family:var(--display);float:left;font-size:56px;line-height:.9;padding:6px 8px 0 0;color:var(--ox)}.intro-head{font-family:var(--display);font-weight:900;font-variant:small-caps;color:var(--ox);letter-spacing:.1em;text-align:center;margin-bottom:16px;font-size:20px}.intro-card .brass-btn{display:block;margin:24px auto 0}.end-screen{justify-content:center;padding:16px}.end-card{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;animation:logoin 2s ease-out both;max-height:100%}.end-title{font-size:clamp(30px,5vw,64px)}.end-sub{font-family:var(--display);font-size:clamp(16px,2vw,22px);color:#f4e3c0;letter-spacing:.1em;margin-top:8px;text-shadow:0 2px 8px #000;font-style:italic}.end-clues{margin-top:26px;padding:18px 28px;border-radius:6px;max-width:640px;text-align:left;max-height:36vh;overflow:auto}.end-count{font-family:var(--display);color:var(--ox);text-align:center;font-size:18px;margin-bottom:8px}.end-clues ul{columns:2;column-gap:28px;font-size:14px;line-height:1.7;font-style:italic;padding-left:18px}@media (max-width: 600px){.end-clues ul{columns:1}.title-btns.row{flex-direction:column}.intro-card{padding:22px 20px;font-size:15.5px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sound-settings{margin-top:18px;border:1.5px solid var(--brass-lo);border-radius:6px;padding:10px 16px 14px}.sound-settings legend{font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:.08em;color:var(--ox);padding:0 6px;font-variant:small-caps}.sound-row{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:14px;padding:5px 0;cursor:pointer}.sound-row input[type=range]{flex:1;max-width:200px;accent-color:var(--brass-lo);cursor:pointer}.sound-row input[type=range]:disabled{opacity:.4;cursor:default}.mute-row{justify-content:flex-start;gap:10px}.mute-row input{width:18px;height:18px;accent-color:var(--brass-lo)}.mute-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#2a1608;background:radial-gradient(circle at 35% 30%,var(--brass-hi),var(--brass) 55%,var(--brass-lo));box-shadow:0 0 0 2px #1a0d07,0 4px 10px #0009}.mute-btn:hover{filter:brightness(1.1)}.mute-btn.corner-tr{position:absolute;top:16px;right:16px;z-index:5}