#topbar{display:none}
.journey-hud{position:fixed;top:14px;left:20px;right:78px;z-index:15;display:flex;align-items:center;gap:18px;font-size:13px;color:#e1e6eb;pointer-events:none}
.journey-hud a{pointer-events:auto;color:inherit;text-decoration:none;background:#101925db;padding:10px 14px;border:1px solid #53616e;border-radius:5px}
#journey-place{font-weight:600;letter-spacing:.1em}
#journey-count{margin-left:auto;color:#d9bd87}
#journey-journal{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:18;display:flex;gap:6px;padding:6px;background:#101925e8;border:1px solid #52606b;border-radius:9px}
#journey-journal button{font:inherit;font-size:10px;display:grid;justify-items:center;gap:2px;color:#e4d4b3;cursor:pointer;background:#25303c;border:1px solid #68717c;border-radius:5px;width:68px;padding:5px}
#journey-journal button:disabled{filter:grayscale(1);opacity:.35;cursor:default}
#journey-journal button:not(:disabled):hover{background:#455363}
.relic-icon{width:44px;height:42px;image-rendering:pixelated;overflow:hidden}
#bottombar{display:none}
#panel.journey-panel{background:rgba(6,12,20,.92);z-index:50;padding:24px;box-sizing:border-box}
.journey-detail{display:grid;grid-template-columns:minmax(180px,.8fr) 1.2fr;max-width:840px;margin:auto;background:#e7e1d3;color:#292b2b;border:1px solid #8a918e;border-radius:8px;overflow:hidden;box-shadow:0 20px 80px #0009}
.journey-art{min-height:300px;background-size:cover;background-position:center;display:grid;place-items:center;position:relative}
.journey-art:before{content:'';position:absolute;inset:0;background:#10192588}
.journey-art .relic-icon{width:150px;height:190px;position:relative;filter:drop-shadow(0 8px 18px #000)}
.journey-copy{padding:28px 30px;font-size:14px;line-height:1.8;word-break:keep-all}
.journey-copy h2{font-size:27px;margin:0 0 15px;letter-spacing:-.04em}
.journey-copy h3{font-size:11px;letter-spacing:.12em;color:#67695f;margin:18px 0 4px}
.journey-copy p{margin:0}
.journey-kicker{font-size:11px;color:#666b6a;margin-bottom:10px!important}
.journey-copy blockquote{margin:20px 0 0;padding:14px 0 0;border-top:1px solid #b6b5ac;font-size:15px;font-weight:600}
#panel.journey-panel #panelBody{width:100%;max-width:840px;overflow:auto;max-height:calc(100dvh - 110px)}
#panel.journey-panel .pfoot{margin-top:12px}
#panel.journey-panel .arrow{display:none}
#panel.gate-preview{background:linear-gradient(180deg,rgba(5,9,18,.40),rgba(5,9,18,.78)),url('assets/scene-cyberpunk.png') center/cover;backdrop-filter:blur(4px)}
.gate-copy{max-width:660px;padding:32px 16px;color:#ecf4f6;text-shadow:0 3px 20px #000;word-break:keep-all}
.gate-copy>p:first-child{font-size:12px;letter-spacing:.15em;color:#acdce0}
.gate-copy h2{font-size:clamp(40px,8vw,78px);margin:20px 0;letter-spacing:-.05em}
.gate-copy p{font-size:17px;line-height:1.9}
.gate-copy blockquote{font-size:16px;line-height:1.8;margin:26px 0 0;padding-top:20px;border-top:1px solid #a7c2ce55;color:#dce8ec}
#panel.gate-preview #btnNovel{background:#dbf3f3;color:#12232c;border:1px solid #98d1d5}
#panel.gate-preview #panelHint{color:#cedcdf}
@media(max-height:560px){.journey-detail{grid-template-columns:180px 1fr}.journey-art{min-height:250px}.journey-copy{padding:18px;font-size:12px}.journey-copy h2{font-size:21px}.journey-copy h3{margin-top:10px}.journey-copy blockquote{font-size:13px;margin-top:12px}.journey-hud{top:8px}.journey-hud a{padding:6px 10px}#journey-journal{bottom:8px}#journey-journal button{width:49px;font-size:9px;padding:3px}.relic-icon{width:29px;height:25px}}
@media(max-width:600px){.journey-hud{left:10px;gap:10px}.journey-detail{grid-template-columns:1fr}.journey-art{min-height:140px}.journey-art .relic-icon{height:100px}.journey-copy{padding:18px}}