/* Engraved, dimensional discovery cards. All artwork is the original relic atlas. */
.mars-discovery{--foil:#d5b572;--light:#89eadb;max-width:calc(100vw - 40px);width:414px;max-height:calc(100dvh - 36px);padding:12px;border:0;color:#f7edd9;background:transparent;overflow:auto;scrollbar-width:thin;scrollbar-color:#988561 #13191e;outline:none}
.mars-discovery::backdrop{background:#030a1426}
.discovery-collection-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;padding:12px;border:1px solid #d5b57288;border-radius:10px;background:#101b25;color:#f7edd9;font:700 10px/1.5 system-ui;letter-spacing:.07em}
.discovery-collection-header[hidden]{display:none}#mars-collection-count{color:#89eadb;font-size:9px;text-align:right;letter-spacing:0}
.mars-discovery[data-view=archive] .journal-list{margin:0 0 9px}
.mars-discovery[data-kind=scroll]{--foil:#a4c8e4;--light:#a7b7ff}
.discovery-stage{perspective:1100px;padding:4px 0 8px}
.discovery-card{--turn-x:2deg;--turn-y:-2deg;position:relative;isolation:isolate;transform-style:preserve-3d;transform:rotateX(var(--turn-x)) rotateY(var(--turn-y));transition:transform .22s ease-out;box-sizing:border-box;padding:20px 23px 18px;border:2px solid var(--foil);border-radius:22px 8px 22px 8px;background:radial-gradient(ellipse at var(--light-x,25%) 0%,#71604c4d,transparent 55%),linear-gradient(145deg,#273039,#101b25 43%,#0a1118);box-shadow:3px 4px 0 #927b51,6px 8px 0 #29231c,9px 14px 0 #070b0e,0 30px 65px #000c,inset 0 0 0 4px #0c131a,inset 0 0 0 5px #af956b77,inset 0 0 38px #0007;animation:discovery-arrive .65s cubic-bezier(.2,.8,.2,1) both}
.discovery-card::before{content:"";position:absolute;inset:9px;border:1px solid #d5b5724d;border-radius:13px 3px 13px 3px;pointer-events:none;background:linear-gradient(122deg,transparent 20%,#fff6d512 42%,transparent 57%);z-index:3}
.discovery-rim{position:absolute;inset:-5px;border:1px solid #d5b57244;border-radius:25px 11px 25px 11px;pointer-events:none}
.discovery-header{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;transform:translateZ(12px);padding:1px 0 13px;color:var(--foil);font:700 9px/1.4 system-ui;letter-spacing:.16em}
#mars-scroll-number{white-space:nowrap;color:var(--light);font:600 10px/1.3 system-ui;letter-spacing:.07em}
.discovery-art{height:208px;position:relative;transform-style:preserve-3d;display:grid;place-items:center;border:1px solid #c0a06c66;border-radius:45% 45% 7px 7px;overflow:visible;background:radial-gradient(ellipse at center,#3d645442,transparent 63%),linear-gradient(#030a1477,#1c25302b);box-shadow:inset 0 0 35px #0009,0 1px #e6c99522}
.discovery-art::after{content:"";position:absolute;bottom:-1px;width:45%;height:3px;background:var(--light);box-shadow:0 0 18px var(--light);opacity:.55}
.discovery-sigil{position:absolute;width:192px;height:192px;fill:none;stroke:var(--foil);stroke-width:.7;opacity:.38;transform:translateZ(4px) rotate(15deg)}
.discovery-art-glow{position:absolute;inset:18%;background:radial-gradient(ellipse,var(--light),transparent 69%);opacity:.13;filter:blur(15px);transform:translateZ(8px)}
#mars-discovery-art{position:relative;width:100%;height:100%;object-fit:contain;transform:translateZ(35px);filter:drop-shadow(0 0 16px #7febd922);animation:discovery-hover 5s ease-in-out infinite;pointer-events:none}
.discovery-lore{position:relative;transform:translateZ(15px);padding-top:18px}
.discovery-lore h2{margin:0;text-align:center;color:#ffebbc;font:600 25px/1.15 Georgia,'Times New Roman',serif;text-wrap:balance;text-shadow:0 2px 2px #000,0 0 24px #dca85822}
.mars-discovery[data-kind=scroll] .discovery-lore h2{color:#e1eaff}
.discovery-rule{display:flex;align-items:center;gap:12px;color:var(--foil);font-size:10px;margin:12px 14px}
.discovery-rule span{width:18px;height:3px;background:var(--foil);box-shadow:0 0 8px #d5b57244}
.discovery-rule::before,.discovery-rule::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--foil))}.discovery-rule::after{transform:rotate(180deg)}
#mars-scroll-text{margin:0;color:#d6dbd6;text-align:center;font:400 13px/1.6 Georgia,'Times New Roman',serif;text-wrap:pretty}
.discovery-footer{transform:translateZ(20px);padding-top:17px;position:relative}
#mars-journal-summary{display:block;text-align:center;font:600 8px/1.3 system-ui;letter-spacing:.17em;color:var(--light);margin-bottom:11px}
#mars-journal-close{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;width:100%;min-height:62px;box-sizing:border-box;padding:9px 11px;border:1px solid #f2d499;border-radius:6px 13px 6px 13px;color:#f8e7c8;background:linear-gradient(125deg,#615440,#2d343c 43%,#233541);box-shadow:inset 0 1px #fff7d866,inset 0 -3px #030c1899,0 4px 0 #060c13,0 7px 17px #0008;text-align:left;cursor:pointer;touch-action:manipulation;transition:filter .18s,transform .18s}
#mars-journal-close:hover{filter:brightness(1.18)}#mars-journal-close:active{transform:translateY(2px)}#mars-journal-close:focus-visible{outline:3px solid var(--light);outline-offset:4px}
.discovery-confirm-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #e9d09688;border-radius:9px;color:#fff4d3;background:linear-gradient(145deg,#466478,#182e3e);box-shadow:inset 0 2px #bbd9e555,0 3px 0 #09111b;font:700 21px/1 system-ui}
[data-input=gamepad] .discovery-confirm-icon{border-radius:50%;background:linear-gradient(145deg,#6da466,#264e41);border-color:#94eabd;color:#e1ffd4}
.discovery-confirm-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.discovery-confirm-label{display:block;font:700 14px/1.3 system-ui;letter-spacing:.04em}.discovery-confirm-hint{display:block;font:500 11px/1.4 system-ui;margin-top:4px;color:#dfca9f}
.mars-discovery .journal-list{display:flex;gap:7px;overflow:auto;max-height:85px;margin:16px 0 2px;padding:3px 2px 8px;scrollbar-width:thin}.mars-discovery .journal-list[hidden]{display:none}
.discovery-entry{flex:0 0 140px;padding:10px;border:1px solid #778b8666;border-radius:4px 9px 4px 9px;background:#111f2a;color:#b6c5c7;font:600 10px/1.4 system-ui;text-align:left;cursor:pointer}
.discovery-entry[aria-pressed=true]{border-color:var(--foil);color:#f7dfac;background:#303b3e}.discovery-entry:focus-visible{outline:2px solid var(--light);outline-offset:2px}
@keyframes discovery-arrive{from{opacity:0;transform:translateY(30px) rotateY(-18deg) scale(.94)}to{opacity:1;transform:rotateX(var(--turn-x)) rotateY(var(--turn-y))}}
@keyframes discovery-hover{0%,100%{transform:translateZ(35px) translateY(0)}50%{transform:translateZ(42px) translateY(-5px)}}
@media(max-width:420px){.mars-discovery{max-width:calc(100vw - 26px);padding:8px}.discovery-card{padding:18px 18px 16px}.discovery-art{height:184px}.discovery-sigil{width:175px;height:175px}.discovery-lore h2{font-size:23px}.discovery-header{font-size:8px;letter-spacing:.1em}#mars-scroll-text{font-size:12.5px}.discovery-confirm-label{font-size:13px}.discovery-confirm-hint{font-size:8px}}
@media(max-width:350px){.discovery-art{height:153px}.discovery-sigil{width:147px;height:147px}.discovery-lore h2{font-size:21px}.discovery-card{padding:17px 15px 14px}.discovery-header{gap:7px;font-size:7px}#mars-scroll-number{font-size:8px}#mars-scroll-text{font-size:12px}.discovery-confirm-label{font-size:12px}.discovery-confirm-hint{font-size:7px}}
@media(max-height:560px) and (min-width:520px){.mars-discovery{width:710px;max-height:calc(100dvh - 16px);padding:7px 12px}.discovery-card{display:grid;grid-template-columns:38% 1fr;column-gap:20px;padding:14px 20px;min-height:250px}.discovery-header{grid-column:2;grid-row:1;padding:0 0 9px}.discovery-art{grid-column:1;grid-row:1 / span 3;height:100%;min-height:200px}.discovery-sigil{width:175px;height:175px}.discovery-lore{grid-column:2;grid-row:2;padding:0}.discovery-lore h2{font-size:21px}.discovery-rule{margin:8px 10px}#mars-scroll-text{font-size:11px;line-height:1.4}.discovery-footer{grid-column:2;grid-row:3;padding-top:12px}#mars-journal-summary{display:none}#mars-journal-close{min-height:49px;padding:6px 10px}.discovery-confirm-label{font-size:12px}.discovery-confirm-hint{font-size:8px}.mars-discovery .journal-list{max-height:50px;margin-top:8px}.discovery-entry{padding:5px 8px}}
@media(prefers-reduced-motion:reduce){.discovery-card,#mars-discovery-art{animation:none;transition:none}.discovery-card{transform:none}}
html.game-cursor-hidden:has(.mars-discovery[open]),html.game-cursor-hidden:has(.mars-discovery[open]) *{cursor:auto!important}html.game-cursor-hidden:has(.mars-discovery[open]) button{cursor:pointer!important}