/* Shared captain's journal theme, including the in-world HUD. */
:root{--cream:#f9edcf;--gold:#e6bd72;--ink:#0d242b;--edge:#bd975763;--muted:#b9cfca}
button{border-color:var(--edge);border-radius:9px;background:linear-gradient(150deg,#28494c,#142e36);box-shadow:inset 0 1px #ffffff0c;transition:background .16s,box-shadow .16s,transform .16s;min-height:44px}
button:hover:not(:disabled){background:linear-gradient(150deg,#365d5b,#203e45);box-shadow:0 3px 14px #0003;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{filter:saturate(.4)}
.gold{background:linear-gradient(120deg,#f4d398,#cf9c51);border:1px solid #ffe4ac;box-shadow:0 5px 20px #0003;justify-content:center}.gold:hover:not(:disabled){background:linear-gradient(120deg,#ffe4b3,#e0b366)}
header{top:18px;padding-bottom:12px;border-bottom:1px solid #eed9a533}.brand{letter-spacing:4px}header button{margin-left:8px;border-radius:50%;width:44px}.eyebrow{color:var(--gold);line-height:1.6}
.intro{padding:28px 32px;border-left:2px solid var(--gold);background:linear-gradient(90deg,#0b2529d9,#0d252a88,transparent);border-radius:0 22px 22px 0}.intro h1{font-size:clamp(46px,6.1vw,84px)}.intro p{color:#edf2e5}.features{color:var(--gold)}
.card{background:radial-gradient(ellipse at top left,#31524e99,transparent 65%),repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 5px),#102b32fa;border:1px solid var(--edge);border-top:3px solid var(--gold);border-radius:16px;box-shadow:0 24px 90px #00151ab3,inset 0 0 0 5px #e5bd6d08;scrollbar-width:thin;scrollbar-color:#9b8254 #132d33;animation:journal-in .22s ease-out}.card h2{color:#fff0cf;letter-spacing:-.7px}.card p{color:#cdded8}
@keyframes journal-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.key-guide{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.key-guide>div{display:flex;flex-direction:column;gap:5px;padding:10px;border:1px solid #d0b17429;border-radius:7px;background:#071f264d}.key-guide span{font-size:11px;line-height:1.4}kbd{font:600 11px Arial;color:#f3d599;letter-spacing:.7px}.key-guide kbd{display:block}
.vitals,.quest,.supplies,#weaponStatus{background:linear-gradient(135deg,#16373bef,#0c252ce8);border:1px solid var(--edge);box-shadow:0 5px 22px #001a2233;border-radius:11px;padding:14px}.vitals{left:24px;top:88px;width:215px}.vitals>div:first-child{color:#ffd8bd}.bar{height:8px;background:#061b23;border:1px solid #ffffff10}.bar i{background:linear-gradient(90deg,#b9544f,#f2a37c)}.stamina{height:5px}.stamina i{background:linear-gradient(90deg,#53a69b,#ade4bb)}.hunger{height:4px;margin-top:6px}.hunger i{background:linear-gradient(90deg,#b88b47,#e3c67e)}
.quest{top:88px;width:36%;max-width:490px;padding:13px 20px;border-top:2px solid var(--gold)}.quest strong{line-height:1.4;font-size:16px}.quest>span{font-size:9px;letter-spacing:2px}.supplies{top:88px;right:24px;gap:12px;font-size:11px}.supplies span{color:#f1dfb7}
#packButton,#mapButton{right:24px;min-width:170px;border-radius:8px;font-size:10px}#packButton{top:178px}#mapButton{top:230px}#map{right:24px;bottom:100px;border:4px double #d8b579;box-shadow:0 0 0 5px #123039c9,0 8px 22px #0005}#mapLabel{right:24px;bottom:73px;line-height:1.5;color:#fff2d1;text-shadow:0 2px 3px #000}
#bossHud{top:187px;width:min(370px,38vw);padding:12px 17px;background:#241e32ed;border:1px solid #c49bb26b;border-radius:10px;font-size:9px;line-height:1.5}#bossBar{background:linear-gradient(90deg,#8c516f,#ec9f9f)}#bossHud .bar{height:10px}
#weaponStatus{bottom:60px;left:24px;max-width:calc(100% - 250px);font-size:11px;line-height:1.6;color:#f3d398}#controls{bottom:23px;left:24px;max-width:calc(100% - 250px);line-height:1.8;color:#e7ece0}#controls span{margin:0 8px}
#prompt{bottom:128px;border-radius:24px;padding:13px 24px;background:#102d32f2;border-color:#e1b76b;box-shadow:0 6px 24px #0004;line-height:1.5}#toast{border-left:3px solid var(--gold);border-radius:9px;background:#15363cf5;max-width:min(500px,90vw);line-height:1.5}
.inventory h3{font:18px Georgia;color:#e6c48c;border-bottom:1px solid #d3b66b33;padding-bottom:9px}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.recipes{gap:8px}.inventory button{min-height:46px}.inventory #inventoryStats,.inventory #armorStatus{padding:10px 13px;background:#08232a85;border-radius:7px}#closeInventory{bottom:0;background:linear-gradient(120deg,#f4d398,#cf9c51)}
.voyage-card{border-radius:10px;background:linear-gradient(150deg,#2a4948,#102c34);padding:18px}.voyage-number{font-style:italic;color:#f0cc87}.voyage-card h3{line-height:1.25}.trophy-shelf{border-radius:9px;padding:16px}.home-actions button{padding:15px}.completion-seal{border:2px solid var(--edge);border-radius:50%;width:90px;height:90px;line-height:86px;margin:0 auto 20px;background:#d5ac6412}#completionStats{border-block:1px solid var(--edge);padding:14px}
#dialog{max-width:650px}#dialogText{border-left:2px solid var(--gold);padding:8px 0 8px 20px;line-height:1.9}#end{text-align:center}#endTitle{font-size:44px}#areaCanvas{background:#102c32;border:3px double var(--edge);border-radius:10px}#mapQuest{padding:10px 14px;background:#d4b96a0d;border-radius:6px}#mapLegend{line-height:1.8;color:#e8d6aa}
body:has(#overlay .panel:not([hidden]):not(#intro)) #hud,body:has(#overlay .panel:not([hidden]):not(#intro)) #touch{visibility:hidden}
#touch button{border:1px solid #d4b87588;background:#102d35eb;border-radius:12px;min-width:44px;min-height:44px;box-shadow:0 3px 10px #0003}.touch-actions{gap:6px}.touch-move button{font-size:19px}#touchAttack{background:#805344}#touchUse{background:#426b60}
@media(max-width:900px){.vitals{width:175px}.quest{width:35%}.supplies{font-size:10px;padding:12px}.key-guide{gap:7px}}
@media(max-width:700px){header{top:10px;left:14px;right:14px}.brand{font-size:14px}header button{margin-left:auto}#overlay{inset:72px 12px 20px}.intro{padding:18px}.intro h1{font-size:clamp(40px,10vw,62px);letter-spacing:-2px}.intro .eyebrow{font-size:8px;margin-bottom:14px}.intro p{margin:12px 0}.intro .features{margin-top:16px}.gold{min-width:0;gap:12px;padding:16px}.card{padding:19px;width:100%;max-height:100%}.card h2{font-size:29px}.vitals{left:12px;top:76px;width:152px;padding:10px}.supplies{right:12px;top:76px;padding:10px;gap:10px}.quest{top:182px;width:calc(100% - 24px);max-width:none;padding:8px 12px}.quest strong{font-size:13px;margin-top:4px}.quest>span{font-size:8px}#packButton,#mapButton{top:144px;min-width:0;min-height:32px;padding:7px;font-size:8px}#packButton{left:12px;right:auto;max-width:66%}#mapButton{right:12px}#bossHud{top:260px;width:70%;padding:7px}#weaponStatus{top:auto;bottom:55px;left:12px;max-width:calc(100% - 150px);font-size:9px;padding:8px}#map{width:110px;height:110px;right:15px;bottom:85px}#mapLabel{width:110px;right:15px;bottom:54px;font-size:7px}#controls{display:none}#prompt{bottom:175px;max-width:90%;width:max-content;font-size:11px}#toast{bottom:230px;font-size:12px}.inventory-grid{grid-template-columns:repeat(2,1fr)}.key-guide{grid-template-columns:1fr 1fr}.key-guide>div{padding:8px}.key-guide span{font-size:10px}.area-map h2{font-size:24px}.area-map small{font-size:10px}#endTitle{font-size:34px}footer{bottom:8px;font-size:7px}}
@media(pointer:coarse){#touch{bottom:12px;align-items:end}#touch button{padding:10px}.touch-actions{max-width:225px;grid-template-columns:repeat(3,1fr)}#weaponStatus{bottom:200px;font-size:9px;max-width:55%}#map{bottom:230px}#mapLabel{bottom:205px}#prompt{bottom:285px}#toast{bottom:345px}}
@media(max-height:540px){#overlay{inset:68px 12px 12px}.intro h1{font-size:40px}.intro p,.intro .features,.intro small{display:none}.quest{top:75px;width:36%}.vitals,.supplies{top:75px}#bossHud{top:165px}.card h2{font-size:26px}#areaCanvas{max-height:35vh}}
@media(max-width:700px) and (min-height:541px){#packButton,#mapButton{top:182px}.quest{top:224px}#bossHud{top:307px}}
@media(prefers-reduced-motion:reduce){.card{animation:none}button,.bar i{transition:none}}