.question-journey{margin:0 0 20px;border:1px solid #60858c;border-radius:12px;overflow:hidden;background:#10283b;isolation:isolate}.qj-strip{position:relative;height:132px;overflow:hidden;border-top:1px solid #a9d4c533;border-bottom:1px solid #618c75;background:#7db8bf url('/art/journeys-v1/landscape.png?rev=ca31103e05119f6a') center calc(74.6% + 33.5px)/max(100%,800px) auto no-repeat}.qj-strip:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#04172b09,#04172b00 65%,#172e2425)}.qj-hud{position:absolute;z-index:2;left:12px;top:7px;width:224px;padding:8px 12px;background:#092236ef;border:1px solid #7099a277;border-radius:11px;box-shadow:0 3px 8px #0018233a}.qj-hud>span{display:block;color:#edf9f5;font-family:Georgia,serif;font-size:10px;letter-spacing:.5px;line-height:1.1;margin-bottom:7px}.qj-markers{height:12px}.qj-dots{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:12px}.qj-dots:before{content:'';position:absolute;height:2px;background:#52808e;width:100%;top:5px;left:0}.qj-dots:has(.qj-dot:only-child):before{display:none}.qj-dot{position:relative;width:10px;height:10px;flex:none;border:1px solid #88afc0;border-radius:50%;background:#092336;z-index:1;box-shadow:0 0 0 2px #0b2535}.qj-dot.complete{border-color:#a4ffe4;background:#65e6c8;box-shadow:0 0 0 2px #153b43,0 0 5px #65e6c855}.qj-dot.current{border:2px solid #ffe292;background:#183747;width:12px;height:12px}.qj-route{position:absolute;inset:0 16px;z-index:1}.qj-party{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);display:flex;align-items:end;gap:7px}.qj-player{position:relative;display:block;width:43px;height:80px;flex:none}.qj-player .pixel-avatar{position:absolute;display:block;left:50%;bottom:0;transform:translateX(-50%);width:88px;height:88px;max-width:none;line-height:1;filter:drop-shadow(0 2px 1px #122d2766)}.qj-player .pixel-avatar img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.qj-player .animal-avatar{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);font-size:39px;line-height:1.2;filter:drop-shadow(0 2px 1px #122d2766)}.qj-fallback{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:25px;color:#8cf6d3}.qj-legend{display:flex;align-items:center;gap:18px;padding:9px 17px;background:#0e2638;color:#bdcfda;font-size:9px;line-height:1.3}.qj-legend>span{display:flex;align-items:center;gap:6px}.qj-legend>span:last-child{margin-left:auto;color:#cfecdf;font-variant-numeric:tabular-nums;text-align:right}.qj-legend i{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%}.qj-legend-complete{background:#65e6c8}.qj-legend-current{border:1px solid #ffe292}@media(max-width:700px){.qj-strip{background-position:70% calc(74.6% + 33.5px)}.qj-hud{width:206px;padding:8px 11px}.qj-route{left:10px;right:10px}.qj-player{width:37px}.qj-player .pixel-avatar{width:83px;height:83px}.qj-party{gap:4px}.qj-legend{font-size:8px;padding:9px 11px;gap:12px}}@media(max-width:360px){.qj-player{width:32px}.qj-player .pixel-avatar{width:77px;height:77px}.qj-legend{gap:9px;font-size:7px}}
.question-journey,.qj-strip,.qj-hud{box-sizing:border-box}.scorebar:has(+.question-journey) .round-dots{display:none}