*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#000;color:#e5e7eb}.layout{display:flex;height:100vh;overflow:hidden;background-color:#000}.sidebar{width:260px;padding:1rem;background-color:#0b0b0b;border-right:1px solid #1f1f1f;overflow-y:auto}.sidebar h2{font-size:1.1rem;margin-bottom:.5rem;color:#f3f4f6}.sidebar button,.map-button{width:100%;text-align:left;padding:.4rem .6rem;margin-bottom:.25rem;border:none;background:transparent;cursor:pointer;border-radius:5px;color:#d1d5db}.sidebar button:hover,.map-button:hover,.sidebar button.active{background-color:#1f2937;color:#93c5fd}.thumb-container{position:relative;width:100%;max-width:200px;cursor:pointer;border-radius:6px;overflow:hidden;background-color:#111}.map-thumbnail{width:100%;height:100px;object-fit:cover;display:block}.thumb-overlay{position:absolute;bottom:0;left:0;width:100%;padding:6px;background:#0009;color:#fff;z-index:1}.thumb-overlay .section{font-weight:700;font-size:12px}.thumb-overlay .page{font-size:10px;color:#d1d5db}.content{flex:1;padding:2rem;overflow-y:auto;display:flex;flex-wrap:wrap;gap:1.5rem;background-color:#000}.card{position:relative;width:300px;height:180px;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;background-color:#111;box-shadow:0 4px 12px #000c}.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000000d9,#0003);z-index:0}.card .section{font-weight:700;color:#fff;font-size:20px;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.8)}.card .page{font-size:14px;color:#d1d5db;position:relative;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.8)}