/* Game gear frames and stars, as displayed by Grandivory. Scoped to Journey Guide. */
#jrn-body .journey-unit{position:relative;min-width:0;padding:19px 8px 12px;text-align:center;border:1px solid #a4bdde22;border-radius:12px;background:radial-gradient(ellipse at 50% 15%,#36507138,transparent 70%),linear-gradient(155deg,#111e30,#090f1b);box-shadow:inset 0 1px #ffffff09}
#jrn-body .journey-unit.is-owned{border-color:#7294b43d}
#jrn-body .journey-status{position:absolute;right:7px;top:5px;color:#68dbaa;font-size:12px;line-height:1}
#jrn-body .journey-portrait{position:relative;width:76px;height:76px;margin:9px auto 20px;border-radius:50%;background:#142332;isolation:isolate;box-shadow:0 4px 12px #0008}
#jrn-body .journey-face{position:absolute;inset:4%;width:92%;height:92%;border-radius:50%;object-fit:cover}
#jrn-body .journey-initial{position:absolute;inset:0;display:grid;place-items:center;font-size:28px;color:#b7c7d7}
#jrn-body .journey-frame{position:absolute;inset:0;z-index:1;background-position:center;background-size:100% 100%;pointer-events:none}
#jrn-body .gear-0 .journey-frame,#jrn-body .gear-1 .journey-frame{border:2px solid #b9d9df;border-radius:50%;box-shadow:inset 0 0 0 2px #142531,0 0 0 1px #243944}
#jrn-body .journey-star{position:absolute;width:16.66%;height:16.66%;left:41.67%;top:41.67%;z-index:2;background:url(journey-frames/star-passive.png) center/contain no-repeat;transform:rotate(var(--star-angle)) translateY(-350%)}
#jrn-body .journey-star.earned{background-image:url(journey-frames/star-active.png)}
#jrn-body .journey-rank{position:absolute;z-index:3;bottom:-10px;left:50%;transform:translateX(-50%);min-width:29px;height:25px;padding:0 5px;display:grid;place-items:center;border:2px solid #bbc9d7;border-radius:8px;background:linear-gradient(#243b59,#0c1728);color:#fff;font-size:11px;font-weight:800;line-height:1;box-shadow:0 2px 4px #000a}
#jrn-body .is-relic .journey-rank{border-color:#ffe4a0;background:linear-gradient(#952a1b,#38100e);box-shadow:0 0 8px #f2b53d42,0 2px 4px #000a}
#jrn-body .journey-name{min-height:30px;font-size:12px;font-weight:650;line-height:1.25;color:#e7edf5;overflow-wrap:anywhere}
#jrn-body .journey-detail{margin-top:5px;font-size:11px;color:#a8b9cc;font-weight:600}
#jrn-body .is-locked .journey-portrait{filter:grayscale(1);opacity:.55}
#jrn-body .is-locked .journey-name,#jrn-body .is-locked .journey-detail,#jrn-body .is-locked .journey-status{color:#8793a5}
#jrn-body .is-ship .journey-face{object-fit:contain}
#jrn-body .gear-2 .journey-frame{background-image:url(journey-frames/g2-overlay.png)}
#jrn-body .gear-3 .journey-frame{background-image:url(journey-frames/g3-overlay.png)}
#jrn-body .gear-4 .journey-frame{background-image:url(journey-frames/g4-overlay.png)}
#jrn-body .gear-5 .journey-frame{background-image:url(journey-frames/g5-overlay.png)}
#jrn-body .gear-6 .journey-frame{background-image:url(journey-frames/g6-overlay.png)}
#jrn-body .gear-7 .journey-frame{background-image:url(journey-frames/g7-overlay.png)}
#jrn-body .gear-8 .journey-frame{background-image:url(journey-frames/g8-overlay.png)}
#jrn-body .gear-9 .journey-frame{background-image:url(journey-frames/g9-overlay.png)}
#jrn-body .gear-10 .journey-frame{background-image:url(journey-frames/g10-overlay.png)}
#jrn-body .gear-11 .journey-frame{background-image:url(journey-frames/g11-overlay.png)}
#jrn-body .gear-12 .journey-frame{background-image:url(journey-frames/g12-overlay.png)}
#jrn-body .gear-13 .journey-frame{background-image:url(journey-frames/g13-overlay.png)}

/* The atlas includes its own outer padding; the portrait fits its inner opening. */
#jrn-body .gear-13.journey-portrait{background:transparent;box-shadow:none}
#jrn-body .gear-13 .journey-face,#jrn-body .gear-13 .journey-initial{inset:18%;width:64%;height:64%;border-radius:50%;clip-path:circle(50%);background:#142332}

/* Original Grandivory G13 atlas: light, dark, neutral. Keep the portrait size. */
#jrn-body .gear-13 .journey-frame{inset:0;background-image:url(journey-frames/g13-frame-atlas.png);background-size:100% 300%;background-position:center 100%;background-repeat:no-repeat}
#jrn-body .align-light .gear-13 .journey-frame{background-position:center 0%}
#jrn-body .align-dark .gear-13 .journey-frame{background-position:center 50%}
#jrn-body .is-relic .journey-rank{border-color:#c5b174;background:#172331;box-shadow:0 2px 4px #0008}
#jrn-body .align-light.is-relic .journey-rank{border-color:#89b4cb}
#jrn-body .align-dark.is-relic .journey-rank{border-color:#bf827c}