.territory-options{grid-template-columns:repeat(4,minmax(0,1fr))}
.territory-options button[data-territory="3"]{background:linear-gradient(120deg,#211c3cde,#0a1e32e6),url('assets/abyss-background.png') center/cover}
.dive-controls{display:flex;gap:7px;margin-top:12px;pointer-events:auto}.dive-controls button{flex:1;border:1px solid #c3efea50;background:#082739bb;color:#e0fff5;padding:9px 8px;border-radius:8px;font:500 12px 'DM Sans',sans-serif;cursor:pointer}.dive-controls button[aria-pressed="true"]{background:#b3ffdf;color:#0b2432}.dive-controls kbd{margin-left:5px}
#depth-layer{font:600 10px 'DM Sans',sans-serif;letter-spacing:.14em;color:#afcde0;margin:10px 0 8px}.depth-readout{gap:6px}
.sighting{position:absolute;left:50%;bottom:146px;transform:translateX(-50%);display:flex;flex-direction:column;text-align:center;gap:6px;padding:15px 28px;background:linear-gradient(100deg,#071c2ae8,#143848eb);border:1px solid #b5ffe640;border-radius:14px;box-shadow:0 8px 35px #00141e70;max-width:min(460px,70vw);pointer-events:none}.sighting>span{color:#adffdc;font-size:10px;font-weight:600;letter-spacing:.16em}.sighting strong{font:500 22px Outfit,sans-serif;color:#f0fff9}.sighting small{font-size:12px;color:#c6dcdf;line-height:1.45}
#journal-dialog{width:min(960px,calc(100vw - 36px));max-height:88vh;padding:30px;background:#071e2bf5}#journal-dialog::backdrop{background:#00101bd9}.journal-heading{display:flex;justify-content:space-between;align-items:start;gap:24px}.journal-heading h2{margin:9px 0 8px;font-size:36px}#journal-summary,.journal-note{font-size:13px;color:#a8c6cf;line-height:1.6}#journal-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}#journal-tabs button{border:1px solid #bbf0e133;background:#123345;color:#d6e9e5;padding:10px 14px;border-radius:20px;font:500 12px 'DM Sans',sans-serif;cursor:pointer}#journal-tabs button[aria-pressed="true"]{background:#c0fbe0;color:#0b2b34}#journal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.creature-card{background:linear-gradient(150deg,#103144,#0a2434);border:1px solid #b0e8e122;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:7px}.creature-card canvas{width:100%;height:120px;object-fit:contain}.creature-card h3{font:500 19px Outfit,sans-serif;margin:0}.creature-card p{font-size:12px;line-height:1.6;color:#bdd3da;margin:2px 0 8px}.creature-card .species-tag{font:600 9px 'DM Sans',sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#9df0cf}.creature-card a{font-size:11px;color:#92c9da;text-underline-offset:3px;margin-top:auto}.creature-card.seen{border-color:#b5ffda70}.journal-note{margin-top:22px}
#chapter-art[data-next="abyss"]{background-image:linear-gradient(0deg,#0b2034,transparent),url('assets/abyss-background.png')}
#chapter-art[data-next="sanctuary"]{background-image:linear-gradient(0deg,#0b2034,transparent),url('assets/sunlit-reef.png')}
@media(max-width:900px){.territory-options{grid-template-columns:repeat(2,minmax(0,1fr))}#journal-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sighting{bottom:132px;left:55%;padding:10px 18px}.sighting strong{font-size:18px}}
@media(max-width:600px){#journal-cards{grid-template-columns:1fr}.journal-heading h2{font-size:28px}#journal-dialog{padding:20px}.sighting{bottom:145px;left:50%;max-width:80vw}.dive-controls button{padding:7px 5px;font-size:11px}.sighting small{display:none}}