*{box-sizing:border-box}html,body{margin:0;height:100%;background:#070807;color:#eee;font-family:Georgia,serif;overflow:hidden}button{font:inherit}#app{height:100%}
@keyframes screenShake{0%,100%{transform:translate(0,0) rotate(0)}5%{transform:translate(-10px,-6px) rotate(-.6deg)}10%{transform:translate(9px,5px) rotate(.5deg)}15%{transform:translate(-11px,4px) rotate(-.7deg)}20%{transform:translate(10px,-6px) rotate(.6deg)}25%{transform:translate(-8px,5px) rotate(-.5deg)}30%{transform:translate(9px,-4px) rotate(.5deg)}35%{transform:translate(-7px,3px) rotate(-.4deg)}40%{transform:translate(8px,-3px) rotate(.4deg)}45%{transform:translate(-6px,4px) rotate(-.3deg)}50%{transform:translate(6px,-3px) rotate(.3deg)}55%{transform:translate(-5px,2px) rotate(-.3deg)}60%{transform:translate(5px,-2px) rotate(.2deg)}65%{transform:translate(-4px,3px) rotate(-.2deg)}70%{transform:translate(4px,-2px) rotate(.2deg)}75%{transform:translate(-3px,1px) rotate(-.1deg)}80%{transform:translate(3px,-1px) rotate(.1deg)}85%{transform:translate(-2px,1px) rotate(-.1deg)}90%{transform:translate(2px,-1px) rotate(.1deg)}95%{transform:translate(-1px,0) rotate(0)}}
#app.shake{animation:screenShake 2s ease-out}.screen{position:absolute;inset:0;display:none}.screen.active{display:block}.topbar{position:absolute;z-index:20;top:0;left:0;right:0;height:62px;display:flex;align-items:center;gap:12px;padding:8px 14px;background:linear-gradient(#080a08e6,#080a0880,transparent)}.brand{font-weight:bold;color:#e9c56d;font-size:20px;letter-spacing:.5px}.spacer{flex:1}.btn{background:#1b1c18dd;border:1px solid #a78949;color:#f2dfae;padding:9px 13px;border-radius:8px;cursor:pointer}.btn:hover{background:#2a2b24}#mapScreen{background:radial-gradient(circle at 50% 25%,#273024,#090b09 60%)}.mapbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mapPins{position:absolute;inset:0}.pin{all:unset;position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;cursor:pointer;z-index:1}.pin:hover,.pin:focus-visible{z-index:5}.pinPopup{position:absolute;bottom:100%;left:50%;transform:translate(-50%,-12px);width:230px;opacity:0;pointer-events:none;transition:opacity .18s;background:#0c0d0bf2;border:1px solid #d7b45b;border-radius:10px;overflow:hidden;box-shadow:0 12px 34px #000b}.pin.flip .pinPopup{bottom:auto;top:100%;transform:translate(-50%,12px)}.pin:hover .pinPopup,.pin:focus-visible .pinPopup{opacity:1}.pinPopup img{width:100%;height:128px;object-fit:cover;display:block}.pinPopup .popupBody{padding:8px 10px}.pinPopup .popupName{color:#f3d46e;font-size:14px;font-weight:bold;margin-bottom:3px}.pinPopup .popupMeta{color:#c9b98a;font-size:11px}.pinBadge{width:46px;height:46px;border-radius:50%;background:#14160fee;border:2px solid #a78949;display:flex;align-items:center;justify-content:center;font-size:21px;box-shadow:0 4px 12px #000a;transition:transform .15s,border-color .15s}.pin:hover .pinBadge,.pin:focus-visible .pinBadge{transform:scale(1.14);border-color:#f3d46e}.pinLabel{position:relative;margin-top:-3px;background:#0c0d0be6;border:1px solid #7b683c;border-radius:6px;padding:3px 9px;font-size:12px;color:#f0dfae;white-space:nowrap;font-weight:bold}.pinLabel:after{content:'';position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #0c0d0be6}#puzzleScreen{background:#000}#stage{position:absolute;inset:0;background:#000}#wall{width:100%;height:100%;object-fit:cover;display:block}.niche{position:absolute;top:46%;transform:translate(-50%,-50%);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px dashed #d8b85b77;background:#00000055;box-shadow:inset 0 0 14px #000c}.niche.filled{border-style:solid;border-color:#e9c56d;background:#000000b0;box-shadow:0 0 16px #e9c56d66,inset 0 0 10px #000c}.niche.hot{outline:2px solid #e6c260;box-shadow:0 0 22px #ffe18b66 inset}.niche img{max-width:94%;max-height:94%;filter:drop-shadow(0 7px 8px #000a)}#hud{position:absolute;z-index:15;left:0;right:0;bottom:0;padding:10px 14px 14px;background:linear-gradient(transparent,#050605cc 18%,#050605f5)}#status{display:flex;align-items:center;gap:12px;margin-bottom:8px}#feedback{padding:7px 11px;border:1px solid #6b5c34;background:#11130ecc;border-radius:8px;color:#ecd28d}#instWrap{width:180px;height:10px;background:#222;border:1px solid #555;border-radius:8px;overflow:hidden}#inst{height:100%;background:linear-gradient(90deg,#8ab060,#d2a33d,#b33);width:0}.playRow{display:flex;align-items:center;justify-content:center;gap:16px}#tray{display:flex;justify-content:center;gap:8px;overflow-x:auto;min-height:112px}.playButtons{display:flex;gap:8px;flex:0 0 auto}#attemptsLog{position:absolute;z-index:16;left:12px;top:70px;bottom:14px;width:360px;overflow-y:auto;background:#080a0855;border:1px solid #7b683c55;border-radius:12px;padding:12px}#attemptsLog h4{margin:2px 0 12px;color:#e9c56d;font-size:16px;letter-spacing:.4px;text-transform:uppercase;opacity:.9}.attemptEntry{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;padding:10px;background:#00000044;border-radius:8px;border:1px solid #6e613c33}.attemptRelics{display:flex;gap:6px}.attemptRelics img{width:60px;height:60px;object-fit:contain;background:#0c0d0b88;border:1px solid #655a3b;border-radius:6px}.attemptResult{font-size:16px;color:#e8d8aa}.relic{width:95px;height:95px;background:#0c0d0bcc;border:1px solid #655a3b;border-radius:10px;padding:4px;cursor:pointer;flex:0 0 auto}.relic img{width:100%;height:100%;object-fit:contain}.relic.sel{border-color:#f3d46e;box-shadow:0 0 0 2px #f3d46e66}#goldieText{color:#e8d8aa;font-size:13px;font-style:italic;margin-bottom:4px}
#attempts{color:#e8d8aa;font-size:13px;white-space:nowrap}
.controls{display:grid;grid-template-columns:auto 1fr;gap:5px 8px;font-size:12px}
.controls label{display:flex;align-items:center;gap:5px}.controls input[type=checkbox]{accent-color:#d7b45b}
#settingsPanel{position:absolute;z-index:21;top:60px;right:14px;background:#0c0d0bf2;border:1px solid #7b683c;border-radius:10px;padding:10px 14px}
#settingsPanel[hidden]{display:none}
#settingsBtn{font-size:12px;padding:6px 10px}input[type=range]{width:100%}#reveal{position:absolute;z-index:50;inset:0;background:#000d;display:none;align-items:center;justify-content:center}#reveal.show{display:flex}#reveal .card{background:#0b0d0be8;border:1px solid #d8b85b;border-radius:16px;padding:28px;text-align:center;color:#efd889;max-width:520px}@media(max-width:900px){.relic{width:74px;height:74px}.niche{height:22%}#attemptsLog{width:50vw}.playRow{flex-direction:column;gap:8px}.pinLabel{font-size:10px;padding:2px 6px}.pinBadge{width:36px;height:36px;font-size:16px}.pinPopup{width:170px}.pinPopup img{height:90px}}

#instRow{display:flex;align-items:center;gap:6px}.instLabel{font-size:11px;color:#b7a877;letter-spacing:.4px;white-space:nowrap}
.revealTreasureImg{max-width:220px;max-height:220px;object-fit:contain;margin:10px auto;display:block;filter:drop-shadow(0 8px 14px #000a)}.revealTreasureName{color:#f3d46e;font-size:18px;margin:6px 0 14px}
.museumSummary{color:#e8d8aa;font-size:13px}
#museumGrid{position:absolute;z-index:15;top:70px;left:20px;right:20px;bottom:20px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding:8px}
.treasureCard{background:#0e0f0dd9;border:1px solid #7b683c;border-radius:10px;padding:10px;text-align:center;color:#ecd28d;font-size:13px}
.treasureCard img{width:100%;height:130px;object-fit:contain;margin-bottom:6px;filter:drop-shadow(0 6px 10px #000a)}
.museumEmpty{color:#c9b98a;padding:20px}
#aweScreen{position:absolute;z-index:55;inset:0;background:#000;display:none;align-items:center;justify-content:center}#aweScreen.show{display:flex}#aweScreen img{max-width:100%;max-height:100%;object-fit:contain}
#helpModal{position:fixed;z-index:60;inset:0;background:#000000b0;display:none;align-items:center;justify-content:center;padding:24px}#helpModal.show{display:flex}.helpCard{position:relative;max-width:560px;max-height:82vh;overflow-y:auto;background:#0c0d0bf5;border:1px solid #d8b85b;border-radius:16px;padding:28px 30px;color:#ecd28d;box-shadow:0 20px 60px #000c}.helpCard h1{color:#f3d46e;margin:0 0 14px;font-size:24px}.helpCard h3{color:#e9c56d;margin:16px 0 4px;font-size:15px}.helpCard p{margin:0;line-height:1.5;color:#ecd28d;font-size:14px}.helpClose{position:absolute;top:14px;right:14px;padding:4px 10px;font-size:14px}.helpCloseBottom{display:block;margin:22px auto 0}
.pin:focus-visible,.niche:focus-visible,.relic:focus-visible,.btn:focus-visible{outline:3px solid #f3d46e;outline-offset:2px}
.home-btn{position:fixed;right:16px;bottom:16px;z-index:19;display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;background:rgba(10,12,8,.75);border:1px solid #e9c56d;color:#e9c56d;text-decoration:none;font-size:13px;font-weight:700;font-family:Georgia,serif;box-shadow:0 4px 14px rgba(0,0,0,.4)}
.home-btn:hover{opacity:.82}
@media(max-width:760px){.home-btn{padding:7px 12px;font-size:12px}}