@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--green:#0c1c13;--cream:#f2e6c9;--paper:#f7eed8;--gold:#b38a45;--ink:#302116;--brown:#3a2415}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Libre Baskerville",Georgia,serif}.hidden{display:none!important}
.topbar{height:68px;background:var(--green);color:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid #b38a45;letter-spacing:.4px}.brand{font-weight:700}.brand span{font-weight:400;color:#d8c9a7}.status{display:flex;gap:9px;align-items:center}.gold-btn,.main-btn{font-family:inherit;border:1px solid var(--gold);background:var(--green);color:var(--cream);padding:11px 18px;cursor:pointer}.gold-btn{margin-left:16px}.wide{width:100%;margin-top:16px}.screen{min-height:calc(100vh - 128px)}
.start-screen{max-width:1040px;margin:0 auto;padding:70px 8vw 130px;text-align:center}.ornament{color:var(--gold);font-size:22px;letter-spacing:5px}.small{font-size:16px}.eyebrow{font-size:13px;letter-spacing:3px;color:#795f36}.start-screen h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:82px;line-height:.83;margin:25px 0}.start-screen h1 em{font-weight:600}.lead{font-family:"Cormorant Garamond";font-size:28px;margin:28px}.intro{font-family:"Cormorant Garamond";font-size:21px;line-height:1.5;max-width:820px;margin:0 auto 28px}.main-btn{font-size:18px;font-weight:700;padding:16px 28px}.start-screen small{display:block;margin-top:15px;color:#75644f}
.game-layout{display:grid;grid-template-columns:280px minmax(500px,1fr) 280px;gap:18px;max-width:1500px;margin:0 auto;padding:28px 24px 100px}.clue-panel{background:var(--paper);border:1px solid var(--gold);padding:15px}.paper{height:100%;padding:18px;border:1px solid #c8ab74}.clue-panel h2{font:600 48px/.9 "Cormorant Garamond";margin:20px 0}.clue-box{border-left:2px solid var(--gold);background:#efe2c4;padding:18px}.clue-box span{font-size:11px;letter-spacing:2px;color:#80612d}.clue-box p{font-family:"Cormorant Garamond";font-size:23px;line-height:1.2;margin:10px 0}.hint-text{font-size:13px;line-height:1.5;color:#695a47}.outline-btn{background:transparent;border:1px solid #a98445;color:var(--ink);padding:10px 14px;margin:5px 4px;cursor:pointer;font-family:inherit}
.scene-wrap{min-width:0}.scene-frame{position:relative;border:7px solid #5a3a21;box-shadow:0 12px 30px #6e522d44;overflow:hidden;background:#5b3b22}.scene{display:block;width:100%;height:auto;min-height:520px;object-fit:cover}.scene-caption{text-align:center;padding:10px;font-size:12px;color:#75644f}
.hotspot{position:absolute;width:48px;height:48px;border-radius:50%;border:2px solid #f5df9d;background:#2c2114cc;color:#f5df9d;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 0 5px #b38a4530,0 0 18px #f1cf79aa;animation:pulse 1.8s infinite}.hotspot:hover{transform:scale(1.15)}@keyframes pulse{50%{box-shadow:0 0 0 9px #b38a4515,0 0 24px #f1cf79cc}}
.inventory{background:#111b14;border:1px solid var(--gold);color:var(--cream);padding:18px}.inventory h3{font:700 17px "Cormorant Garamond";letter-spacing:1px;border-bottom:1px solid #6c5735;padding-bottom:13px}.inv-item{display:grid;grid-template-columns:55px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #5d4d35;align-items:center}.inv-item img{width:55px;height:55px;object-fit:cover;border:1px solid var(--gold)}.inv-item b{font-size:12px}.inv-item span{display:block;font-size:10px;color:#cbbd9e;margin-top:4px}.locked-item{opacity:.42;display:grid;grid-template-columns:55px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #5d4d35}.locked-icon{width:55px;height:55px;border:1px solid #695a42;display:flex;align-items:center;justify-content:center;font-size:25px}
.map-card,.cabinet-card{max-width:1180px;margin:40px auto 120px;padding:35px;border:1px solid var(--gold);background:#f6ebd1;text-align:center}.map-card h2,.cabinet-card h2{font:600 62px "Cormorant Garamond";margin:8px}.map-card>p,.cabinet-card>p{font:20px "Cormorant Garamond"}.rooms{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.room{min-height:180px;background:linear-gradient(145deg,#3a2416,#17100b);border:5px solid #6f4b25;outline:1px solid #c29450;color:#f0dfba;padding:18px;text-align:left;display:flex;flex-direction:column;justify-content:end;cursor:pointer}.room b{font:700 22px "Cormorant Garamond"}.room span{font:17px "Cormorant Garamond";color:#c7b99c}.room small{margin-top:15px;color:#e1c67f;letter-spacing:2px}.room.locked{cursor:default;filter:saturate(.65);opacity:.8}
.cabinet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:30px 0}.cab-item{border:1px solid #c8ab74;background:#f8f0dc;padding:15px}.cab-item img{width:100%;aspect-ratio:1;object-fit:cover}.cab-item h3{font:600 22px "Cormorant Garamond";margin:10px 0 3px}.cab-item p{font-size:11px;color:#75644f}
.bottom-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;height:60px;background:#0b1911ee;border-top:1px solid var(--gold);display:flex;justify-content:center;gap:34px}.bottom-nav button{background:none;border:0;color:#eadfc5;font-family:inherit;cursor:pointer;min-width:70px}.bottom-nav span{display:block;font-size:10px;margin-top:3px}
.modal{position:fixed;inset:0;background:#0a100bd9;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{position:relative;max-width:720px;width:100%;background:var(--paper);border:1px solid var(--gold);padding:28px;text-align:center;box-shadow:0 20px 80px #000b}.modal-card img{width:230px;height:230px;object-fit:cover;border:5px solid #8f6a37;padding:4px;background:#fff;margin:5px auto 12px}.modal-card h2{font:600 38px "Cormorant Garamond";margin:4px}.modal-card p{font:15px/1.5 Georgia}.close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:30px;cursor:pointer;color:#4d3b28}.next-clue{margin:15px 0;padding:14px;background:#eadcbc;border-left:2px solid var(--gold);text-align:left}.next-clue b{display:block;font-size:11px;letter-spacing:2px}.next-clue span{font:20px "Cormorant Garamond"}
@media(max-width:1050px){.game-layout{grid-template-columns:1fr}.clue-panel{order:2}.inventory{order:3}.scene{min-height:0}.rooms{grid-template-columns:1fr 1fr}.cabinet-grid{grid-template-columns:1fr 1fr}.start-screen h1{font-size:62px}}
@media(max-width:620px){.topbar{padding:0 12px;font-size:12px}.brand span{display:none}.status .gold-btn{padding:8px}.start-screen{padding:45px 20px 110px}.start-screen h1{font-size:52px}.rooms,.cabinet-grid{grid-template-columns:1fr}.game-layout{padding:12px 8px 85px}.bottom-nav{gap:2px}.bottom-nav button{min-width:55px}}